1. Docs
2. Guides
3. Design tokens

Design tokens pipeline 0.9.0

Validate JSON token files and build CSS custom properties — including fonts and motion blocks (0.9.0).

Validate

velinstyle tokens validate --input examples/tokens.sample.json
npm run tokens:validate

Checks OKLCH syntax, theme names, and fonts, motion, zIndex blocks.

Build

velinstyle tokens build --input examples/tokens.full.json -o src/tokens-generated.css

Emits @layer tokens with :root, per-theme overrides, optional displayP3, plus fonts, motion, and zIndex sections (deterministic key order).

Schema

See examples/tokens.schema.json and examples/tokens.full.json in the framework repository.