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
Coming soon
Spanish
Coming soon
Portuguese
Coming soon
Hungarian
Coming soon
Chinese
Coming soon
Greek
Coming soon
Dutch
Coming soon
Macedonian
Become a Client-First Translator
Get the Cloneable
Settings
Log in with
Docs pages
0%
Getting started
Quick guide
Checkbox
Learning path
Checkbox
Intro
Checkbox
Big docs
Checkbox
concepts
Classes strategy 1
Checkbox
Core Structure strategy
Checkbox
Sizes and rem
Checkbox
Typography strategy
Checkbox
Spacing strategy
Checkbox
Utility class systems
Checkbox
Classes strategy 2
Checkbox
Folders
Checkbox
Folders strategy
Checkbox
Interactions naming
Checkbox
Usability
Fluid Responsive
Checkbox
Semantic HTML tags
Checkbox
Accessibility
Checkbox
SupPORting content
Global Styles embed
Checkbox
CSS Specificity
Checkbox
Convert past projects
Checkbox
Sales strategy
Checkbox
Client-First productivity
Checkbox
Webflow productivity
Checkbox
Beginners in Webflow
Checkbox
Webflow resources
Checkbox
V1 to V2 guide
Checkbox
Changelog
Checkbox
Get involved
Board of Directors
Checkbox
Become a Translator
Checkbox
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Dictionary
Client-First for Webflow
/
Big docs
0
min read
Client-First quick guide
The most important topics of Client-First.
Download Quick Guide