Client-First
Docs
arrow down
Learn Client-First with docs

Getting Started

Intro
Intro to Client-First with an overview of the essential principles.
Big docs
Why we have extensive documentation.

Concepts

Classes strategy 1
Strategy for how we identify, use, and manage classes inside Webflow as a platform.
Core structure strategy
Establish a unified, well-defined, and flexible structure that we can use for all pages across Client-First websites.
Sizes and rems
Explanation of REM units, 4pt system, and how we approach measurements in Client-First.
Typography strategy
Build and maintain a unified typography style system across the project.
Spacing strategy
Make intelligent spacing decisions inside Client-First.
Utility class systems
Review the utility class systems included with the official Client-First project cloneable.
Classes strategy 2
Theory of best workflow practices for classes in Webflow Designer.
Folders
Finsweet introduces a folder system add-on for Client-First. Organize our project's classes with Folders.
Folders strategy
Next steps with Client-First Folders. Explore deeper use cases and strategies around Folders.
Interactions naming
A naming convention for Webflow Interactions.

Usability

Fluid responsive
Add fluid responsive to any Client-First projects using a visual fluid scaling tool.
Semantic HTML tags
Learn how to use and best establish semantic HTML tags inside Webflow.
Accessibility
Follow best accessibility practices in Webflow.

Supporting Content

Global Styles embed
Understand the custom CSS in the Client-First cloneable project.
CSS specificity
Learn the concept of CSS Specificity and how it relates to using Client-First's spacing system in Webflow.
Convert past projects
Understand the decision to convert an old project to Client-First.
Sales strategy
Learn how we can leverage Client-First to win more projects and keep our clients happy.
Client-First productivity series
Client-First workflow enhancement productivity video series.
Webflow productivity series
Webflow workflow enhancement productivity video series.
Webflow beginners
Content for people who just started learning Webflow.
V1 to V2 guide
List of the essential updates in V2.
Changelog
Key updates in from Client-First launch to today.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Resources
arrow down
Submit your project
Feature your Client-First project in the Client-First showcase.
All resources
Learn, clone projects, and see how Finsweet and the community use Client-First.
Languages
arrow down

Learn Client-First in other languages

LIVE
French
live
Tagalog
LIVE
Polish
live
Vietnamese
live
German
Coming soon
Spanish
Coming soon
Portuguese
Coming soon
Hungarian
Coming soon
Chinese
Coming soon
Greek
Coming soon
Dutch
Coming soon
Arabic
Coming soon
Macedonian
Get the Cloneable
Settings
Log in with

Christian Schmitt

Webflow Designer & Developer
Bremen, Germany
https://experts.webflow.com/profile/webmented-by-christian-schmitt
Social:

About the Translator

English
Native Language

I love building solutions for my clients and help other people too. I am Webflow Expert, Finsweet Pro, Relume Community Expert and ongoing Wized Wizard. I love golf and wellness. Also i am a Tesla fanboy.

Learn Client-First in
Polish
French
Tagalog
Vietnamese
German
Go to the Docs
Client-First Docs
Learning pathV1 to V2 guideBig docsIntro to Client-First
Client-First Resources
V2 ResourcesSubmit a V2 Resource
Finsweet products
AttributesFinsweet ExtensionPro Finsweet CommunityCookie Consent for WebflowWebflow Hacks
Social
Subscribe to Finsweet
Get product updates, news, content, and invites to cool events.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
© 2022 Client-First Webflow Style System
Made with
by