Expressive Spark color combinations

Brand-element slide showing three approved color treatments of the spark mark across cream, sky-blue, and slate panels, with a numbered key on the left.

Styleeditorial, minimal, light-mode

Colorlight, cool, high-contrast

Typeserif, display, mixed-serif-sans

Moodcalm, trustworthy, professional

Elementsicon, illustration, image

Tagsbrand-element, expressive-sparks, color-usage, numbered-list, three-panels, spark-mark, sidebar-label, do-examples

Palette

#F7F3EC

#0E2A47

#7FBEDC

#5E7B8B

#FFFFFF

Summary

A spark color-usage page: three demonstration panels show the spark mark in approved Ink, Light Paper, and Sky combinations, keyed to a numbered list of rules on the left.

Visual description

Cream background. Left column carries the "EXPRESSION" eyebrow, a two-line serif headline "Expressive Spark Color", a short sans body paragraph, then a numbered key (1, 2, 3 in small circles) describing each combination: Ink & Sky on Light Paper, Light Paper & Ink on Sky, and Light Paper & Sky on Slate. The right side holds three rounded-corner panels arranged as two on top and one wide below: panel 1 a cream/Light Paper field, panel 2 a sky-blue field, panel 3 a slate blue-gray field, each containing a large cropped six-armed spark rendered in navy, white, and light-blue arms so the same mark reads differently per background. A small number chip sits in the top-left of each panel. The vertical "Brand Guidelines" label and corner spark glyph repeat.

Key takeaway

Demonstrating a graphic element's color rules by repeating the exact same mark across the brand's background colors, with a numbered key that maps one-to-one to the panels. It makes "which colors on which background" instantly scannable.

Reuse notes

Reusable layout for any element-usage or color-combination page. The numbered-key-to-panel pairing is the transferable idea. Works best when the element is bold enough to survive being placed on every background tone.