Tools · 3 available
Computational tools for design system work.
Each tool has a human-facing interface. Two also expose a machine-facing API endpoint that plays can call directly — replacing AI-estimated values with exact calculations.
Palette generator
Generate 19-stop OKLCH color ramps from any seed hex. The same algorithm the generate-color-scheme play uses via /api/palette. Export as CSS variables, Tailwind config, or Figma Variables.
Contrast checker
Check any foreground/background pair against WCAG 2.2 AA and AAA thresholds. The same calculation plays use to verify semantic role pairings — available as /api/contrast for use directly in your prompts.
Type scale calculator
Explore modular type scales — pick a base size and ratio to see how sizes distribute from caption to display. Use the output to inform your typography direction when running generate-type-scale.