Client-First is a set of guidelines and strategies created by Finsweet to help you build Webflow websites.
Heading Styles
Heading classes when typography style doesn't match the default HTML tag.
heading-style-h1
Sample text helps you understand how real text may look.
heading-style-h2
Sample text is being used as a placeholder. Sample text helps you understand how real text may look.
heading-style-h3
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.
heading-style-h4
Sample text is being used as a placeholder. Sample text helps you understand how real text may look. Sample text is being used as a placeholder for real text that is normally present.
heading-style-h5
Sample text is being used as a placeholder. Sample text helps you understand how real text may look. 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.
heading-style-h6
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. 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.
Text Classes
Text classes when typography style doesn't match the default HTML tag.
Text Sizes
text-size-large
This is a block of text. Double-click this text to edit it.
text-size-medium
This is a block of text. Double-click this text to edit it.
text-size-regular
This is a block of text. Double-click this text to edit it.
text-size-small
This is a block of text. Double-click this text to edit it.
text-size-tiny
This is a block of text. Double-click this text to edit it.
Text Styles
text-style-strikethrough
This is a block of text. Double-click this text to edit it.
text-style-italic
This is a block of text. Double-click this text to edit it.
text-style-muted
This is a block of text. Double-click this text to edit it.
text-style-allcaps
This is a block of text. Double-click this text to edit it.
text-style-nowrap
This is a block of text. Double-click this text to edit it.
text-style-link
This is a block of text. Double-click this text to edit it.
text-style-quote
This is a block of text. Double-click this text to edit it.
text-style-2lines
This is a block of text. Double-click this text to edit it.
text-style-3lines
This is a block of text. Double-click this text to edit it.
