Client-First — Version 2.1

Style Guide

Client-First is a set of guidelines and strategies created by Finsweet to help you build Webflow websites.

Structure Classes

Defined and flexible core structure we can use on all or most pages.

page-wrapper
main-wrapper
container-small
container-medium
container-large
padding-global

Headings

HTML tags define default Heading styles. Use Heading classes when the typography style doesn't match the default HTML tag.

H1

Sample text helps you understand how real text may look. Sample text is being used as a placeholder.

heading-style-h1

dedicado

H2

Sample text is being used as a placeholder. Sample text helps you understand how real text may look.

heading-style-h2

mission

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-h3

Why Dedicado Agency?

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
Learn More

Text Classes

Text classes when typography style doesn't match the default HTML tag.

Text Sizes

text-size-large

Sample text is being used as a placeholder for real text that is normally present.

text-size-small

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

text-size-huge

Sample text is being used as a placeholder

Text Alignments

text-align-left
text-align-left
text-align-center
text-align-center
text-align-right
text-align-right

Buttons

Button combo class system.

button
Book a Strategy Call
button
is-secondary
Book a Strategy Call