Compleat_ Styleguide
The Styleguide is your central place for all your styles. It is automatically generated by the site builder and can be customized by you in detail. The style guide is based on the Finsweet Client First 2.0 system and contains the most important guidelines and classes for your clean structured webflow project.
With this style guide, your team will have a single source where all styles are collected and customized.If you decide later in the project to make fundamental changes to your structure, you can go through the Site Builder again and the style guide will be generated again here.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
This text is used as a placeholder so you can see how your content will look in your project according to your settings. This text is a sample text, its appearance will change with the settings on the corresponding class.
List item
List item
List item
List item
List item
List item
List item
This text is used as a placeholder so you can see how your content will look in your project according to your settings.
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
This text is used as a placeholder so you can see how your content will look in your project according to your settings. This text is a sample text, its appearance will change with the settings on the corresponding class.
This is a link within a rich text
- List item
- List item
- List item
- List item
- List item
- List item
This is a block quote
icon-xxsmall
icon-xsmall
icon-small
icon-medium
icon-large
icon-xlarge
icon-[custom]
icon-1x1-xxsmall
icon-1x1-xsmall
icon-1x1-small
icon-1x1-medium
icon-1x1-large
icon-1x1-xlarge
icon-1x1-[custom]
Add shadows by positioning elements on a Z axis.