Loading page…
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.
54°38′N 19°53′E
<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
Privateer asset adornments
A first reusable set converted from the supplied 62-piece transparent artwork folder. Outline marks become currentColor masks for app chrome; the long ornaments retain their original transparent pixels and exact gold or blue treatment. The source board and remaining assets stay untouched in the root folder for later curation.
Compass and shield marks use the PNG alpha as a mask, so any semantic text color can carry them.
Use on branded section breaks and ceremonial panels, not between every list row.
PRIVATEER VERIFIED
<PrivateerAssetIcon name="compass-skull" className="h-8 text-primary" />
<PrivateerAssetIcon name="shield-skull" className="h-12 text-accent" />
<PrivateerDivider variant="gold-skull" />
<PrivateerDivider variant="blue-star" />--ch-fg--ch-primary--ch-accent
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