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
Use full-bleed landscape media as the first impression. Let the page oscillate between cinematic outdoor scale and grounded technical panels. Keep the controls black, minimal, and secondary to the image story. Favor moun... Treat the system like a clean utilit...
Lightship
Home
Use full-bleed landscape media as the first impression. Let the page oscillate between cinematic outdoor scale and grounded technical panels. Keep the controls black, minimal, and secondary to the image story. Favor moun...
Picmal
Home
Treat the system like a clean utility manual: direct, efficient, and screenshot-led. Use blue actions to point the way without over-branding the shell. Let docs, changelog, and marketing all feel like one family. Use app...
Motion Graphic Design
Home
Build the experience as a long teaching corridor on a black field. Let one concept dominate one chapter plate at a time. Treat motion as the teaching method, not as garnish. Use wireframe diagrams, tiny embedded screensh...
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.
