Peak Design. Gallery wall, half lit.

Red supporting accent for decorative details and low-frequency emphasis

Maximum contrast elements: headline fills on white, announcement bar, footer treatments, solid icon strokes — appears where the design demands the sharpest edge

Deep panel surfaces and image overlays — slightly softer than true black, used for full-bleed dark sections that need to feel weighty without flat black's harshness

Primary text, dark hero panels, body copy, icons, borders on light surfaces — the near-black that anchors every headline and forms the deep-background panels of split sections

Navigation text on light surfaces, mid-weight borders — reads as near-black at small sizes but carries a subtle warmth

Supporting neutral for secondary UI, dividers, and muted labels

Muted body text, secondary navigation, metadata labels — the de-emphasized text tone for information that supports but should not compete with headlines

Hairline input borders, subtle dividers — a warm-leaning gray that reads as a soft pencil line against white surfaces

Divider lines, disabled states, subtle structural separators — the mid-light gray that defines boundaries between sections on the white canvas

Light supporting surface for subtle backgrounds and section separation. Do not promote it to the primary CTA color

Light supporting surface for subtle backgrounds and section separation. Do not promote it to the primary CTA color