design-tokens-raw-data.json

{
    "colors": [{
        "name": "Space Gray",
        "type": "color",
        "meta": {
            "description": "A metallic grayish tint that stands out but doesn't overpower your eye when looking at it",
            "category": "Monochrome",
            "created_at": "2021-11-03T14:10:49.593Z",
            "updated_at": "2021-12-03T14:10:49.593Z"
        },
        "color": {
            "r": 1,
            "g": 1,
            "b": 1,
            "a": 1
        }
    }],
    "text-styles": [{
        "name": "Hero Headline",
        "type": "text-style",
        "meta": {
            "description": "A big and loud text style, that is hard to miss. Use it carefully and only emphasize the main brand message.",
            "category": "Headline",
            "created_at": "2021-11-03T14:10:49.593Z",
            "updated_at": "2021-12-03T14:10:49.593Z"
        },
        "text-style": {
            "font-family": "Arial",
            "font-size": "32px",
            "font-weight": 500,
            "letter-spacing": "0.5px",
            "line-height": "40px",
            "style": "italic",
            "underline": true
        }
    }],
    "spacings": [{
        "name": "Space Vertical XL",
        "type": "spacing",
        "meta": {
            "description": "Lot's of white space to separate main sections",
            "category": "Vertical Space",
            "created_at": "2021-11-03T14:10:49.593Z",
            "updated_at": "2021-12-03T14:10:49.593Z"
        },
        "spacings": {
            "unit": "px",
            "value": 32
        }
    }]
}