Support
A support engineer cross-legged on a beanbag fixes a user's bug on her laptop.
Design System
A designer kneels to press a button component into its slot on a component board.
Live Coding
A streamer at his desk points at code on his monitor while chatting with viewers.
Palette
- Card peach
#F7D8B5card background option - Card orchid
#DFA5D4card background option - Card sky cyan
#A7E0EDcard background option - Navy line
#2E2A5Cevery outline, clouds, hatch, eyes, bold UI text - Panel violet
#8A80EApanel fill; slider and swatch accent - Floor band
#D0CCF4floor rect inside the panel; off toggles - Bush
#BACCA6bush back layer - Skin peach
#F0BFA4skin tone - Mustard
#EDB24Ftops, earrings, swatches, code tokens - Mint top
#95D1B3sweaters - Orange top
#EE8A6Ehoodies - Jeans
#6A63B0trousers - Red
#E35D5Bshoe soles, tags, buttons, hearts, error lines - Cream
#FCF6EAtees, socks, mugs, drawer handles
Core colours shown. 59 more tints and shades are listed in style.json.
Line
Navy #2E2A5C strokes over flat fills: panel 1.35, body and props 1.25, hands, shoes and bushes 1.05-1.15, folds 0.9-1.1, hatch pairs 0.85-0.9, round caps.
Rules
- Panel fixed at 110,46 262x266, violet fill, 1.35 navy frame.
- Two white breakouts cross the left and right frame edges.
- Outline-only clouds and a dashed lavender floor inside the panel.
- Corner brackets top-right and bottom-left in the card's darker tone.
- One seated or kneeling figure with a lean, shared 3/4 face.
- Texture is paired navy hatch slashes, never gradients or filters.