Preview image. Unlock full-res
A do-page showing four correct brand-color executions as social mockups in a 2x2 grid beside a left-column numbered rationale.
Summary
A guideline do-page: a left text column explains correct color use while a 2x2 grid of social-post mockups on the dark right half demonstrates four approved executions.
Visual description
The page splits into a white left third and a near-black right two-thirds. The left column carries a small blurple "03 BRAND COLORS" eyebrow, a two-tone display headline ("USAGE" in blurple, "SUCCESSFUL COLOR USAGE" in black, all-caps), an intro line, and a numbered list of four rationale points. The right side holds four vertical and horizontal social mockups, each tagged with a small green-outlined numbered circle, set against the dark field: a fuchsia Instagram story, a blurple horizontal card, a blurple vertical post, a yellow "Imagine a Place" post, and a second blurple chat-style story. Each uses oversized condensed all-caps headline type in high contrast against its panel color, with the Discord logo and reaction pills.
Key takeaway
The split of editorial rationale on a calm white column against live, full-color example mockups on a dark gallery wall. Numbering both the prose points and the mockups with matching green markers ties argument to evidence at a glance.
Reuse notes
A clean template for any "do" page in a brand or color guideline: rules on one side, real applications on the other. The green-circle numbering pairs with a red-circle / strikethrough "don't" page (see the facing unsuccessful page). Needs genuinely on-brand sample mockups to be persuasive.
From this deck: Successful color usage examples
View deck
