For AI agents: a documentation index is available at the root level at /llms.txt and /llms-full.txt. Append /llms.txt to any URL for a page-level index, or .md for the markdown version of any page.
Resources
Get started
ReferenceChangelog
ReferenceChangelog
  • Flowkit v2.0.0
      • Overview
      • Colors
      • Border
      • Spacing
      • Typography
    • Components
    • Utility Classes
LogoLogo
Resources
Get started
On this page
  • Categories
Flowkit v2.0.0Variables

Variables Overview

Was this page helpful?
Previous

Color

Next
Built with

Flowkit Framework uses variables to ensure consistent, scalable, and easily manageable design styling across Webflow sites. Variables in Flowkit are like design tokens: they define core values (such as colors, spacing, or typography) and are reused throughout classes.

If something needs to change — like a brand color or font size — you only update it in one place.

Variables

Each variable has a meaningful, descriptive name following a structured naming convention.

Categories

CategoryDescription
ColorsThe foundational palette used across the system
SizesSpacing, radius, sizing scales, and layout metrics
TypographyFont families, base font sizes, and type styles