wakeup
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.
empty
step 1
step 2
complete
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.
sans · inter
Value that has to move
Regular 400 · Medium 500 · tracking -0.02em on headings
mono · labels & system output
mandate · policy · action · evidence
0x8f2a…a41c · attested
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.