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
live
Arabic
Coming soon
Spanish
Coming soon
Portuguese
Coming soon
Hungarian
Coming soon
Chinese
Coming soon
Greek
Coming soon
Dutch
Coming soon
Macedonian
Get the Cloneable
Settings
Log in with

Docs pages

0%
Getting started
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
V1 to V2 guide
Changelog
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Dictionary

Table of contents

  min read
-
-
Close nav
Client-First for Webflow
/
Client-First productivity
0 min read

Client-First productivity

Client-First workflow enhancement productivity video series.

These videos use Client-First V1
All of the concepts and productivity benefits shown in these videos apply to Client-First V2. Only be aware that we may see some V1 utility classes and methodologies in this video series.

Intro ⭷

Structure ⭷

Spacing ⭷

Class tips ⭷

Typography ⭷

Global styles ⭷

‍

‍

Next

Webflow productivity

Webflow workflow enhancement productivity video series.