Zum Hauptinhalt springen
VelinStyle v1.2.0
⌂ Home
  1. Docs
  2. Guides
  3. Design-Tokens-Leitfaden

Design-Tokens-Pipeline 1.2.0 stable

JSON-Token-Dateien validieren und CSS Custom Properties erzeugen — inklusive Fonts- und Motion-Blöcken. Token-Defaults sind AAA-orientiert (keine App-Zertifizierung). English: Design tokens

Reifegrad

Tokens-CLI und CSS Custom Properties sind in 1.2.0 stable. Plan / Review / Agent-Meta bleiben beta / foundation. Studio und die komplette Utility Engine bleiben planned.

Wann nutzen

Wann nicht

Validieren

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

Prüft OKLCH-Syntax, Theme-Namen sowie fonts-, motion- und zIndex-Blöcke.

Build

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

Erzeugt @layer tokens mit :root, Theme-Overrides, optionalem displayP3 sowie fonts-, motion- und zIndex-Abschnitten (deterministische Schlüsselreihenfolge).

Schema

Siehe examples/tokens.schema.json und examples/tokens.full.json im Framework-Repository.