Preview image. Unlock full-res
Six-up don't grid for color and contrast misuse, crossing out the logo on clashing fills, the wrong one-color choice, and busy photos.
Summary
A color-and-contrast misuse page: six crossed-out examples covering the full-color mark on clashing fills, the wrong one-color choice, and poorly-contrasting placements over photos.
Visual description
Standard page chrome ("Logo" / "Logo Misuse", page "25"). The narrow left column heading "Logo Color Misuse" sits over a short intro about choosing the version with the most contrast. The right area is a 3-column, 2-row grid. The top row shows three flat-fill mistakes (full-color logo on cobalt and on poppy where it loses contrast, and a one-color logo used where full color was possible on ecru), each struck by a red or black diagonal. The bottom row shows three photo mistakes (full-color logo on a clashing aerial photo, a white one-color logo on a light sky, and a black one-color logo on a dark bridge), each also crossed out with a caption beneath.
Key takeaway
Separating flat-fill contrast errors (top row) from photographic contrast errors (bottom row) organizes the don'ts into two clear failure modes. Real photos make the contrast lesson land harder than swatches alone.
Reuse notes
A reusable companion to a logo color page: pair every contrast rule with a crossed-out counterexample. Use genuine photo backgrounds for the imagery row so the legibility failures are convincing.
From this deck: DocuSign logo color misuse grid
View deck
