This page is retained from the earlier design site. Current component and token guidance is in the Storybook component reference and Foundations.
Illustrations
Warm geometry. Our illustrations use the same shapes our product uses — rounded rectangles, pills, the occasional arc — in a small, fixed palette. They're quiet. They never try to be the loudest thing on screen.
One voice across thirty-two spots
Every illustration is built from the same kit: two weights of stroke, a cream background, and the accent orange for highlight only. No rendering, no gradients, no three-quarter perspective.
Four colors, forever
Illustrations live in this closed palette. Adding a fifth color dilutes the brand — if a scene seems to need more, the scene is wrong.
How we draw
Geometry, not hand-drawn
Every shape is a rectangle, circle, arc, or straight line. No bézier flourishes, no organic curves, no texture.
8px on a 200px canvas
Illustration scales, but the stroke ratio doesn't. An illustration at 400px still uses the proportional equivalent of 8px on 200px.
One thing is orange
The accent belongs on exactly one element per spot. It's the eye's anchor — two orange things in the same scene fight each other.