Skip to content

Design Tokens and States

Wbbb UI visual decisions are driven by replaceable tokens. Components and Playground pages must not scatter raw color values.

Token familyTypical purpose
primaryPrimary action, selected state, link
successCompleted work and successful feedback
warningRisk and attention states
dangerFailure, deletion, validation errors
infoNeutral explanation and supporting feedback
neutralContainers, separators, low-emphasis content

Interactive controls cover default, focus, pressed, selected, and disabled states. H5 also respects prefers-reduced-motion.

Wbbb UI · Built for uni-app product experiences