Paper, ink and tags.

A note belongs in more than one place, and the tag is how. So the tag is the brand: a small, labelled, colourful chip with weight. It appears on notes, as citations on answers, and as decoration. Everything else stays quiet so the tags carry the colour.

Use the light version on paper and the dark version on ink. Leave clear space equal to the icon tile on every side. Never recolour, stretch or add effects.

The tilted coral tag from the icon, the only one that never quite lined up. Tilt can appear on its own anywhere. Its siblings, Cobalt (blue) and Slate (grey), join it for bigger jobs, only ever alongside it, and only Tilt tilts. Each has a personality of its own: see Meet the team. They're drawn in whichever look surrounds them, so flip the switch to see Glass.

Expressions

The eyes and the angle do the acting. Use each for what it means, so Tilt means the same thing everywhere.

• Tilt never speaks. No speech bubbles: write the words beside it, in Narafy's voice.
• Keep it away from serious moments: losing data, security warnings and AI answers.
• Don't recolour, stretch or add features, and don't mix Classic and Glass in one drawing.
• At least 16px for Tilt and 32px tall for the stack. Smaller than that, use Tilt alone.

Tag spectrum

Only on tags and things that behave like tags: citations, stacks, labels. Never as a background or for text.

Two personalities, one brand. Classic: crisp ink borders, small radii, hard offset shadows. Glass: large radii, soft shadows, translucent layers over the Ocean field.

Quiet and quick. Things settle into place without bouncing, only one thing moves at a time, and nothing loops or blinks for decoration. Honour reduced motion.

Instant

90ms

Fast

140ms

Normal

220ms

Slow

340ms

Easing · cubic-bezier(0.2, 0.9, 0.1, 1)

Calm, exact, a little playful. Short sentences, British English. First person for the founder, second person for the reader. Never promise what the app doesn't do.