Browse DESIGN.md examples that explain layout principles through spacing logic, grid behavior, hierarchy, and section rhythm.
What To Look For
Study how these examples describe white space, grid logic, pacing, and layout hierarchy in a way implementation teams can actually reuse.
What To Compare
Focus on spacing rules, density control, rhythm between sections, alignment logic, and whether the layout principles feel operational instead of decorative.
Design Analysis
--- version: alpha name: "Editorial Advisor Ledger" description: "High-trust financial marketing system with ruled layouts, warm ivory chips, black CTAs, and engraved monochrome illustration." colors: primary: " 111111"... --- version: "alpha" name: "Editorial...
Titan
Home
--- version: alpha name: "Editorial Advisor Ledger" description: "High-trust financial marketing system with ruled layouts, warm ivory chips, black CTAs, and engraved monochrome illustration." colors: primary: " 111111"...
Quick14
Home
--- version: "alpha" name: "Editorial Conversion Grid" description: "A sharp studio-marketing system built from white editorial space, black grotesk headlines, orange markup accents, and serif drama inside lightly bevele...
Open exampleAnalogue Agency
Home
--- version: alpha name: Editorial Contrast Stage description: A portfolio language built on giant grotesk type, floating pill navigation, pale-to-black chapter contrast, and a subtle global cursor follower. colors: prim...
Open exampleStudy how these examples describe white space, grid logic, pacing, and layout hierarchy in a way implementation teams can actually reuse.
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.
