Unsuccessful color usage examples

Unsuccessful color usage examples, editorial, technical, vibrant

Preview image. Unlock full-res

A don't-page mirroring the prior layout, with four red-circled, diagonally struck-through mockups showing color mistakes to avoid.

Elementscard, image, badge
Palette
#1A1C1F
#5865F2
#ED4E8C
#FF3B3B

Summary

The counterpart don't-page: the same split layout as the successful page, but each of the four example mockups is marked with a red-outlined number and a single diagonal red strikethrough line indicating an error.

Visual description

The page repeats the white-left / near-black-right split. The left column shows the blurple "03 BRAND COLORS" eyebrow, a two-tone headline ("USAGE" blurple, "UNSUCCESSFUL COLOR USAGE" black), an intro, and a four-point numbered list of mistakes. The right 2x2 grid holds the same family of social mockups, but each is tagged with a red-outlined numbered circle and crossed by one long diagonal red line. The errors are visible: green text low in contrast on a fuchsia story, blurple type on a white card, and a tweaked product interface, each demonstrating the failure described in the matching list item.

Key takeaway

The strict mirroring of a do-page and a don't-page so the only changing variable is right vs wrong. The single diagonal red strike plus red numbering is an instantly legible "avoid" marker that reads even at thumbnail scale.

Reuse notes

Use as the negative half of a paired do/don't spread in any guideline. The matched layout means a reader compares the two pages directly. Keep the strikethrough to one clean diagonal so the bad example stays readable enough to learn from.

From this deck: Unsuccessful color usage examples

View deck

More like this