Minimal Design System Setup

Copy-ready base scheme, size aliases, type variables, and text styles — run in the order shown to avoid broken references.

JSON Scheme: Minimal Design System Setup

Run these four blocks in order, top to bottom. Each one references the block before it — running them out of order will break.

1) Base scheme values

The raw numeric scale. Nothing here references anything else — this is the root.

{
  "variables": {
    "Schema/1": { "type": "number", "value": 3, "description": "Numeric variable for Schema/1" },
    "Schema/2": { "type": "number", "value": 6, "description": "Numeric variable for Schema/2" },
    "Schema/3": { "type": "number", "value": 9, "description": "Numeric variable for Schema/3" },
    "Schema/4": { "type": "number", "value": 15, "description": "Numeric variable for Schema/4" },
    "Schema/Spaces/Tesla/2x/2": { "type": "number", "value": 12, "description": "Numeric variable for Schema/Spaces/Tesla/2x/2" },
    "Schema/Spaces/Tesla/3x/2": { "type": "number", "value": 18, "description": "Numeric variable for Schema/Spaces/Tesla/3x/2" },
    "Schema/5": { "type": "number", "value": 18, "description": "Numeric variable for Schema/5" },
    "Schema/Spaces/Tesla/3x/3": { "type": "number", "value": 27, "description": "Numeric variable for Schema/Spaces/Tesla/3x/3" },
    "Schema/6": { "type": "number", "value": 27, "description": "Numeric variable for Schema/6" },
    "Schema/Spaces/Tesla/2x/4": { "type": "number", "value": 30, "description": "Numeric variable for Schema/Spaces/Tesla/2x/4" },
    "Schema/Spaces/Tesla/3x/4": { "type": "number", "value": 45, "description": "Numeric variable for Schema/Spaces/Tesla/3x/4" },
    "Schema/7": { "type": "number", "value": 36, "description": "Numeric variable for Schema/7" },
    "Schema/Spaces/Tesla/3x/5": { "type": "number", "value": 54, "description": "Numeric variable for Schema/Spaces/Tesla/3x/5" },
    "Schema/8": { "type": "number", "value": 54, "description": "Numeric variable for Schema/8" },
    "Schema/Spaces/Tesla/3x/6": { "type": "number", "value": 81, "description": "Numeric variable for Schema/Spaces/Tesla/3x/6" },
    "Schema/9": { "type": "number", "value": 72, "description": "Numeric variable for Schema/9" },
    "Schema/Spaces/Tesla/2x/7": { "type": "number", "value": 72, "description": "Numeric variable for Schema/Spaces/Tesla/2x/7" },
    "Schema/Spaces/Tesla/3x/7": { "type": "number", "value": 108, "description": "Numeric variable for Schema/Spaces/Tesla/3x/7" },
    "Schema/10": { "type": "number", "value": 81, "description": "Numeric variable for Schema/10" },
    "Schema/Spaces/Tesla/2x/8": { "type": "number", "value": 108, "description": "Numeric variable for Schema/Spaces/Tesla/2x/8" },
    "Schema/Spaces/Tesla/3x/8": { "type": "number", "value": 162, "description": "Numeric variable for Schema/Spaces/Tesla/3x/8" },
    "Schema/11": { "type": "number", "value": 108, "description": "Numeric variable for Schema/11" },
    "Schema/Spaces/Tesla/2x/9": { "type": "number", "value": 144, "description": "Numeric variable for Schema/Spaces/Tesla/2x/9" },
    "Schema/Spaces/Tesla/3x/9": { "type": "number", "value": 216, "description": "Numeric variable for Schema/Spaces/Tesla/3x/9" },
    "Schema/12": { "type": "number", "value": 216, "description": "Numeric variable for Schema/12" },
    "Schema/Spaces/Tesla/2x/10": { "type": "number", "value": 162, "description": "Numeric variable for Schema/Spaces/Tesla/2x/10" },
    "Schema/Spaces/Tesla/3x/10": { "type": "number", "value": 243, "description": "Numeric variable for Schema/Spaces/Tesla/3x/10" },
    "Schema/13": { "type": "number", "value": 324, "description": "Numeric variable for Schema/13" },
    "Schema/Spaces/Tesla/2x/12": { "type": "number", "value": 432, "description": "Numeric variable for Schema/Spaces/Tesla/2x/12" },
    "Schema/Spaces/Tesla/3x/12": { "type": "number", "value": 648, "description": "Numeric variable for Schema/Spaces/Tesla/3x/12" },
    "Schema/Spaces/Tesla/2x/13": { "type": "number", "value": 648, "description": "Numeric variable for Schema/Spaces/Tesla/2x/13" },
    "Schema/Spaces/Tesla/3x/13": { "type": "number", "value": 972, "description": "Numeric variable for Schema/Spaces/Tesla/3x/13" }
  }
}

