Logo anatomy construction diagram

Logo anatomy construction diagram, editorial, swiss, light

Preview image. Unlock full-res

Logo-construction page showing the hcma mark exploded onto a measured grid with x-markers, squircle callouts, and a quarter-inch ruler.

Summary

A logo-anatomy page that explodes the hcma mark across a fine measurement grid, annotating shared widths with small "x" markers and labelling the rounded forms as "squircle", all keyed to a 4:3 aspect ratio.

Visual description

The standard layout: warm cream left column (about 18% wide) holding the section label "2.1.1 Logo anatomy" top-left, a short justified paragraph of body copy, and a vertical navigation index near the bottom (Logo highlighted bold with an arrow, then Tagline, Lockups, Avatar, Colour, Type, Imagery, Graphics, Applications) above the small black half-disc avatar. The right 82% is a white panel. Inside it, the hcma logo is drawn as line-art construction geometry rather than a solid mark: the four letterforms are pulled slightly apart on a light grid, with circular nodes labelled "x" marking where stroke widths align, the word "squircle" called out three times in italic against the rounded corner shapes, and a small "4:3" tag. A pill-shaped "Aspect ratio 4:3" label sits above. A horizontal ruler runs along the bottom numbered 0 to 4, and a shorter vertical ruler 0 to 3 sits at the right, giving the whole thing the feel of an engineering drawing. A thin footer carries "© 2022 hcma.ca", "hcma brand guidelines", and "Version 01" on a hairline.

Key takeaway

Treating the logo as an exploded technical drawing, with consistent "x" nodes proving that strokes and gaps share widths. It makes the mark feel engineered rather than drawn, and the dual rulers reinforce that precision without a word of copy.

Reuse notes

A reference page for any brand-book logo-construction or grid-anatomy spread. The cream-sidebar plus white-canvas template with a running section number, nav rail, and footer is a clean, reusable guideline grammar. Needs a logo whose geometry actually rewards this level of scrutiny.

From this deck: Logo anatomy construction diagram

View deck

More like this