design systempackages/design/brand
brand package
Brand primitives — color definitions, gradient tokens, motion language. Source data; not imported at runtime by apps.
- Stability
- Stable
- Scope
- Global
- Boundary
- packages/design/brand
brandpackages/design/brand
Design systembrand-primary
brand-accent
brand-gradient
radius-sm
radius-md
radius-lg
Tokens shipped
139
Components
64
Coverage
92%
Sync status
OK
packages/design/branddesign supply chain
Usagebrand.ts
typescriptbrand.ts
1import { brand, brandMotion } from "@nebutra/brand";
2
3export const palette = brand.colors.scale("primary"); // 12 oklch steps
4export const accent = brand.colors.solid("accent");
5
6const heroAnimation = brandMotion.emerge; // brand motion language