design systempackages/design/design-tokens
design-tokens package
W3C DTCG $value/$type token files + Style Dictionary 4 pipeline. Output CSS variables, JS modules, Figma sync feeds.
- Stability
- Stable
- Scope
- Global
- Boundary
- packages/design/design-tokens
design-tokenspackages/design/design-tokens
Design systemneutral-2
neutral-7
neutral-12
blue-9
cyan-9
brand-gradient
Aa Heading
Body copy renders the rhythm.
Small body for secondary context.
Caption · the smallest step
Tokens shipped
195
Components
22
Coverage
94%
Sync status
OK
packages/design/design-tokensdesign supply chain
Usagedesign-tokens.ts
typescriptdesign-tokens.ts
1import { designTokens } from "@nebutra/design-tokens";
2
3// Part of the design supply chain — consumed by both apps and Storybook.
4export const surface = designTokens({
5 brand: "nebutra",
6 mode: "system",
7});