Instructions

Welcome to Speakzy! This page contains basic instructions to help you customize this template easily.

Changing Text & Images
To change text or images on any page, simply click on the element you want to change and edit it directly from the Designer panel or Editor Mode in Webflow.
‍
Adding or Removing Elements
To add a new element, use the Add Panel (A) feature and select the appropriate component. To remove an element, select it and press Delete (⌫).

Using Global Styles
This template uses a structured design system. All text, color, and button styles are defined in the Style Guide page to keep the design consistent.
‍
Changing Colors & Fonts
To change colors or fonts across your entire site, change them directly in the Style Guide, and the changes will be automatically applied to all related elements.

Adjusting Appearance Across Devices
This template is optimized for desktop, tablet, and mobile. You can preview each device via Webflow Preview Mode and adjust elements if needed.

This page provides detailed instructions on how to use Speakzy effectively, including the variables used in the Webflow setup. These variables help define various elements and ensure a smooth experience when customizing your AI Video Captioning template.

How to Use Variables
‍Global Styling: These variables ensure consistency in colors, typography, and spacing.
‍Customization: You can adjust them in Webflow's style settings to match your brand.
‍Performance Optimization: Using predefined variables enhances performance and maintainability.

If you have trouble customizing your template, visit Webflow University or contact Webflow support for further assistance.