Thank you for choosing Dexora. This guide will help you customize the template, update your content, manage CMS collections, and launch your SaaS website with ease.
To get started, duplicate the Dexora template into your Webflow workspace, customize it to match your brand, update your content and CMS collections, and publish your website to your preferred domain.
Instructions
Getting Started
Editing Global Colors
Dexora uses Webflow Variables for global color management.
1. Open the Variables panel.
2. Select the color variable you want to edit.
3. Update the color value.
4. All connected elements will automatically update across the website.
This makes it easy to customize the entire design without editing individual elements.
1. Open the Variables panel.
2. Select the color variable you want to edit.
3. Update the color value.
4. All connected elements will automatically update across the website.
This makes it easy to customize the entire design without editing individual elements.
Editing Typography
To change fonts:
1. Open the Style Guide page.
2. Select the text style you want to modify.
3. Update the font family, size, weight, or line height.
4. Changes will automatically apply to all elements using that class.
1. Open the Style Guide page.
2. Select the text style you want to modify.
3. Update the font family, size, weight, or line height.
4. Changes will automatically apply to all elements using that class.
Components
Dexora includes reusable components such as:
1. Header
2. Footer
3. CTA Sections
4. Pricing
5. Testimonial Section
6. Faq
7. Button
1. Header
2. Footer
3. CTA Sections
4. Pricing
5. Testimonial Section
6. Faq
7. Button
To edit a component:
1. Open the Components panel.
2. Select the component instance.
3. Edit the content or detach the instance if you need a unique version.
1. Open the Components panel.
2. Select the component instance.
3. Edit the content or detach the instance if you need a unique version.
CMS Collections
This template uses CMS collections for dynamic content.
Collections include:
1. Blogs
You can add, edit, or remove items directly from the CMS panel.
Collections include:
1. Blogs
You can add, edit, or remove items directly from the CMS panel.
GSAP Animations
Dexora uses Webflow's native GSAP integration to create smooth and engaging animations throughout the template.
To edit animations:
1. Select the animated element.
2. Open the Interactions panel in Webflow Designer.
3. Locate the applied GSAP animation.
4. Adjust settings such as duration, delay, easing, or trigger options according to your needs.
If an animated element is removed or renamed, please review its associated interaction settings to ensure all animations continue to work properly.
To edit animations:
1. Select the animated element.
2. Open the Interactions panel in Webflow Designer.
3. Locate the applied GSAP animation.
4. Adjust settings such as duration, delay, easing, or trigger options according to your needs.
If an animated element is removed or renamed, please review its associated interaction settings to ensure all animations continue to work properly.
Images & Icons
All images used in this template are for preview purposes only and can be replaced with your own assets.
Icons are fully editable and can be customized according to your project requirements.
Icons are fully editable and can be customized according to your project requirements.
Support
If you need any help regarding this template, please feel free to contact us.
Email: pixcutstudiollcwebflow@gmail.com
Email: pixcutstudiollcwebflow@gmail.com
