Site styleguide
Nube flow is a unified webflow system built on three intuitive pillars: 12 column system for layout, Flex system for structure, and Spacing system for rhythm. By encoding responsive behavior into smart defaults paired with semantic tokens throughout, it bridges the gap between visual design tools and production code. Write less, build more, maintain effortlessly.
Color
All the website colors are tokenized and have their unique styles defined based on their functionality
Surface
Ink
Stroke
Color themes
The Nube Flow system recommends having a minimum of two color themes on every website build
Default
Invert
Typography
Typography styles hold tokenized classes based on font size and number of typography style utilities.
Type system
Aa
Aa
Aa
Aa
Aa
Aa
Layout
Layout styles are defined based on 12 column grid system
Global components
Global components are reusable elements designed for a wide range of use cases