Social media avatar application

Summary

The identity applied to social: the red mark sitting as an iOS app icon on a phone home screen, and as a circular profile avatar with a red header on a Twitter page mockup.

Visual description

Deep navy-black page, hooked-hairline header with "Social media Avatar". Left, a black smartphone shows an iOS home screen of stock app icons with a white "Formula 1" tile carrying the red mark among them. Right, a desktop Twitter profile mockup: a wide red header band holds the white F1 mark, a white circular avatar with the red mark overlaps its lower edge, and below sit the "Formula One" handle, bio, follower counts, a red "Follow" button, a tweet feed with photo and video cards, and a "who to follow" sidebar. The slide specifies how the mark reads as both a small app icon and a profile identity.

Key takeaway

Speccing social by dropping the mark into real platform chrome, an actual home screen and profile layout, rather than as isolated avatar circles, so scale, padding, and the white-on-red header treatment are shown in context.

Reuse notes

A practical template for the social-application page of a brand guide. Platform UI dates quickly, so treat the chrome as illustrative. The white circular avatar over a colored header is a durable, transferable convention.