Client-First is a set of guidelines and strategies created by Finsweet to help you build Webflow websites.
Defined and flexible core structure we can use on all or most pages.
Heading classes when typography style doesn't match the default HTML tag.
Text classes when typography style doesn't match the default HTML tag.
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 on your website.
يتم استخدام نموذج النص كعنصر نائب للنص الحقيقي الموجود عادة.
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 on your website. Sample text helps you understand how real text may look on your website.
يتم استخدام نموذج النص كعنصر نائب للنص الحقيقي الموجود عادة. يساعدك نص العينة على فهم كيف يمكن أن يبدو النص الحقيقي على موقع الويب الخاص بك.
text-style-strikethrough
text-style-italic
text-style-muted
text-style-allcaps
text-style-nowrap
text-style-link
Sample text is being used as a placeholder.
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-2lines
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. 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.
Manage recurring text and background colors.
Use the max-width CSS property to contain inner content to a maximum width.
Utility spacing system - padding classes. [padding-direction] + [padding-size].
Utility spacing system - padding classes. [margin-direction] + [margin-size].
Unify icons sizes. icon-height sets height of icons. icon-1x1 sets both height and width of icons.
Utility classes we like to use in most of our projects to build faster.
Native Webflow elements with Client-First classes applied.
Example of a form component using Folders
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 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.