2) Size aliases

Human-readable names for the scale above. Every value here points back to a Schema/... path from step 1.

{
  "variables": {
    "Sizes/1": { "type": "number", "value": "Schema/1", "description": "Variable reference for Sizes/1" },
    "Sizes/2": { "type": "number", "value": "Schema/2", "description": "Variable reference for Sizes/2" },
    "Sizes/3": { "type": "number", "value": "Schema/3", "description": "Variable reference for Sizes/3" },
    "Sizes/4": { "type": "number", "value": "Schema/4", "description": "Variable reference for Sizes/4" },
    "Sizes/5": { "type": "number", "value": "Schema/5", "description": "Variable reference for Sizes/5" },
    "Sizes/6": { "type": "number", "value": "Schema/6", "description": "Variable reference for Sizes/6" },
    "Sizes/7": { "type": "number", "value": "Schema/7", "description": "Variable reference for Sizes/7" },
    "Sizes/8": { "type": "number", "value": "Schema/8", "description": "Variable reference for Sizes/8" },
    "Sizes/9": { "type": "number", "value": "Schema/9", "description": "Variable reference for Sizes/9" },
    "Sizes/10": { "type": "number", "value": "Schema/10", "description": "Variable reference for Sizes/10" },
    "Sizes/11": { "type": "number", "value": "Schema/11", "description": "Variable reference for Sizes/11" },
    "Sizes/12": { "type": "number", "value": "Schema/12", "description": "Variable reference for Sizes/12" },
    "Sizes/13": { "type": "number", "value": "Schema/13", "description": "Variable reference for Sizes/13" },
    "Sizes/2x/2": { "type": "number", "value": "Schema/Spaces/Tesla/2x/2", "description": "Variable reference for Sizes/2x/2" },
    "Sizes/3x/2": { "type": "number", "value": "Schema/Spaces/Tesla/3x/2", "description": "Variable reference for Sizes/3x/2" },
    "Sizes/3x/3": { "type": "number", "value": "Schema/Spaces/Tesla/3x/3", "description": "Variable reference for Sizes/3x/3" },
    "Sizes/2x/4": { "type": "number", "value": "Schema/Spaces/Tesla/2x/4", "description": "Variable reference for Sizes/2x/4" },
    "Sizes/3x/4": { "type": "number", "value": "Schema/Spaces/Tesla/3x/4", "description": "Variable reference for Sizes/3x/4" },
    "Sizes/3x/5": { "type": "number", "value": "Schema/Spaces/Tesla/3x/5", "description": "Variable reference for Sizes/3x/5" },
    "Sizes/3x/6": { "type": "number", "value": "Schema/Spaces/Tesla/3x/6", "description": "Variable reference for Sizes/3x/6" },
    "Sizes/2x/7": { "type": "number", "value": "Schema/Spaces/Tesla/2x/7", "description": "Variable reference for Sizes/2x/7" },
    "Sizes/3x/7": { "type": "number", "value": "Schema/Spaces/Tesla/3x/7", "description": "Variable reference for Sizes/3x/7" },
    "Sizes/2x/8": { "type": "number", "value": "Schema/Spaces/Tesla/2x/8", "description": "Variable reference for Sizes/2x/8" },
    "Sizes/3x/8": { "type": "number", "value": "Schema/Spaces/Tesla/3x/8", "description": "Variable reference for Sizes/3x/8" },
    "Sizes/2x/9": { "type": "number", "value": "Schema/Spaces/Tesla/2x/9", "description": "Variable reference for Sizes/2x/9" },
    "Sizes/3x/9": { "type": "number", "value": "Schema/Spaces/Tesla/3x/9", "description": "Variable reference for Sizes/3x/9" },
    "Sizes/2x/10": { "type": "number", "value": "Schema/Spaces/Tesla/2x/10", "description": "Variable reference for Sizes/2x/10" },
    "Sizes/3x/10": { "type": "number", "value": "Schema/Spaces/Tesla/3x/10", "description": "Variable reference for Sizes/3x/10" },
    "Sizes/2x/12": { "type": "number", "value": "Schema/Spaces/Tesla/2x/12", "description": "Variable reference for Sizes/2x/12" },
    "Sizes/3x/12": { "type": "number", "value": "Schema/Spaces/Tesla/3x/12", "description": "Variable reference for Sizes/3x/12" },
    "Sizes/2x/13": { "type": "number", "value": "Schema/Spaces/Tesla/2x/13", "description": "Variable reference for Sizes/2x/13" },
    "Sizes/3x/13": { "type": "number", "value": "Schema/Spaces/Tesla/3x/13", "description": "Variable reference for Sizes/3x/13" }
  }
}

