The Straple Webflow Design System
Project Foundations
An overview of the system
Our system is crafted to support teams wanting:
1. Simple and easy to manage system
2. Rapid page building
3. Easy to follow class convention
4. A starting point for the team
5. Constancy in your builds
Rapid Webflow build without the over complicated jargon of class naming and complexity of building out structures, layouts, components and elements within your Webflow build.
We have gone for an approach which mimics natural language rather than classes like header-title--sm01 and extending those classes we have been more naturally descriptive for e.g below. 😜 that's right we stack the classes
1. Simple and easy to manage system
2. Rapid page building
3. Easy to follow class convention
4. A starting point for the team
5. Constancy in your builds
Rapid Webflow build without the over complicated jargon of class naming and complexity of building out structures, layouts, components and elements within your Webflow build.
We have gone for an approach which mimics natural language rather than classes like header-title--sm01 and extending those classes we have been more naturally descriptive for e.g below. 😜 that's right we stack the classes
By combining classes we can get the results we're looking for so if we can a color'd button which has rounded edges we say 👈 these are a good example which you can see in the designer.