Option 05 — Identity All directions
Design System
v1.0 · Foundations
Athanasius
College
Contra Mundum, Pro Christo

Alexandria, not Oxford.

The college’s own identity, applied to a website. Deep coastal petrol instead of navy, Roman inscriptional capitals instead of colonial script, one vermeil gold that appears in exactly one place per composition, and the Beacon A — the letter crowned by the Cross — as the mark.

01 — Carved, then written

Cinzel descends from letters cut into Roman columns, so every heading shares a literal ancestor with the mark. It is always caps and always tracked. EB Garamond carries the running text with humanist warmth; Inter serves anything a person operates.

02 — One accent, one place

Vermeil appears once per composition: the cross in the mark, a rule under a heading, or the motto in italic. It is never a field and never body text — it fails contrast at text sizes on every light ground. Where a second emphasis is needed, use scale or petrol.

03 — Petrol is the flag

Heroes, the footer and one institutional band are petrol. The page itself is parchment, not white; white is for cards and forms; limestone sets a section apart. Porphyry — the stone of emperors and patriarchs — appears at most once, for a moment of gravity.

The palette — from the guide
Gulf Petrol
#0F3B40 · primary
Vermeil
#A9873F · the accent
Limestone
#F2EDE2 · light ground
Ink
#1C1C18 · text
Porphyry
#6E2639 · regalia
White
#FFFFFF · paper
The three voices — all real, all on Google Fonts
Aa
Cinzel
Display, headings, the wordmark, buttons and nav. Weight 600, always caps, tracked 5–8%.
Aa
EB Garamond
Body, longform, and the motto in italic. 400 and 500; 18px over 30px.
Aa
Inter
Interfaces, forms, captions and data. 400–600; 15px over 22px.
The Beacon A

The Roman inscriptional capital with a gold Latin cross rising through it from behind. The cross stands behind the letter and crowns it, the way the lantern crowns a lighthouse. Where the letter opens, the gold shows through.

What is added

A logo guide does not specify a website. The cool greys, the ramp below display, the button anatomy and the error colour Cinnabar are derived here and marked where they appear. One departure: the guide’s gold kickers fail its own contrast table at 13px, so kickers are petrol on light grounds and mist on petrol.