Client-First
Docs
Learn Client-First with docs
Getting Started
Quick Guide
new
The most important topics of Client-First.
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
updated
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.
Get involved
Board of Directors
Client-First for the community and by the community.
Become a Translator
Help thousands of Webflow users better understand Client-First in their native language by becoming a Client-First translator.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Resources
All resources
Learn, clone projects, and see how Finsweet and the community use Client-First.
Submit your project
Feature your Client-First project in the Client-First showcase.
Languages
Learn Client-First in other languages
LIVE
French
live
Tagalog
LIVE
Polish
live
Vietnamese
live
German
live
Arabic
Live
Turkish
LIVE
Japanese
Live
Danish
Live
Bengali
coming soon
Bulgarian
Coming soon
Spanish
Coming soon
Portuguese
Coming soon
Hungarian
Coming soon
Greek
Coming soon
Macedonian
Coming soon
Russian
Coming soon
Croatian
Coming soon
Ukranian
Become a Client-First Translator
Get the Cloneable
Settings
Log in with
Account
Hello,
!
Progress tracker
Use progress tracker
Adjust words per minute reading calculation
265 "WPM" is the reading time set by
Medium.com
What other settings do you want in Client-First?
Tell us in the Slack
#pro-general
chat!
Save
Logout
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
