Style Guide

Welcome to the style guide, your comprehensive resource for all design elements and components, ensuring consistency and ease of customization across your website.

Heading Tags + Custom classes

HTML tags define default Heading styles + Also think to custom your heading classes accodingly to global classes.

All h1

This is the H1 heading

Heading style 1

This is the H1 heading

All h2

This is the H2 heading

Heading style 2

This is the H2 heading

All h3

This is the H3 heading

Heading style 3

This is the H3 heading

All h4

This is the H4 heading

Heading style 4

This is the H4 heading

All h5
This is the H5 heading
Heading style 5
This is the H5 heading
All h6
This is the H6 heading
Heading style 6
This is the H6 heading

Other HTML Tags

HTML tags define default text styles.

All paragraphs

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

All links
All Links
All quotes
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website.
All Ordered Lists
  1. Sample text is being used as a placeholder for real text that is normally present.
  2. Sample text is being used as a placeholder for real text that is normally present.
  3. Sample text is being used as a placeholder for real text that is normally present.
All Unordered Lists
  • Sample text is being used as a placeholder for real text that is normally present.
  • Sample text is being used as a placeholder for real text that is normally present.
  • Sample text is being used as a placeholder for real text that is normally present.

Buttons

Button combo class system.

button
Button text
button Light
Button text

Webflow elements

Native Webflow elements with Custom classes applied.

Rich Text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Sample text with a link is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text. Sample text is being used as a placeholder for real text. Sample text is being used as a placeholder for real text.

  • Sample text is being used as a placeholder for real text that is normally present.
  • Sample text is being used as a placeholder for real text that is normally present.
  • Sample text is being used as a placeholder for real text that is normally present.
  1. Sample text is being used as a placeholder for real text that is normally present.
  2. Sample text is being used as a placeholder for real text that is normally present.
  3. Sample text is being used as a placeholder for real text that is normally present.
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text that is normally present.
Placeholder
Image Caption
form component

Example of a form component using Folders

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Colors

Manage recurring text and background colors.

Background Colors

background color Dark
background color white
background color Light

Thanks for purchasing this template

We hope it meets all your expectations. For more templates, you can visit my templates page.
And if you have any questions or need maintenance, contact me via this page.

Happy creating!

Alexis Gardin