Browse DESIGN.md examples that emphasize typography systems, type scale, font pairing, and hierarchy as reusable implementation guidance.
What To Study
Compare how these systems define display type, body fonts, scale jumps, density, and readability rules instead of leaving typography as vague visual taste.
What To Compare
Focus on font roles, scale naming, line-height intent, responsive hierarchy, and whether the system makes typography easy for engineers and AI tools to apply consistently.
Design Analysis
--- version: "alpha" name: "Monospace Control Plane Light" description: "A bright enterprise AI system that combines editorial serif messaging, monospace controls, and compliance-grade neutral framing." colors: primary:... --- version: "alpha" name: "Command G...
Speakeasy
Home
--- version: "alpha" name: "Monospace Control Plane Light" description: "A bright enterprise AI system that combines editorial serif messaging, monospace controls, and compliance-grade neutral framing." colors: primary:...
Open exampleRaycast
Home
--- version: "alpha" name: "Command Glow Black" description: "A precision dark productivity system built from obsidian shells, metallic controls, and restrained red spectral glow." colors: primary: " E54857" secondary: "...
Open exampleLusion
Home
--- version: "alpha" name: "Mono Cobalt Object Stage" description: "A gallery-grade portfolio system pairing white editorial air with cobalt-black 3D object theaters." colors: primary: " 0016EC" secondary: " 2B2E3A" tert...
Open exampleCompare how these systems define display type, body fonts, scale jumps, density, and readability rules instead of leaving typography as vague visual taste.
A focused collection makes it easier to compare how teams describe one system concern consistently across many examples instead of mixing unrelated signals on a single page.
