Machine precision, in service of faded, human, theatrical storytelling.
Three tensions, none optional — the geometric mark (the machine / the AI), the literary italic serif (the human / the auteur), and the faded curtain palette (the theatre). The diamond is an aperture; the square inside it, one human canvas. A machine framing a story.
The aperture
Clear space ≥ 0.5× mark height. Minimum size 20px. Shape unchanged from the official mark.
Mark + wordmark
Recolour: amber → terracotta
Shape and letterforms are untouched. Only the wordmark colour shifts — the original bright amber is dusted down to the site's terracotta, so the logo recedes into the faded-curtain world instead of shouting off the page.
One brand colour, the rest are roles
The palette (Ulla-derived faded watercolour) is unchanged. The discipline is new: terracotta is the single brand accent; everything else demotes to a functional role so no screen carries four colours fighting.
Three voices
Do · Don't
- ✓ One brand accent (terracotta) per screen + at most one functional colour
- ✓
ring-1 ring-line-softinstead of solid borders - ✓ 8px spacing · concentric radii · pill buttons
- ✓ Cormorant italic for the human voice, mono for data
- ✓ Faded, dusted colour — let it recede
- ✗ Bright amber wordmark on the public site
- ✗ Purple/indigo gradients over white cards (AI slop)
- ✗ Four accent colours fighting on one screen
- ✗ Arbitrary hex
text-[#3a7bd5]— tokens only - ✗ Stretch the mark or recolour the wordmark off-palette