The eighty-two composition overlays every visual artist should know
An annotated reference to every named drawing grid and composition overlay in serious historical or contemporary practice. Organised across eleven categories, with origin notes, working uses, and links to each overlay's dedicated page. The bookmarkable, shareable, citation-grade list — for visual artists who care about getting the geometry right.
Three books this catalogue stands on
Most composition tools published since the Renaissance are footnotes to one of these three. The catalogue's editorial filter is whether an overlay appears in any of them, in their successors, or in comparable peer-reviewed scholarship. Each entry below grounds the work that follows.
Underweysung der Messung
"Die kunst des messens ist die wurtzel aller bildlichen werck."
Book IV documents the perspectival grid-window apparatus — the technical basis for every drawing-transfer grid still in use. Public domain. Available via Universitätsbibliothek Heidelberg.
The Elements of Dynamic Symmetry
"The proportions are not arbitrary. They are derived from the natural growth-patterns of plants and the mathematical inevitability of the root rectangles."
The reconstruction of Greek proportional composition that produced the Root 2 through Phi rectangle family used in Category V. Reprinted by Dover, 1967. Available on Internet Archive.
The Painter's Secret Geometry
"What the painters of Velázquez's generation knew, and we have forgotten, is that the picture-plane has its own geometry independent of the subject."
The reverse-engineering of Renaissance composition that produced the 14-line armature in Category IV. Republished 1980 with corrections. Out of print; second-hand readily available.
The types of composition overlays, in one list
Composition grids and drawing overlays sit at an awkward intersection. They are tools — used every day by working artists, photographers, designers, architects, and crafts practitioners — but rarely catalogued together. The grid-method drawing tools that came out of Renaissance ateliers, the proportional rectangles Jay Hambidge reconstructed from Greek vases, the diagonal-and-reciprocal armature Charles Bouleau traced through Velázquez and Vermeer, the 12-column web grid Nathan Smith standardised in 2008, the keyline shapes Google specified in Material Design — these all live in separate literatures and rarely appear in the same reference.
This list is the bookmark page I wished existed when I was learning. It groups the drawing grid overlays artists use for transfer, the photography composition overlays used for framing, and the design and sacred-geometry systems used for layout into one annotated index. Each of the eighty-two entries below has its own dedicated page with full construction details, history, FAQs, and a one-click link into the live Grid Maker Pro tool — what each overlay is, where it comes from, what it's used for, and which entry to read for the depth. If you are wondering which composition grid you should use, read the category ledes below: they sort the overlays by the job they do.
The 82 was selected against a single editorial filter: each overlay appears in at least one canonical reference source. Overlays that exist only in one self-published tutorial were excluded. The list is exhaustive in the sense that it covers every named overlay in serious practice; it is not closed — additions are welcome and the catalogue updates with the field.
Basic Drawing Grids
The foundation. Three workhorses behind every classical drawing-transfer technique since Dürer published the grid method in 1525. If you only ever use three overlays, these are the three. Hub: Basic Drawing Grids.
⁂NxN equal cells overlaid on reference and canvas. Copy each cell's contents one at a time; proportional accuracy transfers automatically. The classical grid-method standard, documented by Alberti (1435) and Dürer (1525), still taught in every classical-realist atelier today. Configurable from 4×4 through 32×32.
ExploreNxM cells with distinct horizontal and vertical counts, matching non-square canvases. A 16:9 panoramic landscape needs ~14×8 cells; a 2:3 portrait the inverse. The grid-method extension for any aspect ratio that isn't 1:1 — essential for mural and cinema-format work.
ExplorePlace horizontal and vertical lines anywhere on the canvas at irregular spacings. Match the reference's compositional landmarks rather than imposing uniform NxM. Useful for portraits where the eye line matters more than the canvas centre, and for references that don't suit uniform cells.
ExploreArtist Guides
Atelier-tradition drawing tools — head-construction methods plus figurative landmark guides. Where you go after the basic grid for serious figurative work. Hub: Artist Guides.
⁂The sphere-plus-side-plane construction Andrew Loomis published in Drawing the Head and Hands (1956). Build the head from a sphere modified by a flattened temple-to-jaw plane. The most-used "from imagination" head method in concept art and comics.
Explore § 10Reilly MethodFrank Reilly's rhythmic-curve system, taught at the Art Students League of New York from the 1930s to the 1960s. Rhythmic curves connecting facial features integrate the head with neck and shoulders. The dominant atelier portrait method today.
Explore § 11Asaro HeadJohn Asaro's plane-structure model, sold as a physical maquette. Reduces the head to its principal flat planes for understanding how light interacts with structure. Essential for painters working from imagination who need to invent plausible lighting.
Explore § 08Portrait Face GuideAnatomical landmark grid for the face: hairline, brow line, eye line, nose base, mouth, chin. Vertical centre and symmetry axis. The pre-Reilly atelier system used as the first overlay in head-drawing classes before students move to Loomis or Reilly.
Explore § 12Figure ProportionThe 7–8 head canon for standing figures, expanded with shoulder, hip, knee, and ankle landmarks. The atelier figure-drawing foundation, derived from Vitruvius and refined through Dürer, Reilly, and 20th-century classical-realist programmes.
ExploreThe atelier sighting method made systematic. Pick one anatomical or scene-derived unit (head height, hand length, doorway) and measure every other dimension in multiples of it. The 7-8 head canon is the canonical application; Vitruvius (c. 15 BC) and Dürer (1528) documented the system.
Explore § 05Proportional TransferSight-size and comparative-measurement for atelier observational work. Draw the subject at the exact size it appears at a fixed viewing distance. The training method behind Bargue-plate copying and every classical-realist programme since the 1860s.
Explore § 06Diagonal CellStandard square grid with one diagonal (typically top-left to bottom-right) per cell. Adds 2 sub-cell triangles per cell, halving the eyeball error in feature placement without doubling the overall grid count.
Explore § 07Cross-DiagonalSquare grid with both diagonals per cell — an X inside every square. Four sub-cell triangles plus an explicit cell-centre reference point. Used in portrait work where eye, mouth, and nose fall near cell centres.
Explore § 13Mural ScalingCoarse-to-fine grid subdivision for very large surfaces. Start with a 4×2 layout grid to block in major composition, then progressively subdivide for detail. The mural-painting workflow where freehand transfer would compound errors.
ExploreComposition
The everyday composition family — rule of thirds, golden ratio, golden spiral, and the related single-axis systems. Where most composition decisions actually get made. Hub: Composition.
⁂Two horizontal and two vertical lines at 1/3 and 2/3 of the canvas, generating 4 intersection points. Place focal subjects on intersections; align horizons on the upper or lower third. The most-used composition grid in photography.
Explore § 15Golden RatioPhi-grid (1:1.618) composition. Lines at 1/φ and 1−(1/φ) horizontally and vertically. Slightly off-centre from rule-of-thirds. The classical alternative claimed in countless Renaissance attributions, with measurement contested but compositional utility undisputed.
Explore § 16Golden SpiralThe phi-growth logarithmic spiral generated by quarter-arcs in nested golden rectangles. Each coil is φ times the radius of the previous. Used as a compositional anchor for spiral-based subjects and as a focal-point placement guide in photography.
Explore § 17Golden TriangleCanvas diagonal plus perpendiculars from the opposite corners, generating two right triangles with phi-proportioned sides. Compositional system for dynamic, diagonal-energy images — the implicit framework behind much of late Caravaggio.
Explore § 18Diagonal Method45° diagonals from each corner. The intersection points and crossings are compositional anchors. Documented by Dutch photographer Edwin Westhoff in the 2000s as an alternative to rule of thirds for portrait and figure compositions.
Explore § 19Centre CrossSingle horizontal and vertical line crossing at canvas centre. The composition system for symmetric subjects: portraits looking at camera, formal architecture, religious icons, balanced still life. The exception that proves the rule-of-thirds preference.
Explore § 20Rule of Fifths5×5 subdivision instead of 3×3. The slower-paced, more contemplative cousin of rule of thirds. Used in landscape painting and slow-pacing cinematography where the 1/3 intersections feel too active.
Explore § 21Quadrant4 quadrants formed by canvas centre lines. Useful for composition analysis (where is the visual weight?) rather than as a placement guide. The diagnostic overlay for checking whether a finished composition has drifted heavy to one corner.
ExploreAdvanced Composition
The Old Master toolkit beyond rule-of-thirds. Bouleau's reverse-engineered armature, the rabatment landscape divider, and the two diagonal-energy axes Heinrich Wölfflin named Baroque and Sinister. Hub: Advanced Composition.
⁂Charles Bouleau's reconstructed Renaissance composition grid: 14 lines covering corner diagonals, midlines, half-diagonals to midpoints, and reciprocal long-side-to-corner lines. Published in The Painter's Secret Geometry (1963) with overlays demonstrating its use in Raphael, Velázquez, Vermeer, and Cézanne.
ExploreTop-left to bottom-right diagonal. In Western reading direction, the eye travels along it as a natural movement — compositions feel forward-moving and energetic. The compositional axis of Caravaggio's action paintings, Rubens, and most Western cinema framing.
Explore § 25Sinister DiagonalTop-right to bottom-left — against the Western reading direction. Carries compositional tension, foreboding, or resistance. Used deliberately by Goya, Géricault, and modern horror and noir cinematographers when the subject is disaster, dread, or moral disquiet.
Explore § 23Rabatment"Folding" (rabattre) the short side of a rectangle inward to construct two square subregions. The two near-edge "rabatment lines" are powerful anchors for vertical elements (trees, figures, doorways) in landscape compositions.
Explore § 26Reciprocal LinesPerpendiculars dropped from a corner to the diagonal between the opposite two corners. Generates a network of triangles whose intersections lock figures onto the diagonal energy. The geometric workhorse of Jay Hambidge's dynamic-symmetry tradition.
ExploreDynamic Symmetry
Jay Hambidge's proportional composition system. Six rectangles whose ratios derive from irrational numbers — the square roots of 2, 3, 4, 5 plus phi — plus the rational 3:2. Each card below is sized to its rectangle's actual proportion. The page geometry itself becomes the proof. Companion: complete guide.
⁂1:√2 ≈ 1.414 · ISO paper standard. Every fold preserves the aspect.
1:√3 ≈ 1.732 · inscribes the regular hexagon. Islamic + Gothic.
1:2 · the only rational dynamic-symmetry ratio. Egyptian temples + Univisium 2:1 cinema.
1:√5 ≈ 2.236 · decomposes into a square plus two phi rectangles. φ = (1+√5)/2.
1:φ ≈ 1.618 · removing a square leaves a smaller phi rectangle. Generates the golden spiral.
3:2 · the rational outlier. 35mm film + full-frame digital. Reciprocals coincide with rule-of-thirds.
Perspective
Eight perspective systems — classical 1, 2, 3, and 5-point linear perspective through isometric and axonometric variants to anamorphic projection. Hub: Perspective. Companion: explained.
⁂Single vanishing point on the horizon. Interior corridors, roads, tunnels, railroad tracks. The classical introduction to perspective and the simplest case for understanding depth on a flat surface.
Explore § 342-Point PerspectiveTwo vanishing points on the horizon. Exterior architectural views, urban scenes, products at three-quarter angle. The most-used perspective system in architectural drawing and concept art.
Explore § 353-Point PerspectiveThree vanishing points — two on the horizon plus one above or below. Tall buildings viewed from below, bird's-eye views. Documented by Filippo Brunelleschi's followers in the 15th century.
Explore § 36IsometricThree axes at 120° on the screen, all at equal scale. No vanishing points — parallel lines stay parallel. The standard for engineering drawing (William Farish, 1822), technical illustration, and modern isometric game art.
Explore § 375-Point / FisheyeCurved-projection wide-angle perspective. Four vanishing points at the canvas edges plus a fifth at the centre. Used in fisheye photography, surveillance imagery, and stylised concept art.
Explore § 38DimetricAxonometric variant: two of the three axes at equal scale, one at a different scale. Common in retro video game art (early SimCity, classic JRPGs) where dimetric projection gives a clearer "above" view.
Explore § 39TrimetricAll three axes at different scales. The most flexible axonometric system, used for technical illustration where one axis (typically vertical) needs to read more prominently than the other two.
Explore § 40AnamorphicDistorted projection that resolves into normal perspective only at one specific viewing angle. The technique behind Holbein's The Ambassadors (1533) skull and modern street-art trompe-l'œil.
ExploreSpecialty Grids
Non-square systems for crafts, games, scientific work, and decorative design. Triangular, hexagonal, radial, dot, diamond, polar, and the minimalist cross-hair centring grid. Hub: Specialty Grids.
⁂Equilateral-triangle tiling. Three axes at 120°, the natural geometry of isometric projection. "Isometric paper" in engineering supplies catalogues, also used as hex-tile game vertex reference and honeycomb pattern construction.
Explore § 42HexagonalSix-sided cells in honeycomb tiling. Every cell has six neighbours at uniform distance — the mathematical reason wargame designers from Avalon Hill (1954) to Settlers of Catan (1995) picked hexes over squares.
Explore § 43Radial / CircularConcentric circles plus radial spokes at configurable angular subdivision. The composition surface for mandalas, medallions, dartboards, clock faces, and any radially-symmetric subject. Standard tool in Tibetan thangka and Hindu yantra construction.
Explore § 44DotSmall dots at regular spacing instead of lines. Implied structure that doesn't compete with handwritten content. The bullet-journal standard, popularised by Leuchtturm1917 and Ryder Carroll's Bullet Journal system from the early 2010s.
Explore § 45Diamond / RhombusSquare or rhombic grid rotated 45° — cells stand on their points as diamonds. The pattern surface for Scottish argyle, Italian harlequin, and knitwear stitch charts where stitch width-to-height ratio requires non-square cells.
Explore § 46Polar / SpiralConcentric rings at linear, geometric, or logarithmic spacing, plus optional Archimedean or logarithmic spiral curves. The scientific polar-coordinate plot (Cavalieri, 1620s) and the construction grid for nautilus, hurricane, and galaxy-arm illustrations.
Explore § 47Cross-HairSingle horizontal and vertical line crossing at canvas centre, with optional reticle rings. The simplest specialty grid — its job is centring, not tiling. Used for symmetric subject drafting, logo construction, and reticle-style targeting graphics.
ExploreSacred Geometry
Twenty figures from the sacred-geometric tradition spanning Christian, Hindu, Buddhist, Islamic, Jewish, and earth-mystery sources. The most visually distinctive category — twenty hand-authored figures arranged as a museum gallery wall. Hub: Sacred Geometry. Companion: in art history.
⁂Flower of Life
19 overlapping circles in hexagonal arrangement. Found across antiquity.
§ 49Seed of Life
7-circle generative figure inside the Flower of Life.
§ 50Metatron's Cube
13 spheres at Fruit-of-Life vertices, fully interconnected.
§ 51Vesica Piscis
Two overlapping circles. Foundational to medieval Christian sacred geometry.
§ 52Sri Yantra
9 interlocking triangles. Most complex traditional Hindu yantra.
§ 53Tree of Life
10 sephirot connected by 22 paths. Kabbalah's central diagram.
§ 54Merkaba
Two interlocking tetrahedra — 3D Star of David.
§ 55Hexagram
Two interlocking equilateral triangles. Star of David / Shatkona.
§ 56Pentagram
5-pointed star with phi-rhythmed internal proportions.
§ 57Egg of Life
8-circle figure between Seed and Fruit of Life.
§ 58Fruit of Life
13-circle figure underlying Metatron's Cube.
§ 59Yin-Yang
Taoist symbol of complementary duality.
§ 60Enneagram
9-pointed figure with internal connections (Gurdjieff).
§ 61Islamic 8-Star
Khatim Sulayman. Two superimposed squares.
§ 62Islamic 12-Star
12-fold rotational symmetry. The Alhambra + Isfahan.
§ 63Borromean Rings
Three rings; removing any frees the other two.
§ 64Torus Field
Donut-shaped surface of revolution.
§ 65Ain Soph
Kabbalistic infinite-light symbol. Concentric circles.
§ 66Celtic Triquetra
Three-cornered Celtic knot from three vesicas.
§ 67Platonic Solids
2D projections of the five regular polyhedra.
Typography Grids
Layout systems for editorial and product design. The Swiss-school inheritance plus the modern UI spacing standards. Hub: Typography Grids. Companion: designer's grid bible.
⁂Multi-column editorial layouts — newspapers, magazines, books. Documented since medieval codex tradition; formalised by the Swiss school (Müller-Brockmann, Ruder, Hofmann) in the 1950s. The horizontal rhythm of most printed text.
Explore § 69Modular GridColumn grid plus row divisions, generating a matrix of rectangular cells. Müller-Brockmann's Grid Systems in Graphic Design (1961) made it the Swiss-school standard. The foundation of complex editorial and dashboard layouts.
Explore § 70Baseline GridHorizontal lines spaced at body-text line-height interval. Every text baseline sits on the grid for unified vertical rhythm. Argued for by Tschichold (1928) and Bringhurst (1992) as core typographic discipline.
Explore § 71Manuscript GridSingle text block surrounded by margins. The layout of nearly every book. The Van de Graaf canon (1946) and Tschichold canon (1953) are the classical margin systems. Long-form web articles use the same single-column structure.
Explore § 72Hierarchical GridContent-driven structure — blocks sized by priority rather than fixed cells. The art-directed editorial method behind Esquire (Lois), Rolling Stone, and feature spreads in The New York Times Magazine.
Explore § 738pt & 4pt SpacingUI spacing system constraining margins, padding, gaps to multiples of 8 (or 4) pixels. Popularised by Google's Material Design (2014) and Bryn Jackson's 2015 article. The de facto product-design spacing standard.
ExploreDesign Templates
Pre-sized templates for specific output media — comic pages, storyboard frames, logo construction, icon keylines, the 12-column web grid, mobile app layouts, posters, and social-media safe areas. Hub: Design Templates.
⁂Pre-built page layouts at standard US comic trim (6.625×10.25 inches) and manga (B5) sizes, with bleed and safe area marked. 6-panel and 9-panel grids (the Watchmen layout) plus splash and irregular variants.
Explore § 75Storyboard FrameSequence-of-frames at 16:9, 4:3, 2.39:1, 9:16, and 1:1 aspects with annotation columns. Developed at Disney in the early 1930s (Webb Smith); now standard in film, animation, and short-form video pre-production.
Explore § 76Logo ConstructionConcentric circles, tangent lines, and modular helpers for drafting refined brand marks. The technique behind the published construction grids for Apple (Janoff, 1977), Twitter (2012), and Pepsi (2008).
Explore § 77Icon GridKeyline shapes (square, circle, vertical and horizontal rectangle) at the correct optical proportions for 16/24/32/48dp system icons. Material Design (2014) is the canonical public spec; Apple HIG, Carbon, Polaris all use related systems.
Explore § 7812-Column Web GridThe responsive web layout standard. Nathan Smith's 960 Grid System (2008), Bootstrap (2011), CSS Grid native support (2017). 12 divides cleanly into halves, thirds, quarters, sixths, twelfths — why 12 and not 8 or 16.
Explore § 79Mobile App LayoutiPhone (390×844pt, 393×852pt, 430×932pt) and Pixel (412×915dp) screen templates with status bar, dynamic island, home indicator, and gesture-region safe areas marked. The platform-correct frame for app UI design.
Explore § 80Poster & EditorialLarge-format templates at A1/A2/B2/US Letter/Tabloid/11×17/18×24/24×36 with bleed marks and Swiss-school modular grid scaffolding. The print-design template family.
Explore § 81Social Media Safe AreaSafe-zone overlays for Instagram (feed, story, Reel), TikTok, YouTube (thumbnail, Shorts), X, Facebook, LinkedIn — at correct dimensions with current platform UI mockups.
ExploreArchitecture Grids
Architectural planning overlays: the structural-column grid, Le Corbusier's Modulor human-scale proportional system, and the Renaissance Tartan grid. Hub: Architecture Grids. Companion: Modulor explained.
⁂Column-placement grid for architectural plans. The foundation of modernist architecture (Mies van der Rohe's Seagram Building, 1958; SOM corporate work from the 1960s onward). Bay sizes derived from the structural module.
ExploreHuman-scale proportional system based on phi (φ) and the 6-foot human body. Published in The Modulor (1948); used in Le Corbusier's Unité d'Habitation (Marseille, 1952) and chapel at Ronchamp (1954). Still influential in residential architecture.
ExploreTwo-direction structural rhythm with alternating wide and narrow bays. Used extensively by Palladio in Villa designs (Villa Rotonda, c. 1567). The Renaissance proportional system for buildings with wide central spans and narrow flanking aisles.
ExploreThree misconceptions worth correcting
Every reference catalogue inherits a few myths. The catalogue's job is to inherit them less. Each of the claims below is widely repeated in popular books; each fails when checked against the primary sources.
The Parthenon was designed using the golden ratio.
No primary documentation survives showing phi in Parthenon design. The famous golden-rectangle overlays appear in books by Hambidge (1924) and others, drawn over photographs with creative cropping. Markowsky's 1992 paper in College Mathematics Journal demonstrates that the rectangle's dimensions don't actually match phi to within reasonable tolerance.
→ G. Markowsky, "Misconceptions about the Golden Ratio," College Mathematics Journal, vol. 23 no. 1 (1992), pp. 2–19.
The rule of thirds is a universal law of composition.
It is one option among many. John Thomas Smith's Remarks on Rural Scenery (1797) — where the rule first appears in print — frames it as a useful balance system for landscape painting, not a mandate. Centred subjects, golden-ratio placement, rabatment, and the various dynamic-symmetry placements all have their cases.
→ J. T. Smith, Remarks on Rural Scenery (London: Nathaniel Smith, 1797), p. 15.
Dynamic symmetry is "diagonals make compositions feel dynamic."
Hambidge's actual method is geometric construction with corner-to-corner diagonals AND their perpendicular reciprocals, producing precise placement points where the diagonal-and-reciprocal crossings land. The loose "diagonals look dynamic" advice that circulates online has nothing to do with the formal system.
→ J. Hambidge, The Elements of Dynamic Symmetry (Yale University Press, 1926), Chapter I "The Square."
The catalogue isn't a curriculum — it's a reference.From the Preface
Which overlays you actually use
The honest answer: most artists use four to eight overlays daily and the rest occasionally or never. The full eighty-two exists so the overlay you do need is available without searching. Here's a starting set by discipline.
Portrait Painters
- Loomis Head
- Reilly Method
- Asaro Head
- Golden Ratio
- Rule of Thirds
- Fixed Measurement
- Cross-Diagonal
Landscape Painters
- Rule of Thirds
- Golden Ratio
- Rabatment
- Baroque Diagonal
- Square Grid
- 1.5 Rectangle
Photographers
- Rule of Thirds
- Golden Ratio
- Golden Spiral
- Diagonal Method
- 1.5 Rectangle (sensor native)
- Centre Cross
Comic & Concept
- Loomis Head
- 2-Point Perspective
- 3-Point Perspective
- Comic Panel template
- Storyboard Frame
Web & Product
- 12-Column Web Grid
- 8pt Spacing Grid
- Baseline Grid
- Mobile App Layout
- Icon Grid
- Logo Construction
Architects
- Structural Grid
- Le Corbusier Modulor
- 2-Point Perspective
- 3-Point Perspective
- Golden Ratio
Quilters & Crafters
- Square Grid
- Hexagonal
- Triangular
- Diamond / Rhombus
- Dot
Mandala & Decorative
- Radial / Circular
- Polar / Spiral
- Sacred geometry figures
- Dot
- Cross-Hair
The full eighty-two is not a curriculum — it's a reference. Bookmark this page, read the dedicated entry for each overlay when you encounter it, and reach for the live tool when you need to apply one. If you find an overlay missing, a citation needing correction, or a historical claim that requires revision, email me directly. The catalogue updates with the field.
Five centuries of named overlays
Thirteen moments where a named overlay or proportional system enters the documented record. Scroll horizontally to read the lineage from Alberti through Material Design.
Leon Battista Alberti
Codifies linear perspective in De Pictura. The grid-window becomes the standard transfer apparatus.
Albrecht Dürer
Underweysung der Messung publishes the perspectival grid-window plates. Atelier-standard for centuries.
Andrea Palladio
Villa Rotonda. The Tartan grid as Renaissance proportional planning system.
G. C. Lichtenberg
Proposes the Root 2 paper-format ratio. ISO 216 adopts it in 1975.
John Thomas Smith
Coins "rule of thirds" in Remarks on Rural Scenery — as one option, not a law.
William Farish
Publishes the isometric projection method for engineering drawing.
Jay Hambidge
The Elements of Dynamic Symmetry. Six root rectangles + diagonal-reciprocal armatures.
Le Corbusier
The Modulor. Phi-derived proportional system based on the 6-foot human body.
Andrew Loomis
Drawing the Head and Hands. Sphere-plus-side-plane construction.
Josef Müller-Brockmann
Grid Systems in Graphic Design. The Swiss-school modular grid as design discipline.
Charles Bouleau
The Painter's Secret Geometry. The 14-line armature reconstructed.
Nathan Smith
960 Grid System. Twelve columns enter the responsive-web vocabulary.
Material Design Spec
8pt spacing grid + keyline icon shapes formalised. The product-design baseline.
Cite this page
References
- Alberti, L. B. De Pictura. Florence, 1435 (trans. C. Grayson, Penguin Classics, 1991).
- Dürer, A. Underweysung der Messung mit dem Zirckel und Richtscheyt. Nuremberg: Hieronymus Andreae, 1525.
- Smith, J. T. Remarks on Rural Scenery. London: Nathaniel Smith, 1797.
- Farish, W. "On Isometrical Perspective." Transactions of the Cambridge Philosophical Society vol. 1 (1822).
- Hambidge, J. The Elements of Dynamic Symmetry. New Haven: Yale University Press, 1926. Reprinted Dover, 1967.
- Loomis, A. Drawing the Head and Hands. New York: Viking, 1956.
- Müller-Brockmann, J. Grid Systems in Graphic Design. Niederteufen: Niggli, 1961 (5th ed. 2018).
- Bouleau, C. The Painter's Secret Geometry: A Study of Composition in Art. New York: Harcourt, Brace & World, 1963.
- Le Corbusier. The Modulor. Cambridge, MA: Harvard University Press, 1954 (English trans. of 1948 French ed.).
- Tschichold, J. The New Typography. Berlin: Bildungsverband der Deutschen Buchdrucker, 1928.
- Bringhurst, R. The Elements of Typographic Style. Vancouver: Hartley & Marks, 1992 (4th ed. 2013).
- Markowsky, G. "Misconceptions about the Golden Ratio." College Mathematics Journal vol. 23 no. 1 (1992), pp. 2–19.
- Livio, M. The Golden Ratio: The Story of Phi, the World's Most Astonishing Number. New York: Broadway Books, 2002.
- Pacioli, L. De divina proportione. Venice: Paganino Paganini, 1509 (illustrated by Leonardo da Vinci).
- Google. Material Design Specification. material.io, 2014–present.
Frequently asked questions
Why eighty-two overlays specifically?
Do I need to learn all of them?
How was this list compiled?
Which overlays are most misunderstood?
Why include sacred geometry alongside design grids?
What is the difference between the rule of thirds and the phi grid?
How often is the catalogue updated?
about/sarah-chen/
Loaded via next/font/google.
Revision history on product-updates.
sarah@gridmakerpro.com
