Skip to main content
VelinStyle v1.3.0
⌂ Home
  1. Docs
  2. Themes & Tokens
  3. Design tokens

Design tokens pipeline 1.2.2 stable

Validate JSON token files and build CSS custom properties — including fonts and motion blocks. Token defaults are AAA-oriented (not app certification). Deutsch: Design-Tokens-Leitfaden

Maturity: Tokens CLI and CSS custom properties are stable in 1.2.0. Plan / review / agent meta remain beta / foundation. Studio and the complete Utility Engine stay planned.

When to use

When not

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.