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: Magenta Grid DeFi Chain description: A high-energy onchain finance design language with saturated magenta grid stages, oversized mixed display type, dark plum pill actions, pale technical diagram... --- version: alpha name: Forest Play...
Unichain
Home
--- version: alpha name: Magenta Grid DeFi Chain description: A high-energy onchain finance design language with saturated magenta grid stages, oversized mixed display type, dark plum pill actions, pale technical diagram...
Open exampleThe Cozy Hollow
Home
--- version: alpha name: Forest Play Space description: A nature-play design language with layered forest illustration, hand-drawn display type, muted blue-green scenery, cream story cards, rounded FAQ rows, and warm ora...
Open exampleUnmoth
Home
--- version: alpha name: Nocturnal Signal Studio description: A dark brand-sprint design language with measurement grids, faint signal geometry, serif display type, mono utility labels, sparse CTAs, and image-led work ti...
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.
