Skip to content
All features
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.

Open docs
Stability
Stable
Scope
Global
Boundary
packages/design/design-tokens
design-tokenspackages/design/design-tokens
Design system
neutral-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
typescript
design-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});