Everything you need to build the Catalyst website — the mark and its assets, the palette, the type system, and the components, all from a single source of truth.
The mark is “The Clearing”: broken cool lines are fragmented knowledge held in heads; the one solid warm line is Clearly, pulled clean through to the point. The detached final line + point is the glyph. SVG, infinitely scalable.
Keep clear space around the mark equal to the height of the warm point. Use terracotta on dark, ember-ink on light, and the reversed mark anywhere colour can't print.
Don't recolour the strokes, make every line solid, add glow or shadow, stretch the mark, or place the bright core on a light background (it fails contrast — use ember-ink).
A warm terracotta on a cool slate ground — deliberately not a tech palette. Cool does the work; one warm point is the payoff. No teal, no blue-purple, no gradients.
High-contrast serif for headlines and the editorial voice. Use roman for weight; italic terracotta for the turn of phrase.
Clean modern sans for the wordmark, UI, and body. Medium weight, slightly tight tracking.
The history and context that run your business live in people's heads. Catalyst moves it into a system that remembers what happened, learns what matters, and gives every decision better evidence.
A surface for content, with a subtle lift on hover. Built from .card + .card--hover.
The mark is a system, not a one-off. Three primitives — broken dashes (fragments), the solid throughline (Clearly), and the warm point (the human) — recombine to picture every idea in the story. Reuse them in decks and on the site. Click any diagram to download its SVG — they live in brand/concepts/.
Compositions assembled from the system — drop-in for the site.
The same system on a light surface — the mark switches to ember-ink so the warm point still holds its contrast.