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
generated at: "2026-04-28T20:24:00+08:00" system: name: "Factory Sunrise Operations" slug: "factory-sunrise-operations" summary: "An operations marketing system that frames product proof inside a bright shell punctuated... --- version: alpha name: "LookAway De...
Humble
Home
generated at: "2026-04-28T20:24:00+08:00" system: name: "Factory Sunrise Operations" slug: "factory-sunrise-operations" summary: "An operations marketing system that frames product proof inside a bright shell punctuated...
LookAway
Home
--- version: alpha name: "LookAway Design Language" description: "A soft dark wellness-product system with rounded capsules, muted glow fields, and calm product-state surfaces." colors: primary: " FFFFFF" secondary: " 07...
DropInBlog
Home
--- version: "alpha" name: "Soft Commerce Publishing" description: "A polished publishing-marketing system built from luminous white and cloud-gray space, giant black headlines, restrained serif accents, and coral-red ac...
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.
