Components

Brand primitives consumed by marketing surfaces. Product UI uses the shadcn layer in apps/app, themed by the same tokens.

BrandButton

Coral pill is the only primary action. Mint and lavender are not button colors.

TwinStatusDot

Mint = Max running. Lavender = Dot detected drift. Coral = error. Muted = stopped.

RunningTwin status: RunningDrift detectedTwin status: Drift detectedErrorTwin status: ErrorStoppedTwin status: Stopped

CodeBlock

Always dark surface, regardless of theme. Use for terminal output and code samples.

terminal
$ wt up stripe
Cloned. Running. Done.

MascotImage

Renders canonical poses with built-in alt text and a min-size guard. See the full lookbook on the Mascots page.

Max the twin, fist bumpmax · fist-bump · 120
Dot the twin, observingdot · observing · 120
Max the twin, fist bumpmax · 64
Dot the twin, observingdot · 32 (floor)