Skip to content
Desisy

Design systems made simple

Desisy keeps tokens, components, and guidelines in sync - powered by Tailsys, the MCBILE Color System built on Tailwind v4. 37 color families in RGB, HEX, and OKLCH, extended with MCBILE brand ramps, MIX tokens, and Carbon, Race, and Chrome composite surfaces - one canon shared across every product, so design and code never drift apart.

Single source of tokens

Colors, type, and spacing defined once in Tailsys and used everywhere - solid tokens plus MIX tokens exposed as var(--color-*) across the whole stack.

Tailwind v4 plus brand families

Every Tailwind v4 hue in RGB, HEX, and OKLCH, extended with MCBILE brand ramps and special composite surfaces - Carbon, Race, and Chrome.

Drift detection

Catch hardcoded hex and OKLCH values before they reach production - components look up the canon instead of inventing color.

How it works

Define

Author the palette in the Tailsys specimen - mono colors, MIX tokens, and Carbon presets.

Generate

One command builds the dist CSS bundle and full spec from a single source of truth.

Stay in sync

Every product imports the same tokens; drift gets flagged before merge.

Explore the MCBILE product map

Explore the product family