Iconography & Brand
One mark: the Privateer Skull — a skull in a wide privateer hat with a compass-star cocked on the brim, over two crossed spears with hex-bolt ends. Solid geometry, tokens-only: every path rides currentColor, so the mark tints bone in chrome and aurum in a hero with zero variants, and the eyes, nose, teeth, and star are true negative space.
Mark lockups
The mark at every working size on the canvas. Below 24px tall, drop the mark and use the wordmark alone — the spears and star stop resolving.
Full lockup
<span className="text-fg">
<PrivateerSkull className="h-11 w-auto" />
</span>
/* paths: currentColor · evenodd sockets */--ch-fg--ch-accent
Clearspace
Reserve a quarter of the mark's height on every side — nothing enters the box, including the wordmark, which sits exactly one clearspace unit to the right.
--ch-border-strong
Coordinates motif
The nautical coordinates line is the brand's decorative voice — mono, uppercase, wide tracking, always text-faint. It labels section breaks and grounds hero moments; it never carries information.
COLDHARBOR
<Separator label="54°38′N 19°53′E" decorative />
<p className="font-mono text-[10px] tracking-[0.18em] text-faint uppercase">54°38′N 19°53′E</p>--ch-fg-faint--ch-border--ch-font-family-mono--ch-font-tracking-coordinates
Usage
Wrong treatments are illustrated with opacity and outline only — an off-token colour is never rendered, not even as a counter-example.
Upright, proportional, on a token surface, in currentColor.
Never stretch or compress the mark — it scales uniformly or not at all.
Never recolor outside the tokens (shown ghosted — imagine any non-token brand colour here).
Never rotate — the privateer flies level; a tilted skull reads shipwreck.
Never crowd the clearspace with type or ornament.
Tint with the surface — bone in chrome, aurum in a hero. One currentColor asset.
--ch-fg--ch-accent--ch-danger--ch-success