Overview

Key features and philosophy behind the Base System and why we think it's worth your time and consideration as a Webflow Developer.

Discuss with Tom

Buttons - I think it may be unpopular to have so many unique button classes to manage. But too much work to update all our existing collections to use combo classes for managing buttons. Maybe we could create variables to manage all our buttons?

Typography - font-size variables for paragraphs? rename paragraphs to text-size?

Class naming - seems like alot of system differentiate global, custom and combo classes. i.e cc-secondary or is-secondary. Again I think we just had to accept that we wont be doing that

Responsive Units

In the Base System, components are built using pixel-based units rather than REM-based units. Pixels are the default unit in Webflow, and easier to integrate designs across various platforms like Figma, Framer, and Illustrator without conversion.

That said, we recognize that many designers and developers prefer REM units for accessibility and scalability. If you prefer working with REM, the Base System provides a REM Starter Project tailored to those needs, allowing you to adopt your preferred approach.