Everything the website is built from

The full logo sits in the nav (52px tall) and footer (56px). The mark alone is used at 28–30px as a favicon, in eyebrows and on tiles. Never recolour, stretch or add effects. Clear space is the height of the mark on every side.

Pages are white with warm paper sections for rhythm. Coral is the only accent and is reserved for primary buttons, eyebrow labels, links on hover and live indicators. The brand spectrum appears only in the gradient mark, the growth gradient and the orb, never as flat UI colour.

Space Grotesk for headings and buttons, Hanken Grotesk for everything you read, Space Mono for small labels and code. Headings use tight negative tracking; body never does.

One coral primary per view. Secondary actions are ghost buttons. Cards are white with a 1px ink hairline; shadow appears only on hover or when a card floats over a photo.

Every page is the same shell: fixed nav, white main, ink footer. Sections alternate white and paper. Motion is slow and eased; nothing bounces.

A particle sphere in the brand spectrum with a coral glow. It stands for Kahu wherever the assistant speaks, drafts or acts: composers, chat bubbles, "sent by Kahu" pills, the mega-menu promo. Four states, rendered live by kahu-orb.js.

<script src="./kahu-orb.js"></script>

<kahu-orb state="idle" theme="auto" size="96"></kahu-orb>

state  idle | listening | thinking | shipped
theme  auto | dark | light   (auto samples the background)
size   px, square

// JS
el.state = 'thinking';
el.theme = 'light';

The ground for placeholders, announcement tiles and index cards, wherever there is no product screen or photo to show. Six palettes built from the brand colours, one recipe, rendered live so the grain stays crisp at any size.

Soft, dusty versions of the brand hues, never the saturated colours themselves. Each palette pairs a ground with four or five field colours and white text, so tiles read calm next to the white product UI.

Blobs are placed, not random, a seed only mirrors the field. Grain is monochrome noise blended over the top and must be visible at 100%. Lines are optional and never on more than one tile per view.

Dashboard recreations stay on white. Gradients carry the surfaces beside them: index cards, changelog tiles, photo placeholders, dark assistant cards.

Interface icons are Lucide at 1.5px stroke, 18–22px, in the current text colour. Partner and channel logos are the official marks, unchanged, kept in icons/. No emoji anywhere on the site.

Paths are relative to the project root. Shared components are built once and imported by every page; edit them in one place.