Preview image. Unlock full-res
Avatar application page with five numbered greyscale mockups, T-shirt, projecting sign, notebook, social profile, and webcam cover, showing where the avatar replaces the full logo.
Summary
An application page mapping where the avatar is used instead of the logo, shown through five numbered greyscale mockups: a T-shirt, a projecting sign, a notebook, a social profile, and a webcam cover.
Visual description
Standard layout: cream left column with section number "2.4.2 Avatar in use", a short intro, and a numbered legend (1 T-shirt, 2 Projecting sign, 3 Notebook, 4 Web cam cover, 5 Social media avatar); navigation list lower-left with Avatar bolded. The white panel scatters five line-art mockups across the canvas, each tagged with a small numeral. 1: a T-shirt outline with a small black avatar at chest. 2: a wall-mounted projecting blade sign carrying a large avatar. 3: a portrait notebook with a small avatar bottom-right. 4: a phone showing a social profile screen (a faux instagram-style layout with the avatar as the profile picture, "hcma" handle, follower counts, and highlight bubbles labelled Projects, People, Process, Manifesto, Advocacy). 5: a webcam-cover slider with the avatar on the sliding tab. The cream footer carries copyright, title, and "Version 01".
Key takeaway
Pinning a secondary mark to concrete, varied touchpoints (apparel, signage, stationery, social, hardware accessory) so its role is defined by use, not just by rules. The loose scatter of numbered line mockups keyed to a legend covers a lot of contexts on one page without feeling crowded.
Reuse notes
A reusable "where to use it" page for an avatar, favicon, or icon. The numbered-mockup-plus-legend layout scales to any set of touchpoints; the social-profile mockup is especially useful for showing avatar-as-profile-picture. Keep mockups as light line art so they read as examples. Pairs with the avatar reveal (slide 42) and the no-goes page (slide 49).
From this deck: Avatar in use
View deck
