Brand kit
The mark, the lockup, the palette and the rules. Everything here is live in the page you just came from.
The mark
Three circles that complete in sequence: a dashed sketch, an outline, a solid. It is the same progression the product describes, so the mark is allowed to animate as a system completes a job. It must never animate faster than it can be read.
The word
This is the lockup on the site. It starts as wup, the same three beats as the mark. Then the word opens, letter by letter, until it is wakeup. Click below to replay.
Lockup
Mark and wordmark, always with the gap shown below. The wordmark is set without the "labs" subscript.
16px20px28pxPalette
Click any swatch to copy its hex value.
Typography
Inter for everything readers read. A monospace face for labels, states, values and anything a system produced.
Rules
- 01Never place the mark on a light background without checking contrast first.
- 02Never recolour the three circles outside the palette on this page.
- 03Never stretch the lockup. Scale it, and let the gap scale with it.
- 04Never animate the mark under 14px. Below that it reads as noise.