Preview image. Unlock full-res
Grid rationale at left beside a large golden-rectangle Fibonacci spiral diagram and six smaller square-and-rectangle subdivision examples.
Summary
The grid page: rationale at left, beside a large golden-rectangle spiral diagram and a 3x2 set of smaller diagrams showing how to subdivide a composition into squares and rectangles.
Visual description
Charcoal background with the thin olive top band. "GRID" sits top-left in cream sans over two justified paragraphs: the grid embodies the DIA as a "container" and mirrors the building's structure, and to use it you start with a square the width or height of the composition, then fill the rest with squares and rectangles. The right side shows a large thin-line golden-rectangle construction with the Fibonacci spiral overlaid, then six smaller outline diagrams beneath, each demonstrating a different square-plus-rectangle subdivision. All hairline cream lines on charcoal. The standard footer runs below.
Key takeaway
Deriving the layout grid from the golden rectangle and tying it explicitly to the building's architecture, so the grid carries brand meaning ("container"). Pairing the master spiral with several worked subdivision examples teaches the method, not just the theory.
Reuse notes
A solid grid/layout-system page for brands that want a generative, proportion-based grid rather than a fixed column count. The subdivision examples make an abstract system usable. Reusable wherever a flexible, ratio-driven layout logic needs to be taught with diagrams.
From this deck: Grid golden rectangle system
View deck
