The icon Clyde

Two-panel Clyde spread: a white left text column gives the usage hierarchy, a right 2x2 panel shows the icon in four color combinations from white-on-blurple to black-on-white.

Styleeditorial, minimal, dark-mode

Colorlight, dark, vibrant, high-contrast, cool

Typesans-serif, display, all-caps

Moodprofessional, bold, friendly

Elementslogo, icon

Tagsclyde, icon, symbol, logo-usage, two-panel, white-text-panel, 2x2-grid, color-combinations, usage-hierarchy, numbered-callouts, download-button

Palette

#5865F2

#FFFFFF

#1E1F22

Summary

The Clyde icon page: a white left column states the usage hierarchy, and a right 2x2 panel shows the mascot icon in four approved color combinations, ranked from preferred to fallback.

Visual description

Split spread. The left third is white: the eyebrow "02 LOGO, SYMBOL, WORDMARK & TAGLINE", a two-line black condensed display headline "THE ICON: CLYDE", explanatory copy and a numbered usage hierarchy (1. white Clyde on blurple, 2. blurple Clyde on white, 3. white Clyde on black, 4. black Clyde on white), with a pale pill "Download icon files" button at the bottom. The right two-thirds is a 2x2 grid of color panels each holding the rounded Clyde icon: white-on-blurple (numbered 1), blurple-on-white (2), white-on-near-black (3) and black-on-white (4), the corner numbers matching the hierarchy list.

Key takeaway

Showing every approved color pairing of the symbol in one ranked 2x2 and numbering the panels to match the written hierarchy. The viewer sees the preferred-to-fallback order and the exact combinations at the same time.

Reuse notes

A clean template for presenting an icon or mark's color-on-background options. Number the panels to the priority list so "use 1 first" is unambiguous. The 2x2 of color blocks doubles as a quick reference. Scales to any monochrome mark with a small set of approved pairings.