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: Gradient Document Stack description: A stark white document-intelligence language with hard black CTAs, square navigation, big grotesk headlines, gradient document-stack illustrations, dotted col... --- version: alpha name: Dark DevOps...
LlamaIndex
Home
--- version: alpha name: Gradient Document Stack description: A stark white document-intelligence language with hard black CTAs, square navigation, big grotesk headlines, gradient document-stack illustrations, dotted col...
Open exampleZeabur
Home
--- version: alpha name: Dark DevOps Command Grid description: A dark technical product system with purple command accents, grid-lined infrastructure surfaces, compact console controls, and diagrammatic product cards. co...
Open exampleSchema
Home
--- version: alpha name: Pocket Database Blueprint description: A minimal iOS utility design language with white space, system typography, App Store blue CTAs, oversized phone mockups, blueprint grids, and support diagra...
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.
