Preview image. Unlock full-res
Four full-height vertical gradient swatches (Pearl, Atmosphere, Haze, Glow), each labeled with its name, color route, and hex endpoints, beside a column of usage rules.
Summary
The brand's gradient spec: four tall vertical bands sitting side by side, each labeled with a name, a "color A to color B" route, and exact hex endpoints.
Visual description
Standard guideline layout on white. The left column carries the heading "Gradients", an intro paragraph, and a "Considerations" block with bold lead-ins (Backgrounds or strokes, Choosing subtle gradients, Linear or radial). The right side is a single rounded panel split into four full-height vertical gradient bands. Each band is topped, in dark or white type per contrast, with a bold name and two spec lines: Pearl (Ecru to White, #F8F3F0 to #FFFFFF), Atmosphere (Mist to Cobalt, #CBC2FF to #4C00FF), Haze (Cobalt to Deep Violet, #4C00FF to #26065D), and Glow (Poppy to Cobalt, #FF5252 to #4C00FF). The bands run light-to-dark left to right then warm at the far right. Running header: "Color / Gradients / 36".
Key takeaway
Presenting each gradient as a full-height band with its name and exact hex route makes the system both inspirational and copy-pasteable. Ordering the bands light-to-vibrant tells the energy story at a glance.
Reuse notes
A clean reference for documenting a gradient system in any brand guide or design-token doc. The name-plus-hex-route label is directly reusable. Pair with usage notes about when to reach for subtle versus high-energy gradients.
From this deck: Approved gradients spec panel
View deck
