Style Guide
HTML Heading Tags
H1
Sample text is being used as a placeholder.
H2
Sample text is being used as a placeholder as real text.
Heading Classes
heading2-small
Paragraphs
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.
Links
Text Classes
text-size-small
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.
text-style-italic
text-style-allcaps
text-style-nowrap
Text Weights
text-weight-bold
text-weight-medium
text-weight-regular
Text Alignments
text-align-left
text-align-center
text-align-right
Text Colors
text-color-grey
text-color-dark
text-color-primary
Rich Text
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
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.
- The rich text element allows you to create and format headings,
- The rich text element allows you to create and format headings,
- The rich text element allows you to create and format headings,
-
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.
Color Palette
Primary
Dark
Grey | Basic
Grey | Blue
Light | 100
Light | 50
Backgrounds
Icons Sizes
Icons 1x1 Sizes
Social Media Icons
Webflow Elements
List
- 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.