Skip to content →
Design templates · concentric circles & tangents · geometric marks

The logo construction grid

A refined mark is rarely eyeballed all the way. Underneath the finished logo sits a quiet scaffold of concentric circles, tangent lines, and 45° axes that ties every curve to a shared centre and every straight to a known angle. The construction grid is what lets a mark shrink to a favicon and grow to a billboard without losing its proportions, and it is the spec that lets any production team redraw it identically. Here is what the overlay draws, the real maths of ratio-based construction, the corporate-identity history, the golden-ratio myth worth retiring, and when the grid actually helps.

Type
Geometric construction grid
Built from
Circles · tangents · modular units
Tradition
Corporate identity design
Difficulty
Intermediate
Common form
Concentric circles + 45° axes
Also known as
Construction sheet · construction grid

See the construction grid on five mark types

Reference image — drag the handle to apply the logo construction grid overlay
‹›

A wordmark sits on a single baseline with the cap-height and x-height drawn as construction circles, so every letter's curve relates to the same radii. Drag the handle to lay the construction sheet over the art.

What the overlay shows

The overlay draws a construction sheet — the heart of any logo grid system: a stack of concentric circles centred on the mark, a cross of horizontal and vertical axes through that centre, a pair of 45° diagonals, and the tangent lines where a straight element is meant to meet a curve. It is not a drawing of the mark — it is the geometry the mark is meant to obey, the scaffold against which you check that the inner curve shares a radius with the outer, that a stroke aligns to an axis, and that a corner sits where two guides cross.

The point of all that geometry is rational relationship. When the radii of a mark's curves are whole multiples of one unit module, the parts of the mark relate to each other by ratio rather than by accident, and the eye reads that relatedness as deliberate.4 Grid Maker Pro lets you set the number of circles, the radius spacing (linear integer steps or golden-ratio steps), and the angular subdivision, so the circle grid for logos matches the mark you are actually building rather than a generic compass rose.

As an overlay the sheet does two jobs. While you draw, it is a guide: refine the rough until every curve passes through, or is tangent to, a line. Afterwards it is a reproduction spec — the construction is the description that lets any production team redraw the mark identically at any size, which is why it lives in the brand manual.6 Both uses are legitimate; the only error is pretending a sheet drawn afterwards was the route the design actually took.

The math, briefly

Construction is ratio, not measurement. Pick a unit module u and let every circle radius be a multiple of it:

radii = u, 2u, 3u, 4u … (or golden steps: u, φu, φ²u)
axes at 0°, 45°, 90°, 135° through the centre
tangent: straight meets curve where it touches one circle

The single rule is that no curve floats free: each shares a centre or a radius with a construction circle, and each straight runs along an axis or a tangent.4 When that holds, the parts of the mark relate by simple ratio and the geometry gives you a redraw spec for any size — the mark is defined by its construction parameters, not by a particular pixel measurement.5 One honest caveat belongs here: many famous "golden ratio" construction breakdowns are rationalisations laid over a finished mark, not the geometry it was drawn from. Kimberly Elam's analysis is careful to separate genuine geometric construction from the retrofitted phi spiral, and the discipline is worth keeping even when the phi story is dropped.4

History — where it comes from

Verified

The compass-and-straightedge lineage. Geometric mark-making predates modernism by centuries — heraldic devices, guild marks, and early printers' marks were laid out with compass and rule, and the Renaissance interest in proportion fed directly into the design of trademarks. Per Mollerup's taxonomy of marks places the constructed geometric mark within this long history of identification by symbol.3

The corporate-identity era. The construction sheet became a standard artefact in the mid-twentieth-century identity programmes, where Paul Rand's marks for IBM, UPS, ABC, and later NeXT were delivered with documentation that fixed the mark's geometry for reproduction.1 Rand's deeper insistence — that a logo's value comes from what it represents rather than from the cleverness of its drawing — frames why the construction is a means, not the message.2 Alina Wheeler's account of the identity process treats the construction grid as the bridge between a designed mark and its consistent rollout across every application.6

Negative space as documented intent. Lindon Leader's 1994 FedEx wordmark is a well-documented case where the arrow formed in the gap between the E and the x was shaped on purpose by the geometry of the surrounding letters — the construction defines the void as deliberately as the marks.6

Honest caveats

The grid often follows the mark. Many published construction sheets are drawn after the fact to document and rationalise a mark for the brand manual. Rand himself frequently drew freehand and reconstructed the geometry afterwards. That is fine — until the documentation is sold as the design method.

