Client-First — Version 2
Style Guide
Client-First is a set of guidelines and strategies created by Finsweet to help you build Webflow websites.
Webflow elements
Native Webflow elements with Client-First classes applied.
form_component
Example of a form component using Folders
text-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.
- 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.
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.
Colors
Manage recurring text and background colors.
Color Palette
#F6C019
#FFECB2
#F3F1ED
#fffff
#333333
#808080
#CCCCCC
#F2F2F2
Text Colors
text-color-black
text-color-black
text-color-grey
text-color-grey
text-color-white
text-color-white
Background Colors
background-color-black
background-color-grey
background-color-white