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.
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.
