Studio · author a Design Contract
My design system
Define the system by hand — same grammar the scanner produces, installable with npx github:byronwade/Design init.
My design system
Live preview rendered entirely from your authored tokens — type scale, 8px grid, 12px corners.
Card surface
Panels mix 4% foreground into the background — depth stays soft.
Generated philosophy
My design system builds on a dark, high-contrast foundation of 3 neutrals, reserving teal and blue for emphasis — the working accent is teal (#5eead4). Typography speaks with a product voice with monospace for data and code, stepped on a major third scale (~1.25×). Space moves on a 8px grid (100% of the scale conforms); corners are rounded, and elevation stays minimal, a single hairline of depth.