3) Type variables

Font family, weight, size, and line-height. Font size and line-height values here point back to the Sizes/... aliases from step 2.

{
  "variables": {
    "Type/Font Family/Primary": { "type": "string", "value": "Arial", "description": "String variable for Type/Font Family/Primary" },
    "Type/Font Family/Secondary": { "type": "string", "value": "Georgia", "description": "String variable for Type/Font Family/Secondary" },
    "Type/Font Weight/Regular": { "type": "number", "value": 400, "description": "Numeric variable for Type/Font Weight/Regular" },
    "Type/Font Weight/Bold": { "type": "number", "value": 700, "description": "Numeric variable for Type/Font Weight/Bold" },
    "Type/Font Weight/Black": { "type": "number", "value": 900, "description": "Numeric variable for Type/Font Weight/Black" },
    "Type/Font Size/Caption": { "type": "number", "value": "Sizes/2x/2", "description": "Variable reference for Type/Font Size/Caption" },
    "Type/Font Size/Body": { "type": "number", "value": "Sizes/5", "description": "Variable reference for Type/Font Size/Body" },
    "Type/Font Size/Subtitle": { "type": "number", "value": "Sizes/6", "description": "Variable reference for Type/Font Size/Subtitle" },
    "Type/Font Size/Title": { "type": "number", "value": "Sizes/7", "description": "Variable reference for Type/Font Size/Title" },
    "Type/Font Size/Medium Title": { "type": "number", "value": "Sizes/8", "description": "Variable reference for Type/Font Size/Medium Title" },
    "Type/Font Size/Big Title": { "type": "number", "value": "Sizes/9", "description": "Variable reference for Type/Font Size/Big Title" },
    "Type/Font Size/Huge Title": { "type": "number", "value": "Sizes/11", "description": "Variable reference for Type/Font Size/Huge Title" },
    "Type/Line Height/Caption": { "type": "number", "value": "Sizes/4", "description": "Variable reference for Type/Line Height/Caption" },
    "Type/Line Height/Body": { "type": "number", "value": 27, "description": "Numeric variable for Type/Line Height/Body" },
    "Type/Line Height/Subtitle": { "type": "number", "value": 36, "description": "Numeric variable for Type/Line Height/Subtitle" },
    "Type/Line Height/Title": { "type": "number", "value": 50, "description": "Numeric variable for Type/Line Height/Title" },
    "Type/Line Height/Medium Title": { "type": "number", "value": 67, "description": "Numeric variable for Type/Line Height/Medium Title" },
    "Type/Line Height/Big Title": { "type": "number", "value": 81, "description": "Numeric variable for Type/Line Height/Big Title" },
    "Type/Line Height/Huge Title": { "type": "number", "value": 120, "description": "Numeric variable for Type/Line Height/Huge Title" },
    "Type/Letter Spacing/Tight": { "type": "number", "value": -0.5, "description": "Numeric variable for Type/Letter Spacing/Tight" },
    "Type/Letter Spacing/Wide": { "type": "number", "value": 0.5, "description": "Numeric variable for Type/Letter Spacing/Wide" },
    "Type/Letter Spacing/Default": { "type": "number", "value": 0.29, "description": "Numeric variable for Type/Letter Spacing/Default" }
  }
}

4) Text styles

The actual named styles. Every field here points back to a Type/... variable from step 3 — run this last.

