Preview image. Unlock full-res
Avatar construction page defining frame space as 110% of the mark's scale for digital platforms, with a three-up positive, solid, and outline row and a row of platform crop shapes below.
Summary
A construction page defining frame space (the padding around the avatar inside a platform frame) as 110% of the mark's scale, with examples across square, rounded, and circular platform crops.
Visual description
Standard layout: cream left column with section number "2.4.6 Frame space" and three short paragraphs explaining frame space, the need to upload a background colour, and that platforms vary but share a 1:1 ratio; navigation list lower-left with Avatar bolded. The white panel's top row shows three large avatars side by side: a grey ghost annotated "The frame space is determined by 110% the scale of the avatar", a solid black avatar boxed in a thin rounded square frame, and a black outline-only avatar in a circular frame. A lower row of four small grey examples shows the avatar cropped to square (labelled "Aspect ratio 1:1"), rounded-square, and circle frames, with the fourth crossed out by a red diagonal and captioned "Never upload an avatar without frame space to a digital platform". The cream footer carries copyright, title, and "Version 01".
Key takeaway
Distinguishing frame space (in-frame padding for platform avatars) from clear space (external margin) and giving it its own rule, then proving it across the three crop shapes platforms actually apply (square, rounded, circle). The crossed-out no-padding example anchors why the rule exists.
Reuse notes
A reusable template for the social-platform-avatar page of a guideline, where uploaded marks get auto-cropped and need built-in padding plus a solid background. The square/rounded/circle triple covers most platform crops. Carry the one-red-diagonal no-go convention through. Pairs with the aspect-ratio and clear-space pages.
From this deck: Avatar frame space
View deck
