Guardian digital design guide cover

Summary

Guardian digital design guide hero with yellow field, staggered serif headline, and cyan jump link circle.

Visual description

Saturated yellow background. Black hamburger icon top left, Guardian logotype top right. Large black serif lines read Thinking outside the news in boxes with intentional line breaks. Cyan circle lower left labels Jump to the colour palette. Date in small red below footer rule.

Key takeaway

Staggered editorial serif on a brand yellow makes internal tooling feel public-facing.

Reuse notes

Publisher design-system marketing or bold editorial landings. Yellow dominates; cyan is the only interactive accent.