Design Tokens

Type: object

AttributeTypeDescription
colorsColor Design Tokens-
spacingSpacing Design Tokens-
text_stylesText Style Design Tokens-

Example

{
  "colors": {
    "yellow": {
      "value": "rgb(255, 255, 0)",
      "metadata": {
        "source": {
          "styleguide": {
            "id": "5db981be9df2b3e1bfa19ef2",
            "name": "Discovery 1",
            "platform": "web"
          }
        },
        "resource": {
          "id": "605df86a46d1fe50fceb9b49",
          "type": "Color"
        }
      }
    },
    "light-yellow": {
      "value": "rgb(255, 255, 224)",
      "metadata": {
        "source": {
          "project": {
            "id": "5db81e73e1e36ee19f138c1a",
            "name": "HAL 9000",
            "platform": "web",
            "linked_styleguide": {
              "id": "5db981be9df2b3e1bfa19ef2"
            }
          }
        },
        "resource": {
          "id": "5dbad85a76ea51c1f35b6f69",
          "type": "Color"
        }
      }
    }
  },
  "spacing": {
    "xs-spacing": {
      "value": 16,
      "metadata": {
        "source": {
          "project": {
            "id": "5db81e73e1e36ee19f138c1a",
            "name": "HAL 9000",
            "platform": "web",
            "linked_styleguide": {
              "id": "5db981be9df2b3e1bfa19ef2"
            }
          }
        },
        "resource": {
          "id": "605df8fb1e558896ebd801c1",
          "type": "SpacingToken"
        },
        "spacing_section": {
          "id": "5db81e6e6a4462065f04d932"
        }
      }
    }
  },
  "text_styles": {
    "header-h1": {
      "value": {
        "line_height": 36,
        "alignment": "left",
        "font": {
          "family": "HelveticaNeue",
          "size": 36,
          "weight": 900,
          "stretch": 1
        },
        "color": "rgb(204, 204, 0)"
      },
      "metadata": {
        "source": {
          "styleguide": {
            "id": "5db981be9df2b3e1bfa19ef2",
            "name": "Discovery 1",
            "platform": "web"
          }
        },
        "resource": {
          "id": "5dbad85a76ea51c1f35b6f69",
          "type": "TextStyle"
        }
      }
    },
    "header-h2": {
      "value": {
        "line_height": 24,
        "alignment": "left",
        "font": {
          "family": "HelveticaNeue",
          "size": 24,
          "weight": 700,
          "stretch": 1
        },
        "color": "{$colors.light-yellow.value}"
      },
      "metadata": {
        "source": {
          "project": {
            "id": "5db81e73e1e36ee19f138c1a",
            "name": "HAL 9000",
            "platform": "web",
            "linked_styleguide": {
              "id": "5db981be9df2b3e1bfa19ef2"
            }
          }
        },
        "resource": {
          "id": "5dbad85a76ea51c1f35b6f69",
          "type": "TextStyle"
        }
      }
    }
  }
}
{
  "colors": {
    "yellow": {
      "value": "rgb(255, 255, 0)",
      "metadata": {
        "source": {
          "styleguide": {
            "id": "5db981be9df2b3e1bfa19ef2",
            "name": "Discovery 1",
            "platform": "web"
          }
        },
        "resource": {
          "id": "605df86a46d1fe50fceb9b49",
          "type": "Color"
        }
      }
    },
    "light-yellow": {
      "value": "rgb(255, 255, 224)",
      "metadata": {
        "source": {
          "styleguide": {
            "id": "5db81e73e1e36ee19f138c1a",
            "name": "HAL 9000",
            "platform": "web",
            "parent": {
              "id": "5db981be9df2b3e1bfa19ef2"
            }
          }
        },
        "resource": {
          "id": "5dbad85a76ea51c1f35b6f69",
          "type": "Color"
        }
      }
    }
  },
  "spacing": {
    "xs-spacing": {
      "value": 16,
      "metadata": {
        "source": {
          "styleguide": {
            "id": "5db81e73e1e36ee19f138c1a",
            "name": "HAL 9000",
            "platform": "web",
            "parent": {
              "id": "5db981be9df2b3e1bfa19ef2"
            }
          }
        },
        "resource": {
          "id": "605df8fb1e558896ebd801c1",
          "type": "SpacingToken"
        },
        "spacing_section": {
          "id": "5db81e6e6a4462065f04d932"
        }
      }
    }
  },
  "text_styles": {
    "header-h1": {
      "value": {
        "line_height": 36,
        "alignment": "left",
        "font": {
          "family": "HelveticaNeue",
          "size": 36,
          "weight": 900,
          "stretch": 1
        },
        "color": "rgb(204, 204, 0)"
      },
      "metadata": {
        "source": {
          "styleguide": {
            "id": "5db981be9df2b3e1bfa19ef2",
            "name": "Discovery 1",
            "platform": "web"
          }
        },
        "resource": {
          "id": "5dbad85a76ea51c1f35b6f69",
          "type": "TextStyle"
        }
      }
    },
    "header-h2": {
      "value": {
        "line_height": 24,
        "alignment": "left",
        "font": {
          "family": "HelveticaNeue",
          "size": 24,
          "weight": 700,
          "stretch": 1
        },
        "color": "{$colors.light-yellow.value}"
      },
      "metadata": {
        "source": {
          "styleguide": {
            "id": "5db81e73e1e36ee19f138c1a",
            "name": "HAL 9000",
            "platform": "web",
            "parent": {
              "id": "5db981be9df2b3e1bfa19ef2"
            }
          }
        },
        "resource": {
          "id": "5dbad85a76ea51c1f35b6f69",
          "type": "TextStyle"
        }
      }
    }
  }
}