Preview image. Unlock full-res
Light page detailing logo color choices in full-width Light, Light Grey, and Dark theme bands, each showing black, grey, and green Invertocat treatments.
Summary
A continuation of logo color guidance, presenting Light, Light Grey, and Dark themes as full-width horizontal bands, each showing the Invertocat in black, grey, and green.
Visual description
Light background with a narrow left text column ("Color", grey intro about legibility and contrast). The right four-fifths is divided into three stacked full-width background bands: white (Light), pale grey (Light Grey), and near-black (Dark). Each band repeats the Invertocat three times across it in primary, grey secondary, and green accent, with a small monospace key (TEXT PRIMARY, TEXT SECONDARY, TEXT ACCENT) on the left of each band.
Key takeaway
Using full-bleed background bands so the logo is judged against the actual surface color it will sit on. Repeating the same three treatments per band makes the contrast tradeoffs obvious.
Reuse notes
Pairs with the previous theme-matrix page. The band layout is a clean way to test any mark against multiple background values at once.
From this deck: Logo color theme blocks
View deck
