Design systems made simple
Keep tokens, components, and guidelines in sync. Tailsys - the MCBILE Color System on Tailwind v4 - ships 37 color families in RGB, HEX, and OKLCH, plus MCBILE brand ramps, MIX tokens, and Carbon, Race, and Chrome surfaces. One canon across every product, so design and code stay aligned.
Single source of tokens
Define colors, type, and spacing once in Tailsys - solid tokens plus MIX tokens as var(--color-*) across the stack.
Tailwind v4 plus brand families
Every Tailwind v4 hue in RGB, HEX, and OKLCH, extended with MCBILE brand ramps and Carbon, Race, and Chrome composite surfaces.
Drift detection
Catch hardcoded hex and OKLCH values before 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.