@@ -123,7 +123,7 @@ See [Implementation Checklist](docs/adoption/implementation-checklist) for compl
123123
1241241 . Read [ CSS Consumption] ( docs/consumption/css ) or [ TypeScript Consumption] ( docs/consumption/typescript )
1251252 . Use generated CSS variables or TypeScript types
126- 3 . Follow [ Framework Integration] ( docs/consumption/frameworks ) for React/Vue
126+ 3 . Follow [ UI Library Integration] ( docs/consumption/frameworks ) for React/Vue
1271274 . Test variable consumption
128128
129129### For Design Engineers
@@ -138,79 +138,81 @@ See [Implementation Checklist](docs/adoption/implementation-checklist) for compl
138138
139139### Introduction
140140
141- - [ Why Variables] ( docs/introduction/why-variables ) - Why "variables" not "design tokens"
142- - [ Comparison] ( docs/introduction/comparison ) - Variable Design Standard vs DTCG, Style Dictionary, Material, Adobe
143- - [ Positioning] ( docs/introduction/positioning ) - What Variable Design Standard is and is not
141+ - [ Why Variables] ( docs/introduction/why-variables ) : Why "variables" not "design tokens"
142+ - [ Comparison] ( docs/introduction/comparison ) : Variable Design Standard vs DTCG, Style Dictionary, Material, Adobe
143+ - [ Positioning] ( docs/introduction/positioning ) : What Variable Design Standard is and is not
144144
145145### Contract reference
146146
147- - [ Variable Design Standard] ( docs/contract/variable-contract ) - JSON shape and structure
148- - [ Groups] ( docs/contract/groups ) - Group structure and extension
149- - [ References] ( docs/contract/references ) - Reference syntax and resolution
150- - [ Modes] ( docs/contract/modes ) - Mode structure and resolution
151- - [ Types] ( docs/contract/types ) - Type system reference
152- - [ Composite Types] ( docs/contract/composite-types ) - Border, Transition, Shadow, Gradient, Typography
153- - [ Naming] ( docs/contract/naming ) - Naming convention
154- - [ Anatomy] ( docs/contract/anatomy ) - Base, alias, and component tokens
147+ - [ Variable Design Standard] ( docs/contract/variable-contract ) : JSON shape and structure
148+ - [ Groups] ( docs/contract/groups ) : Group structure and extension
149+ - [ References] ( docs/contract/references ) : Reference syntax and resolution
150+ - [ Modes] ( docs/contract/modes ) : Mode structure and resolution
151+ - [ Types] ( docs/contract/types ) : Type system reference
152+ - [ Composite Types] ( docs/contract/composite-types ) : Border, Transition, Shadow, Gradient, Typography
153+ - [ Naming] ( docs/contract/naming ) : Naming convention
154+ - [ Anatomy] ( docs/contract/anatomy ) : Base, alias, and component tokens
155155
156156### Adoption
157157
158- - [ Getting Started] ( docs/adoption/getting-started ) - Team adoption guide
159- - [ Implementation Checklist] ( docs/adoption/implementation-checklist ) - Pre/post implementation checklists
160- - [ Migration Strategy] ( docs/adoption/migration-strategy ) - Phased migration approaches
158+ - [ Getting Started] ( docs/adoption/getting-started ) : Team adoption guide
159+ - [ Implementation Checklist] ( docs/adoption/implementation-checklist ) : Pre/post implementation checklists
160+ - [ Migration Strategy] ( docs/adoption/migration-strategy ) : Phased migration approaches
161161
162162### Governance
163163
164- - [ Governance Overview] ( docs/governance/overview ) - Governance principles and workflow
165- - [ Change Control] ( docs/governance/change-control ) - Review and release process
166- - [ Validation] ( docs/governance/validation ) - Validation tools and CI setup
167- - [ Versioning] ( docs/governance/versioning ) - Semantic versioning and breaking changes
168- - [ Migration] ( docs/governance/migration ) - Migrating from other formats
169- - [ Troubleshooting] ( docs/governance/troubleshooting ) - Common issues and solutions
170- - [ Accessibility] ( docs/governance/accessibility ) - Accessibility constraints
164+ - [ Governance Overview] ( docs/governance/overview ) : Governance principles and workflow
165+ - [ Change Control] ( docs/governance/change-control ) : Review and release process
166+ - [ Validation] ( docs/governance/validation ) : Validation tools and CI setup
167+ - [ Versioning] ( docs/governance/versioning ) : Semantic versioning and breaking changes
168+ - [ Migration] ( docs/governance/migration ) : Migrating from other formats
169+ - [ Troubleshooting] ( docs/governance/troubleshooting ) : Common issues and solutions
170+ - [ Accessibility] ( docs/governance/accessibility ) : Accessibility constraints
171171
172172### Scenarios
173173
174- - [ Multi-Brand] ( docs/scenarios/multi-brand ) - Multi-brand architecture patterns
175- - [ Multi-Theme] ( docs/scenarios/multi-theme ) - Theme composition and mode inheritance
176- - [ Large Sets] ( docs/scenarios/large-sets ) - Performance considerations
177- - [ Component Integration] ( docs/scenarios/component-integration ) - Component library integration
174+ - [ Multi-Brand] ( docs/scenarios/multi-brand ) : Multi-brand architecture patterns
175+ - [ Multi-Theme] ( docs/scenarios/multi-theme ) : Theme composition and mode inheritance
176+ - [ Large Sets] ( docs/scenarios/large-sets ) : Performance considerations
177+ - [ Component Integration] ( docs/scenarios/component-integration ) : Component library integration
178178
179179### Tooling
180180
181- - [ Ecosystem] ( docs/tooling/ecosystem ) - Tools that support Variable Design Standard
182- - [ CI/CD] ( docs/tooling/ci-cd ) - CI/CD integration patterns
183- - [ Build Pipelines] ( docs/tooling/build-pipelines ) - Complete build pipeline examples
184- - [ Figma Adapter] ( docs/adapters/figma ) - Figma export normalization
185- - [ Tokens Studio Adapter] ( docs/adapters/tokens-studio ) - Tokens Studio export normalization
186- - [ Style Dictionary Adapter] ( docs/adapters/style-dictionary ) - CSS/TypeScript output generation
181+ - [ Ecosystem] ( docs/tooling/ecosystem ) : Tools that support Variable Design Standard
182+ - [ CI/CD] ( docs/tooling/ci-cd ) : CI/CD integration patterns
183+ - [ Build Pipelines] ( docs/tooling/build-pipelines ) : Complete build pipeline examples
184+ - [ Figma Adapter] ( docs/adapters/figma ) : Figma export normalization
185+ - [ Tokens Studio Adapter] ( docs/adapters/tokens-studio ) : Tokens Studio export normalization
186+ - [ Style Dictionary Adapter] ( docs/adapters/style-dictionary ) : CSS/TypeScript output generation
187187
188188### Consumption
189189
190- - [ CSS] ( docs/consumption/css ) - CSS variable consumption patterns
191- - [ TypeScript] ( docs/consumption/typescript ) - TypeScript type generation
192- - [ Frameworks ] ( docs/consumption/frameworks ) - React/Vue integration
190+ - [ CSS] ( docs/consumption/css ) : CSS variable consumption patterns
191+ - [ TypeScript] ( docs/consumption/typescript ) : TypeScript type generation
192+ - [ UI Libraries ] ( docs/consumption/frameworks ) : React/Vue integration
193193
194194### Design
195195
196- - [ Figma Naming] ( docs/design/figma-naming ) - How to name variables in Figma
197- - [ Figma Workflow] ( docs/design/figma-workflow ) - Designer workflow
198- - [ Component Variables] ( docs/design/component-variables ) - Using variables in Figma components
196+ - [ Figma Naming] ( docs/design/figma-naming ) : How to name variables in Figma
197+ - [ Figma Workflow] ( docs/design/figma-workflow ) : Designer workflow
198+ - [ Component Variables] ( docs/design/component-variables ) : Using variables in Figma components
199199
200200### Testing
201201
202- - [ Validation] ( docs/testing/validation ) - Testing variable changes
203- - [ Visual Regression] ( docs/testing/visual-regression ) - Visual regression testing
204- - [ Consumption Tests] ( docs/testing/consumption-tests ) - Testing generated outputs
202+ - [ Validation] ( docs/testing/validation ) : Testing variable changes
203+ - [ Visual Regression] ( docs/testing/visual-regression ) : Visual regression testing
204+ - [ Consumption Tests] ( docs/testing/consumption-tests ) : Testing generated outputs
205205
206206### Patterns
207207
208- - [ Multi-Brand Architecture] ( docs/patterns/multi-brand-architecture ) - Complete multi-brand example
209- - [ Theme Composition] ( docs/patterns/theme-composition ) - Theme composition patterns
210- - [ Performance] ( docs/patterns/performance ) - Performance optimization
208+ - [ Multi-Brand Architecture] ( docs/patterns/multi-brand-architecture ) : Complete multi-brand example
209+ - [ Theme Composition] ( docs/patterns/theme-composition ) : Theme composition patterns
210+ - [ Performance] ( docs/patterns/performance ) : Performance constraints
211211
212212## Requirements
213213
214+ JSON-as-API means file paths and names are the interface. Treat renames as breaking changes.
215+
214216Variable Design Standard JSON files MUST:
215217
216218- Use DTCG 2025.10 format
@@ -219,7 +221,7 @@ Variable Design Standard JSON files MUST:
219221- Include ` $type ` and ` $value ` on all variables
220222- Resolve all references (no broken references)
221223- Avoid circular references
222- - Use consistent mode keys within collections
224+ - Use the same mode key set within each collection
223225
224226Variable Design Standard JSON files SHOULD:
225227
@@ -247,7 +249,7 @@ Validation checks:
247249- Reference resolution (all references resolve)
248250- Circular reference detection (no reference cycles)
249251- Type correctness (` $value ` matches ` $type ` )
250- - Mode consistency (mode keys shared within collections )
252+ - Mode key set checks ( keys match within each collection )
251253
252254See [ Validation] ( docs/governance/validation ) for validation tools and CI setup.
253255
@@ -270,7 +272,7 @@ Non-breaking changes:
270272
271273- New variables
272274- New modes
273- - Value changes (if documented and intentional )
275+ - Value changes (if approved in review and documented )
274276
275277See [ Versioning] ( docs/governance/versioning ) for complete versioning strategy.
276278
@@ -315,21 +317,21 @@ See [Style Dictionary Adapter](docs/adapters/style-dictionary) for details.
315317
316318## Examples
317319
318- - [ Figma Export JSON] ( docs/examples/figma-export ) - Example Figma export
319- - [ DTCG Compliant Example] ( docs/examples/dtcg-compliant ) - Complete DTCG 2025.10 example
320- - [ Adapter Pipeline] ( docs/examples/adapter-pipeline ) - End- to-end transformation example
320+ - [ Figma Export JSON] ( docs/examples/figma-export ) : Example Figma export
321+ - [ DTCG Compliant Example] ( docs/examples/dtcg-compliant ) : Complete DTCG 2025.10 example
322+ - [ Adapter Pipeline] ( docs/examples/adapter-pipeline ) : Export- to-contract conversion example
321323
322- ## UDS Framework
324+ ## UDS System
323325
324- Variable Design Standard is part of UDS (UI Design Standard), a comprehensive framework for design-to-code governance.
326+ Variable Design Standard is part of UDS (UI Design Standard), a comprehensive standard set for design-to-code governance.
325327
326328UDS components:
327329
328- - Variable Design Standard (VDS) - this spec
329- - Integrity Design Standard (IDS) - tooling layer (future)
330- - Component Design Standard (future) - component mapping
331- - Pattern Design Standard (future) - pattern mapping
332- - Design-Dev Mapping (future) - artifact relationships
330+ - Variable Design Standard (VDS): this spec
331+ - Integrity Design Standard (IDS): tooling layer (future)
332+ - Component Design Standard (future): component mapping
333+ - Pattern Design Standard (future): pattern mapping
334+ - Design-Dev Mapping (future): artifact relationships
333335
334336Variable Design Standard is the first standard in UDS, focusing on variables.
335337
@@ -419,10 +421,10 @@ Variable Design Standard is maintained by the editor. Contributions welcome.
419421
420422Variable Design Standard builds on:
421423
422- - [ DTCG 2025.10 Format] ( https://www.designtokens.org/tr/2025.10/format/ ) - Base format specification
423- - [ Style Dictionary] ( https://styledictionary.com/ ) - Output generation tool
424- - Figma Variables - Design tool integration
425- - Tokens Studio - Design tool integration
424+ - [ DTCG 2025.10 Format] ( https://www.designtokens.org/tr/2025.10/format/ ) : Base format specification
425+ - [ Style Dictionary] ( https://styledictionary.com/ ) : Output generation tool
426+ - Figma Variables: Design tool integration
427+ - Tokens Studio: Design tool integration
426428
427429## JSON Schema
428430
@@ -444,10 +446,10 @@ See [Schema](docs/schema) for validation tools and IDE integration.
444446
445447## References
446448
447- - [ DTCG 2025.10 Specification] ( https://www.designtokens.org/tr/2025.10/format/ ) - Design Tokens Community Group format
448- - [ Variable Design Standard Documentation] ( docs/index.md ) - Complete specification and governance
449- - [ DTCG Alignment] ( docs/contract/dtcg-alignment.md ) - Compliance details
450- - [ JSON Schema] ( docs/schema ) - Validation schema and tools
449+ - [ DTCG 2025.10 Specification] ( https://www.designtokens.org/tr/2025.10/format/ ) : Design Tokens Community Group format
450+ - [ Variable Design Standard Documentation] ( docs/index.md ) : Complete specification and governance
451+ - [ DTCG Alignment] ( docs/contract/dtcg-alignment.md ) : Compliance details
452+ - [ JSON Schema] ( docs/schema ) : Validation schema and tools
451453
452454## Conformance
453455
0 commit comments