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
Build the experience around one centered handset and a small set of floating status cards. Let the system feel trustworthy and crystal clear rather than adventurous or noisy. Use the cobalt strip as the clearest signal o... This design language is a dark, poli...
Flighty
Home
Build the experience around one centered handset and a small set of floating status cards. Let the system feel trustworthy and crystal clear rather than adventurous or noisy. Use the cobalt strip as the clearest signal o...
Eagle
Home
This design language is a dark, polished system for creative asset workflows. It should feel like a premium desktop tool: black canvas, luminous blue controls, large app-window proof, and feature cards that behave like w...
Open exampleteampaper
Home
This design language is a sparse screen-capture workspace with giant black statements, monospaced explanatory copy, compact black navigation, and large product screenshots. The interface should feel practical and asserti...
Open exampleUse these adjacent facet and workflow pages to connect layout principles analysis with other structured design-system concerns across the site.
Hub
Return to the main DESIGN.md hub to scan the broader dataset and compare across multiple system concerns.
Related Hub
Branch into topic pages grouped by repeated visual signals when you want a broader inspiration lens beside this system-focused facet.
Adjacent Facet
Examples where type scale, display choices, and reading hierarchy are described clearly enough to guide implementation.
Adjacent Facet
Collections focused on palette logic, semantic tokens, contrast handling, and accent usage.
Adjacent Facet
Examples that document reusable components, states, variants, and interaction expectations.
Workflow Collection
DESIGN.md-style references, token-driven systems, and tools for AI-readable design workflows.
Workflow Collection
References for Figma AI, Figma Make, MCP-assisted design workflows, and editable UI generation.
Study 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.
