A comprehensive toolkit engineered for clarity. Every component is calculated on a strict 4px baseline grid to ensure perfect vertical rhythm.
Our type scale is rooted in musical intervals. It ensures hierarchy is preserved across all viewport sizes without manual adjustment.
Colors are defined by their function, not their hue. Primary, Secondary, Destructive.
A flexible layout engine that respects the whitespace.
Buttons, inputs, cards, and modals built with accessibility as a first-class citizen. WCAG 2.1 AA compliant out of the box.
Control the entire visual language from a single configuration file. Our design tokens map semantic meaning to raw values, allowing for instant theming and re-branding without touching the core markup.
const theme = {
colors: {
primary: '#dc2626',
secondary: '#171717',
background: '#ffffff'
},
spacing: {
sm: '0.5rem',
md: '1rem',
lg: '2rem'
}
}
Bloat is the enemy of good design. We’ve stripped away every non-essential byte. The result is a framework that loads in milliseconds and renders smoothly on any device.
Gzipped Size
Layout Shift