Builders
Every building block of a consistent design system.
A focused set of tools for the foundations AI coding tools get wrong most often. Define each system, preview it live, and export it as AI-ready constraints.
Live
Color
Palette Builder
Build semantic, themeable color systems with light and dark modes.
Open builder
Live
Typography
Typography Builder
Craft responsive, mathematically consistent type scales.
Open builder
Live
Typography
Font Pairing Builder
Find font combinations that work together in harmony.
Open builder
Live
Layout
Spacing Builder
Generate a structured spacing scale that keeps layouts in rhythm.
Open builder
Live
Layout
Radius Builder
Set a personality-first corner-radius system, from sharp to pill.
Open builder
Live
Effects
Shadow Builder
Design elevation-driven shadow systems with believable depth.
Open builderMore builders coming
The ecosystem keeps growing — new systems like animation and beyond are on the roadmap.
In development