Global Design System

Brand colors

Purple (authority), orange (urgency), neutral canvas — the disciplined palette.

Complete

Two anchors, one canvas. Purple for authority and editorial structure. Orange for action, urgency, and live signal. Everything else is neutral foundation — there is no third brand color.

Token reference

--primary · rgb(91 42 117): Brand purple. Editorial authority, structural framing, navigation chrome, JSON-LD entity dots, primary chips. Never use on time-sensitive calls.
--brand-orange · rgb(253 81 1): Live signal, urgency, application CTAs, "closing soon" badges, the orange eyebrow dot on hero sections. Reserved — do not use for decoration.
--background · rgb(253 251 248): Warm off-white canvas — not pure white. Anchors the editorial-paper feel of the platform.
--card / --muted / --border: Card surface, muted background, divider line. Tweaked per token system; never override per page.
--badge-verified · green: Verification and "open" status only. Not a third brand color — it is a status signal with strict semantics.

When to use which color

Use purple

Section header eyebrow dots.
Module label chips on related cards.
Section title underlines.
Active menu state.
Editorial breadcrumb anchors.

Use orange

Hero eyebrow dot (page identity).
Apply / Submit / Subscribe CTAs.
Live and Closing Soon badges.
CTA arrow icons on related cards.
Numbered list step markers.