The golden-ratio claim is usually retrofitted. The widely shared image of the Apple mark resolving into a golden spiral is an overlay after the fact, not the documented construction; designer Rob Janoff has said the 1977 apple was not built from the golden ratio. Timothy Samara's work on grids is candid that geometric systems serve the work and can be broken — the grid is a servant of the mark, never the reverse.7

When to use it (and when not)

If you want to...Use the construction gridDon't use it for...Difficulty
Refine a sketch into a precise vectorCircles and tangents tie every curve to a shared geometryA warm, hand-drawn script you want to keep humanIntermediate
Make a mark scale from favicon to billboardA ratio spec reproduces the mark identically at any sizeA one-off illustration with no reuse requirementIntermediate
Build a radial badge or sealConcentric circles and axes guarantee rotational symmetryAn asymmetric, gestural mark that resists a centreBeginner
Document a mark in a brand manualThe construction is the redraw spec future teams followA logo still mid-concept and likely to changeIntermediate
Shape negative space deliberatelyThe same circles define the gaps as much as the shapesMarks where the void is incidental, not load-bearingAdvanced

Where the construction grid does its work

Six contexts. The documented identities are real cases; the readings are analysis, and a myth is labelled where one is in play.

Striped wordmark

Corporate identity

An IBM-style striped letterform whose bar weight and gap are set by one repeating module, so the wordmark reads as engineered rather than drawn.

Geometric monogram

Initials on circles

A two-letter monogram whose strokes share radii with concentric circles, so the initials lock together instead of merely sitting side by side.

FedEx negative-space arrow

Leader, 1994 · documented

The arrow in the gap between E and x is shaped by the letters' geometry on purpose — a documented case of constructing the void, not just the shapes.

Roundel-style badge

London Underground lineage

A bar crossing concentric rings — the construction fixes where the bar meets the circle and keeps the proportion intact at every size on the network.

Circular seal

Medallion & crest

A ring of repeating elements on a shared radius. The 45° axes set the rotational steps so the seal is symmetric about its centre.

Grid-built pictorial mark

Symbol from arcs

A pictorial symbol assembled from arcs that each belong to a construction circle, so a casual-looking shape is in fact built on rational geometry.

Common mistakes

1

Gridding before the idea exists

Reaching for circles and axes before there is a concept produces a mark that is geometrically tidy and says nothing. The construction can refine an idea but cannot supply one.

Fix: sketch the concept freehand first, then bring in the grid only to rationalise the rough you already believe in.
2

Over-construction

When every element visibly snaps to a grid line, the mark reads as cold and mechanical. Total geometric obedience is not the same as good design.

Fix: let the grid relate the major curves, then trust the eye for the rest; a little looseness keeps the mark feeling drawn rather than generated.
3

Confusing geometric centre with optical centre

The eye does not read the measured centre as the visual centre, so a perfectly centred element can look low or off. Mathematics is not perception.

Fix: optically correct — nudge until it looks right — then redraw the construction so the sheet documents the corrected mark.
4

Retrofitting the golden ratio

Laying a phi spiral over a finished mark and claiming it as the construction is design theatre. It misleads clients and students about how the mark was actually made.

Fix: document the geometry you genuinely used; if simple integer ratios built the mark, say so and skip the phi story.

How different disciplines use it

For logo designers

Treat the construction grid as a refinement and reproduction tool rather than an ideation one. Once a sketch is settled, drop the concentric circles behind it and adjust until each curve shares a radius and each straight runs along an axis or tangent. Then optically correct by eye and redraw the geometry so the sheet still reproduces what you see. The discipline is what lets a mark survive being shrunk to a favicon without turning to mush.

For brand-identity teams

The construction grid is the part of the brand manual that keeps a mark consistent across decades and across every vendor who will ever reproduce it. Specify the mark by its construction parameters, not by a single exported file, so a sign-maker, a web team, and a printer all redraw the same geometry. Wheeler's process treats this documentation as the bridge between a designed mark and a reliable rollout — that is exactly what the grid buys.

For icon designers

Icon work lives or dies at small sizes, so the construction grid matters even more than it does for a wordmark. Build each icon on a shared circle-and-axis system so a family of icons feels like one set rather than a collection, and so strokes land on consistent positions when the icon is rendered at sixteen or twenty-four pixels. The same tangent logic that aligns a logo's curves keeps an icon's corners crisp on the pixel grid, and the letterform discipline behind a good wordmark is the same one that governs type.8

For students & educators

The construction grid teaches a transferable habit: relate the parts of a design to one another by ratio instead of placing them by feel. Overlay the grid on a documented mark to see how its curves share radii, then rebuild a simple symbol where every arc belongs to a construction circle. Teaching the honest caveats alongside — that grids often follow the mark, that the golden-ratio story is usually retrofitted — is as valuable as teaching the geometry itself.

