Deterministic · zero-dependency · runs entirely in your browser
The design-system generator that shows its math.
Describe what you're building. DesignOS routes it through 24 industry packs and 10 surface types, then returns a direction whose contrast ratios are computed live on this page — not asserted, calculated. No network calls, no tracking, no invented numbers.
No brief yet. Type one above or tap an example — the recommendation, palette, and
computed WCAG ratios appear here.
Style direction
Structure
Palette every pair computed now, in your browser
Typography
Key effects
Avoid
Load before designing
A recommendation is not a score. Before calling anything done,
run the deterministic gate on the actual file:
node DesignOS/bin/designos.js review <file> --min 95 — self-scores
and generators (this one included) are drafts, never verdicts.