Preview image. Unlock full-res
Clear-space page defining the 63% exclusion zone around the mark, with a grid diagram and three Illustrator Transform-palette screenshots walking through the method.
Summary
The clear-space page: a grid diagram defines a minimum exclusion zone equal to 63% of the logo's scale, supported by ghosted secondary marks and a column of three software screenshots showing how to calculate it in Illustrator.
Visual description
Cream left column (about 18%) with "2.1.4 Clear space" top-left, three short justified paragraphs (clear space is the minimum white space, must be 63% of the logo, give it more room when possible), the nav index (Logo bold-arrowed) and the half-disc avatar. The right white panel does several things at once: top-left, the black mark sits inside a dotted bounding grid with diagonal guides showing the clear-space envelope; ghosted grey copies of the mark and small captions ("The clear space is determined by 63% the scale of the logo", "63% equals the distance between the left edge of the 'h' and the top left edge of the 'm'") explain the derivation. Down the far-right edge run three stacked screenshots of an Illustrator Transform/Pathfinder palette, each annotated with an arrow, stepping through duplicating the logo, locking aspect ratio, and entering 63% to get the spacing guide. The footer hairline carries "© 2022 hcma.ca", "hcma brand guidelines", and "Version 01".
Key takeaway
Defining clear space as a memorable derived ratio (the gap between two specific letterforms) rather than an arbitrary unit, and then teaching the exact software steps to reproduce it. The combination makes the rule both intuitive and operational.
Reuse notes
A thorough clear-space page for teams that actually rebuild assets. The embedded Illustrator screenshots tie it to one toolchain, so swap them if your team uses different software. Best when the clear-space unit can be anchored to a real feature of the mark.
From this deck: Logo clear space rule
View deck
