Client-First
Docs
arrow down
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
arrow down
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
arrow down

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

Docs pages

0%
Getting started
Quick Guide
Learning path
Intro
Big docs
concepts
Classes strategy 1
Core Structure strategy
Sizes and rem
Typography strategy
Spacing strategy
Utility class systems
Classes strategy 2
Folders
Folders strategy
Interactions naming
Usability
Fluid Responsive
Semantic HTML tags
Accessibility
SupPORting content
Global Styles embed
CSS Specificity
Convert past projects
Sales strategy
Client-First productivity
Webflow productivity
Beginners in Webflow
Webflow resources
V1 to V2 guide
Changelog
Get involved
Board of Directors
Become a Translator
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
Download Quick Guide
Next

Intro

Start reading Client-First docs