GETTING STARTED
Learning path
A 7-day schedule to learn Client-First
Recommended Client-First learning path
New to Webflow? Before learning Client-First, we recommend learning the basics of Webflow and web principles. Client-First does not teach HTML or CSS. It's important to have a beginner-level understanding of web topics before learning Client-First. Read our Beginners in Webflow content.
7 days of learning
Day #01
Intro
New
Intro to Client-First with an overview of the essential principles.
Classes strategy 1
rewrite
Strategy for how we identify, use, and manage classes inside Webflow as a platform.
Core structure strategy
New
Establish a unified, well-defined, and flexible structure that we can use for all pages across Client-First websites.
Sizes and rems
rewrite
Explanation of REM units, 4pt system, and how we approach measurements in Client-First.
Day #02
Typography strategy
New
Build and maintain a unified typography style system across the project.
Spacing strategy
New
Make intelligent spacing decisions inside Client-First.
Utility class systems
rewrite
Review the utility class systems included with the official Client-First project cloneable.
Day #03
Classes strategy 2
Rewrite
Theory of best workflow practices for classes in Webflow Designer.
Folders
Super New
Finsweet introduces a folder system add-on for Client-First. Organize our project's classes with Folders.
Folders strategy
Super new
Next steps with Client-First Folders. Explore deeper use cases and strategies around Folders.
Variables
Super new
Color variables in Webflow and how Client-First uses them — Strategies, naming conventions, and practical usage tips.
Day #04
Fluid responsive
Rewrite
Add fluid responsive to any Client-First projects using a visual fluid scaling tool.
Semantic HTML tags
New
Learn how to use and best establish semantic HTML tags inside Webflow.
Accessibility
rewrite
Follow best accessibility practices in Webflow.
Day #05
Global embed
New
Explanation of each CSS snippet in the Global Embed of the Client-First cloneable.
CSS specificity
New
Learn the concept of CSS Specificity and how it relates to using Client-First's spacing system in Webflow.
Convert past projects
New
Understand the decision to convert an old project to Client-First.