{
  "textStyles": {
    "Primary/Regular/Caption": { "fontFamily": "Type/Font Family/Primary", "fontWeight": "Type/Font Weight/Regular", "fontSize": "Type/Font Size/Caption", "letterSpacing": "Type/Letter Spacing/Default", "lineHeight": "Type/Line Height/Caption" },
    "Primary/Regular/Body": { "fontFamily": "Type/Font Family/Primary", "fontWeight": "Type/Font Weight/Regular", "fontSize": "Type/Font Size/Body", "letterSpacing": "Type/Letter Spacing/Wide", "lineHeight": "Type/Line Height/Body" },
    "Primary/Regular/Subtitle": { "fontFamily": "Type/Font Family/Primary", "fontWeight": "Type/Font Weight/Regular", "fontSize": "Type/Font Size/Subtitle", "letterSpacing": "Type/Letter Spacing/Default", "lineHeight": "Type/Line Height/Subtitle" },
    "Primary/Regular/Title": { "fontFamily": "Type/Font Family/Primary", "fontWeight": "Type/Font Weight/Regular", "fontSize": "Type/Font Size/Title", "letterSpacing": "Type/Letter Spacing/Default", "lineHeight": "Type/Line Height/Title" },
    "Primary/Regular/Medium Title": { "fontFamily": "Type/Font Family/Primary", "fontWeight": "Type/Font Weight/Regular", "fontSize": "Type/Font Size/Medium Title", "letterSpacing": "Type/Letter Spacing/Default", "lineHeight": "Type/Line Height/Medium Title" },
    "Primary/Regular/Big Title": { "fontFamily": "Type/Font Family/Primary", "fontWeight": "Type/Font Weight/Regular", "fontSize": "Type/Font Size/Big Title", "letterSpacing": "Type/Letter Spacing/Default", "lineHeight": "Type/Line Height/Big Title" },
    "Primary/Regular/Huge Title": { "fontFamily": "Type/Font Family/Primary", "fontWeight": "Type/Font Weight/Regular", "fontSize": "Type/Font Size/Huge Title", "letterSpacing": "Type/Letter Spacing/Default", "lineHeight": "Type/Line Height/Huge Title" },
    "Primary/Bold/Caption": { "fontFamily": "Type/Font Family/Primary", "fontWeight": "Type/Font Weight/Bold", "fontSize": "Type/Font Size/Caption", "letterSpacing": "Type/Letter Spacing/Default", "lineHeight": "Type/Line Height/Caption" },
    "Primary/Bold/Body": { "fontFamily": "Type/Font Family/Primary", "fontWeight": "Type/Font Weight/Bold", "fontSize": "Type/Font Size/Body", "letterSpacing": "Type/Letter Spacing/Default", "lineHeight": "Type/Line Height/Body" },
    "Primary/Bold/Subtitle": { "fontFamily": "Type/Font Family/Primary", "fontWeight": "Type/Font Weight/Bold", "fontSize": "Type/Font Size/Subtitle", "letterSpacing": "Type/Letter Spacing/Default", "lineHeight": "Type/Line Height/Subtitle" },
    "Primary/Bold/Title": { "fontFamily": "Type/Font Family/Primary", "fontWeight": "Type/Font Weight/Bold", "fontSize": "Type/Font Size/Title", "letterSpacing": "Type/Letter Spacing/Default", "lineHeight": "Type/Line Height/Title" },
    "Primary/Bold/Medium Title": { "fontFamily": "Type/Font Family/Primary", "fontWeight": "Type/Font Weight/Bold", "fontSize": "Type/Font Size/Medium Title", "letterSpacing": "Type/Letter Spacing/Default", "lineHeight": "Type/Line Height/Medium Title" },
    "Primary/Bold/Big Title": { "fontFamily": "Type/Font Family/Primary", "fontWeight": "Type/Font Weight/Bold", "fontSize": "Type/Font Size/Big Title", "letterSpacing": "Type/Letter Spacing/Default", "lineHeight": "Type/Line Height/Big Title" },
    "Primary/Bold/Huge Title": { "fontFamily": "Type/Font Family/Primary", "fontWeight": "Type/Font Weight/Bold", "fontSize": "Type/Font Size/Huge Title", "letterSpacing": "Type/Letter Spacing/Default", "lineHeight": "Type/Line Height/Huge Title" },
    "Primary/Black/Caption": { "fontFamily": "Type/Font Family/Primary", "fontWeight": "Type/Font Weight/Black", "fontSize": "Type/Font Size/Caption", "letterSpacing": "Type/Letter Spacing/Default", "lineHeight": "Type/Line Height/Caption" },
    "Primary/Black/Body": { "fontFamily": "Type/Font Family/Primary", "fontWeight": "Type/Font Weight/Black", "fontSize": "Type/Font Size/Body", "letterSpacing": "Type/Letter Spacing/Default", "lineHeight": "Type/Line Height/Body" },
    "Secondary/Regular/Body": { "fontFamily": "Type/Font Family/Secondary", "fontWeight": "Type/Font Weight/Regular", "fontSize": "Type/Font Size/Body", "letterSpacing": "Type/Letter Spacing/Wide", "lineHeight": "Type/Line Height/Body" }
  }
}

How to run it

  1. Paste block 1 into Token Commander as Variables → execute.
  2. Paste block 2 as Variables → execute.
  3. Paste block 3 as Variables → execute.
  4. Paste block 4 as Styles → execute.

Once all four are in, Sizes/... and Type/... are available anywhere in the file, and the text styles are ready to apply directly.

FAQ

No — text styles reference the type variables, which reference the size aliases, which reference the base scheme. Skipping a step breaks the chain.

Written by Narek Ch