Colors

Six tokens, each with a clear role. Click any value to copy. The rendered swatches read from brand/colors/tokens.css — edit there and the site reflects the change.

--ws-inkPrimary text on light

--ws-paperLight surface

--ws-seaPrimary brand accent

--ws-stormSecondary accent / meta

--ws-sunHighlight / illustrations

--ws-fogMuted UI surface

Downloads

tokens.css — drop into any CSS pipeline; declares :root custom properties for all six tokens.

Usage

Body text on light surfaces is --ws-ink, not pure black. Pure black reads as harsher than the rest of the system.

Accent (--ws-sea) is for one purpose at a time on any given surface. If everything is highlighted, nothing is.

Sun (--ws-sun) is for shapes and illustrations, not type — it's a 1.5:1 contrast against paper, well below WCAG body-text targets. Use it on the sail of the mark, in illustrations, in deliberate emphasis blocks; never as a link or body color.