Preview image. Unlock full-res
Social-media-icon page showing the white logotype on a blue circle and square avatar, with a LinkedIn profile mockup demonstrating it in context.
Summary
The social-media-icon page: the white "optty" logotype shown on a blue circular and square avatar at left, with a LinkedIn profile mockup at right showing the avatar in use.
Visual description
A white content page with "Social Media Icon" top left and a paragraph top right instructing that the social icon always uses the primary logo on the brand blue background. The left half shows two avatars side by side, the white "optty" logotype centered on an electric-blue circle and on an electric-blue square. The right half is a screenshot mockup of a LinkedIn company page tilted slightly in perspective, with the blue Optty avatar appearing as the profile picture and in the feed, demonstrating the icon in a real social context. The footer and "008" page pill close the page.
Key takeaway
Showing the avatar both as bare shapes and dropped into a real platform mockup proves the icon works at small sizes and in situ, which is more convincing than the isolated mark alone. The perspective-tilted screenshot is a quick way to make a flat guideline feel applied.
Reuse notes
Useful when a brand needs explicit social-avatar rules. A live-platform mockup dates faster than the rest of a guideline as the platform UI changes, so treat the screenshot as illustrative rather than canonical.
