Live module
Reference component
98%Signal quality
24Active flows
3.2sResponse time
Palette
doodle visual language with sketchbook warmth, soft cards, and informal orange accents.
Control
Focus, hover, and status states share the same system signal.
Doodle design system
Sketchbook product system
Hand-drawn energy, rounded notes, and playful cards for lightweight ideation.
online
Typography
Display rhythm
Headlines use the display stack with the declared scale and leading.
Surface
Layer system
Cards, warm panels, borders, and raised states resolve through shared tokens.
Interaction
Motion states
Buttons, inputs, and panels use system-specific focus rings and easing.