"A logo derives its meaning from the quality of the thing it symbolizes, not the other way around."

Paul Rand, A Designer's Art (1985)1

Frequently asked questions

What is a logo construction grid?
A construction grid is the underlying geometry a logo mark is built on — a set of concentric circles whose radii relate by simple ratios, plus tangent lines and angle guides such as horizontal, vertical, and 45° axes. It exists so a mark's curves relate rationally and so the mark can be redrawn identically at any size. It is a construction aid and a reproduction spec, not a straitjacket.
Do all logos need a construction grid?
No. Plenty of enduring marks were drawn freehand or grew from a script signature, and forcing a grid onto them adds nothing. The construction grid earns its place for geometric marks that must scale from favicon to billboard, for radial badges and seals, and for institutional identities that need to be reproduced identically across decades and many production teams.
Is the construction grid drawn before or after the mark?
Often after. Many published construction sheets are drawn once the mark already exists, to document and rationalise it for the brand manual. Paul Rand frequently drew freehand and reconstructed the geometry afterwards. The grid can guide the drawing or record it, and both uses are legitimate as long as the documentation does not pretend to be the design process.
Is the Apple logo built on the golden ratio?
That is largely a myth. The popular images showing the Apple mark resolving neatly into a golden spiral are post-hoc overlays, not the documented construction. Designer Rob Janoff has said the 1977 apple was not built from the golden ratio or a Fibonacci grid. Many famous golden-ratio logo breakdowns are rationalisations laid over a finished mark rather than the geometry it was actually drawn from.
What angles and circles does the grid use?
The classic construction sheet centres a stack of concentric circles whose radii step by a unit module — one, two, three units, or golden-ratio steps — and crosses them with horizontal and vertical axes plus 45° diagonals. Tangent lines mark where a straight meets a curve. Together these guarantee consistent optical relationships between the parts of the mark.
Should I use the golden ratio for logo circle spacing?
Only if it genuinely serves the mark. Golden-ratio steps can give a sequence of circles that feels organic rather than mechanical, but simple integer ratios — halves, thirds, quarters — read as deliberately engineered and are easier to reproduce. Choose the system that matches the feeling the brand wants, and resist retrofitting phi just to tell a better story.
How is negative space constructed in a mark?
The same circles and tangents that define the positive shapes define the gaps between them. The arrow hidden between the E and the x in the FedEx wordmark, designed by Lindon Leader in 1994, is a documented case where the negative space was shaped deliberately by the geometry of the surrounding letterforms rather than left to chance.
Can a mark be over-constructed?
Yes. A mark that visibly snaps to every grid line can read as cold and mechanical, and strict geometric centres rarely match the optical centre the eye expects. The fix is optical correction: trust the eye over the measurement, adjust until it looks right, then redraw the construction so the sheet documents the corrected mark.

References

  1. Rand, P. A Designer's Art. Yale University Press (1985).
  2. Rand, P. Thoughts on Design. Wittenborn (1947; reissue Chronicle Books, 2014). ISBN 978-1-4521-4161-6.
  3. Mollerup, P. Marks of Excellence: The History and Taxonomy of Trademarks. Phaidon (1997). ISBN 0-7148-3838-1.
  4. Elam, K. Geometry of Design: Studies in Proportion and Composition. Princeton Architectural Press (2001). ISBN 1-56898-249-6.
  5. Müller-Brockmann, J. Grid Systems in Graphic Design. Verlag Niggli (1981). ISBN 3-7212-0145-0.
  6. Wheeler, A. Designing Brand Identity. Wiley (2009). ISBN 978-0-470-40142-2.
  7. Samara, T. Making and Breaking the Grid. Rockport Publishers (2002). ISBN 1-56496-893-6.
  8. Lupton, E. Thinking with Type. Princeton Architectural Press (2004). ISBN 978-1-56898-448-3.

Notes from the studio · Three practitioners on the construction grid

Illustrative composites of how the tool gets used in practice — not quotes from named individuals.

I never start on the grid. I sketch until a mark feels alive, then bring in the circles to tighten it. The geometry is the editor, not the author.
Brand designerIllustrative scenario
The construction sheet is for the brand manual. If a sign-maker in another city can redraw the mark from my circles, I have done my job.
Identity designerIllustrative scenario
I tell students the truth: most golden-ratio overlays come after the mark. Document the geometry you actually used and skip the spiral theatre.
Logo designerIllustrative scenario
Open the tool

Open the logo construction overlay

Drop a sketch, set your circles and axes, and refine the mark until every curve relates to the geometry. Free, in your browser.

Launch Grid Maker Pro →