Color
Three saturated colours against a long neutral ramp, and each has exactly one job. The orange is the only thing on a page that is allowed to be loud, and it is reserved for actions.
Every action on the site: button outlines, button text, link hovers, the active nav marker. It is never a background behind body copy and never decorates a section. The primary action may repeat down a long page; anything else that wants to be orange should not be.
The ceremonial second. Giving, honors, convocation, anything with an institutional weight to it. It is also the hover state for the orange, which is why the two must stay this far apart in hue.
A warm ground for a section that needs to feel set apart without going dark. Pairs with ink type only — orange on sand is muddy and fails contrast.
Errors and destructive confirmations, and nothing else. It sits two full steps darker than the flame rather than merely redder — the two are only ten degrees apart in hue, so lightness is what actually separates them, including for a reader who cannot tell red from orange. Never carry an error on colour alone: the message beneath the field is what communicates it.
Full-bleed dark bands
Headings, rules, labels
All body copy
Captions, meta, disabled
Every hairline divider
Alternate section ground
Note the ramp is not evenly spaced. Ink and slate sit close together because headings and body should feel like one voice at two volumes; the jump from slate to mist is much larger, because that is where text stops being content and becomes annotation.
Your Investment
On pitch, body copy goes to white at 80% and the rule turns white. The orange stays exactly as it is — it is the one color that does not change between grounds, which is what makes it read as a system rather than a decoration.