Version 0.1.0

Style guide

Nube flow is powerful and clean Webflow oriented frontend toolkit. That helps you build cleaner, scalable and accessible websites. Where the main objective of Nube Flow is to streamline your development process and provide consistent, efficient workflow for your projects. It simplifies the process of creating even the most complex layouts, allowing you to build faster and more efficiently than ever.

On this page, you can see a compact list of the Nube flow classes that allow you to make global edits to your site at any time.

Core classes

Typography #

All Headings

H1

H2

H3

H4

H5
H6
All Paragraphs

All Paragraphs

All Links
All Unordered Lists
  • All Unordered Lists

  • All Unordered Lists

All Ordered Lists
  1. All Order Lists
  2. All Order Lists

Colors #

Brand is a set of your brand colors, and is used to set up your identity specific color styles.

Structure classes

Core structure#

page
main
sct

Container#

cnt

Grid elements#

rw
clm
clm

Grid utilities#

clm
clm
clm
clm
clm
clm
clm
clm
clm
clm

Component classes

Buttons#

Form elements#

This is an input description.
This is an input description.
This is an input description.
This is an input description.
This is an input description.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Utility classes#

Nube Flow is equipped with a robust collection of utility classes, designed to facilitate future scalability and minimize unnecessary complexity. To view a complete list of utility classes and explore their roles in the build, please visit the docs page

The utilities are divided into following categories

  • Layout utilities
  • Spacing utilities
  • Flex utilities
  • Color utilities
  • Type utilities
  • Icons utilities
  • Display utilities
  • Position utilities

Docs

The Nube Flow documentation contains all the information you need to learn and master the toolkit. We strive to make our documentation clear and comprehensive, and we are always working to improve it. If you have any suggestions or questions, please don't hesitate to contact us at stefan@wearenube.xyz. We value your feedback and are here to help you succeed with Nube Flow.

Explore docs

Change log

  • v0.1.0 - Initial stable release ( Nov. 2023 )