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: Dark Feedback Console description: A dark support-and-feedback SaaS language with black-purple stages, large Inter headlines, frosted product panels, white primary actions, purple secondary accen... --- version: alpha name: Flex Dev To...
Featurebase
Home
--- version: alpha name: Dark Feedback Console description: A dark support-and-feedback SaaS language with black-purple stages, large Inter headlines, frosted product panels, white primary actions, purple secondary accen...
Open exampleOsmo
Home
--- version: alpha name: Flex Dev Toolkit description: A creative developer toolkit language with giant flexible sans type, central dark nav, lime membership CTAs, mono ticker strips, split-axis layouts, tilted resource...
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 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.
