The System is a model towards Webflow development. It Creates a logical Environment for your build decisions.

Allow Other Webflow professionals understand your build logic within minutes.

Reduce the inherent cognitive load Creating new classes bring.

Keep your sanity on complex projects even on crucial last days before launch.

The System is a methodical and semantic approach to optimize for clarity and reusability throughout any site”
Corey Moen picture
Corey Moen
Senior Brand Designer at Webflow
The System brings the exact balance between project structure, class organization and the flexibility to scale”
Marcelo Russo picture
Marcelo Russo
CEO at Fri3nds Agency
I absolutely admire the simplicity  of The System”
Stefan Savanovic picture
Stefan Savanovic
Co-Founder at Nube
The System logo

the System is not for Everyone

  • Transitioning to a new way of building is hard and requires effort. If you already have a system in place, focus on optimizing that instead of modifying your whole approach to Webflow projects.

  • If the foundational ideas that nurture The System don't sparkle something inside you, I venture to say it would be difficult to connect to The System way of working in Webflow.

The System MainFeatures

Class categorization according to its function: basic, component, structure & functional
A unique naming convention conformed by 4 naming subspaces, one per each class category
Beyond combo-classes: multi-classes
A global layout using one singular class (yes, only one)
Horizontal and vertical spacing using flex gap
Responsive scales that nurture dimensional values such as spacing and font size
Specific responsive typographic scale for headings inside the rich text element
REM as the main unit
Global & per page custom CSS
Global use of iconic SVG's

Is not about being better, faster or more efficient than Client-First or other approaches to Webflow Development.

I'm not telling you that The System is the best option to create your Webflow projects upon. That is something you need to decide. The foundational ideas that build The System are the ones that will tell you if it is the right system for you, or not.

Clone Auditor, the first free template build upon The Sytem.

Auditor Template screenshot

Subscribe to get notified with new releases & Webflow Insights

Thank you! You will receive an email every time an article is freshly written.
Oops! Something went wrong while submitting the form.