Tokens
Tokens are design decisions stored inside variables.
You can fetch the latest version of the tokens from here.
{
"asset": {
"font": {
"Avenir": {
"ultraLight": {
"fontWeight": 100,
"fontStyle": "normal",
"src": "Avenir/Avenir-UltraLight.ttf"
},
"ultraLightItalic": {
"fontWeight": 100,
"fontStyle": "italic",
"src": "Avenir/Avenir-UltraLightItalic.ttf"
},
"thin": {
"fontWeight": 200,
"fontStyle": "normal",
"src": "Avenir/Avenir-Thin.ttf"
},
"thinItalic": {
"fontWeight": 200,
"fontStyle": "italic",
"src": "Avenir/Avenir-ThinItalic.ttf"
},
"light": {
"fontWeight": 300,
"fontStyle": "normal",
"src": "Avenir/Avenir-Light.ttf"
},
"lightItalic": {
"fontWeight": 300,
"fontStyle": "italic",
"src": "Avenir/Avenir-LightItalic.ttf"
},
"regular": {
"fontWeight": 400,
"fontStyle": "normal",
"src": "Avenir/Avenir-Regular.ttf"
},
"regularItalic": {
"fontWeight": 400,
"fontStyle": "italic",
"src": "Avenir/Avenir-Italic.ttf"
},
"medium": {
"fontWeight": 500,
"fontStyle": "normal",
"src": "Avenir/Avenir-Medium.ttf"
},
"mediumItalic": {
"fontWeight": 500,
"fontStyle": "italic",
"src": "Avenir/Avenir-MediumItalic.ttf"
},
"demi": {
"fontWeight": 600,
"fontStyle": "normal",
"src": "Avenir/Avenir-Demi.ttf"
},
"demiItalic": {
"fontWeight": 600,
"fontStyle": "italic",
"src": "Avenir/Avenir-DemiItalic.ttf"
},
"bold": {
"fontWeight": 700,
"fontStyle": "normal",
"src": "Avenir/Avenir-Bold.ttf"
},
"boldItalic": {
"fontWeight": 700,
"fontStyle": "italic",
"src": "Avenir/Avenir-BoldItalic.ttf"
},
"heavy": {
"fontWeight": 800,
"fontStyle": "normal",
"src": "Avenir/Avenir-Heavy.ttf"
},
"heavyItalic": {
"fontWeight": 800,
"fontStyle": "italic",
"src": "Avenir/Avenir-HeavyItalic.ttf"
}
},
"NeueHaasGroteskDisplay": {
"ultraThin": {
"fontWeight": 100,
"fontStyle": "normal",
"src": "NeueHaasGrotesk/Display/NeueHaasGrotesk-Display-UltraThin.otf"
},
"thin": {
"fontWeight": 200,
"fontStyle": "normal",
"src": "NeueHaasGrotesk/Display/NeueHaasGrotesk-Display-Thin.otf"
},
"light": {
"fontWeight": 300,
"fontStyle": "normal",
"src": "NeueHaasGrotesk/Display/NeueHaasGrotesk-Display-Light.otf"
},
"regular": {
"fontWeight": 400,
"fontStyle": "normal",
"src": "NeueHaasGrotesk/Display/NeueHaasGrotesk-Display-Regular.otf"
},
"medium": {
"fontWeight": 500,
"fontStyle": "normal",
"src": "NeueHaasGrotesk/Display/NeueHaasGrotesk-Display-Medium.otf"
},
"bold": {
"fontWeight": 700,
"fontStyle": "normal",
"src": "NeueHaasGrotesk/Display/NeueHaasGrotesk-Display-Bold.otf"
},
"black": {
"fontWeight": 900,
"fontStyle": "normal",
"src": "NeueHaasGrotesk/Display/NeueHaasGrotesk-Display-Black.otf"
}
},
"NeueHaasGroteskText": {
"regular": {
"fontWeight": 400,
"fontStyle": "normal",
"src": "NeueHaasGrotesk/Text/NeueHaasGrotesk-Text-Regular.ttf"
},
"regularItalic": {
"fontWeight": 400,
"fontStyle": "italic",
"src": "NeueHaasGrotesk/Text/NeueHaasGrotesk-Text-Regular-Italic.ttf"
},
"medium": {
"fontWeight": 500,
"fontStyle": "normal",
"src": "NeueHaasGrotesk/Text/NeueHaasGrotesk-Text-Medium.ttf"
},
"mediumItalic": {
"fontWeight": 500,
"fontStyle": "italic",
"src": "NeueHaasGrotesk/Text/NeueHaasGrotesk-Text-Medium-Italic.ttf"
},
"bold": {
"fontWeight": 700,
"fontStyle": "normal",
"src": "NeueHaasGrotesk/Text/NeueHaasGrotesk-Text-Bold.ttf"
},
"boldItalic": {
"fontWeight": 700,
"fontStyle": "italic",
"src": "NeueHaasGrotesk/Text/NeueHaasGrotesk-Text-Bold-Italic.ttf"
}
},
"Inter": {
"variable": {
"fontWeight": "100 900",
"fontStyle": "normal",
"src": "Inter/Inter-Variable.ttf"
},
"variableItalic": {
"fontWeight": "100 900",
"fontStyle": "italic",
"src": "Inter/Inter-Italic-Variable.ttf"
}
}
}
},
"color": {
"common": {
"white": {
"$value": "#FFFFFF",
"original": {
"$value": "#FFFFFF"
},
"attributes": {
"category": "color",
"type": "common",
"item": "white"
}
},
"black": {
"$value": "#000000",
"original": {
"$value": "#000000"
},
"attributes": {
"category": "color",
"type": "common",
"item": "black"
}
}
},
"blue": {
"50": {
"$value": "#e5eeff",
"original": {
"$value": "#e5eeff"
},
"attributes": {
"category": "color",
"type": "blue",
"item": "50"
}
},
"100": {
"$value": "#dae7ff",
"original": {
"$value": "#dae7ff"
},
"attributes": {
"category": "color",
"type": "blue",
"item": "100"
}
},
"200": {
"$value": "#bbd2ff",
"original": {
"$value": "#bbd2ff"
},
"attributes": {
"category": "color",
"type": "blue",
"item": "200"
}
},
"300": {
"$value": "#86b0ff",
"original": {
"$value": "#86b0ff"
},
"attributes": {
"category": "color",
"type": "blue",
"item": "300"
}
},
"400": {
"$value": "#3d7fff",
"original": {
"$value": "#3d7fff"
},
"attributes": {
"category": "color",
"type": "blue",
"item": "400"
}
},
"500": {
"$value": "#004ADD",
"original": {
"$value": "#004ADD"
},
"attributes": {
"category": "color",
"type": "blue",
"item": "500"
}
},
"600": {
"$value": "#0048d6",
"original": {
"$value": "#0048d6"
},
"attributes": {
"category": "color",
"type": "blue",
"item": "600"
}
},
"700": {
"$value": "#0040c1",
"original": {
"$value": "#0040c1"
},
"attributes": {
"category": "color",
"type": "blue",
"item": "700"
}
},
"800": {
"$value": "#00349d",
"original": {
"$value": "#00349d"
},
"attributes": {
"category": "color",
"type": "blue",
"item": "800"
}
},
"900": {
"$value": "#00236b",
"original": {
"$value": "#00236b"
},
"attributes": {
"category": "color",
"type": "blue",
"item": "900"
}
},
"950": {
"$value": "#000e2b",
"original": {
"$value": "#000e2b"
},
"attributes": {
"category": "color",
"type": "blue",
"item": "950"
}
}
},
"slate": {
"50": {
"$value": "#f0f1f5",
"original": {
"$value": "#f0f1f5"
},
"attributes": {
"category": "color",
"type": "slate",
"item": "50"
}
},
"100": {
"$value": "#eaebf1",
"original": {
"$value": "#eaebf1"
},
"attributes": {
"category": "color",
"type": "slate",
"item": "100"
}
},
"200": {
"$value": "#d7dae4",
"original": {
"$value": "#d7dae4"
},
"attributes": {
"category": "color",
"type": "slate",
"item": "200"
}
},
"300": {
"$value": "#b7bdcf",
"original": {
"$value": "#b7bdcf"
},
"attributes": {
"category": "color",
"type": "slate",
"item": "300"
}
},
"400": {
"$value": "#8a96b2",
"original": {
"$value": "#8a96b2"
},
"attributes": {
"category": "color",
"type": "slate",
"item": "400"
}
},
"500": {
"$value": "#586785",
"original": {
"$value": "#586785"
},
"attributes": {
"category": "color",
"type": "slate",
"item": "500"
}
},
"600": {
"$value": "#556481",
"original": {
"$value": "#556481"
},
"attributes": {
"category": "color",
"type": "slate",
"item": "600"
}
},
"700": {
"$value": "#4d5a74",
"original": {
"$value": "#4d5a74"
},
"attributes": {
"category": "color",
"type": "slate",
"item": "700"
}
},
"800": {
"$value": "#3e495f",
"original": {
"$value": "#3e495f"
},
"attributes": {
"category": "color",
"type": "slate",
"item": "800"
}
},
"900": {
"$value": "#2a3241",
"original": {
"$value": "#2a3241"
},
"attributes": {
"category": "color",
"type": "slate",
"item": "900"
}
},
"950": {
"$value": "#11141a",
"original": {
"$value": "#11141a"
},
"attributes": {
"category": "color",
"type": "slate",
"item": "950"
}
}
},
"neutral": {
"50": {
"$value": "#f2f2f3",
"original": {
"$value": "#f2f2f3"
},
"attributes": {
"category": "color",
"type": "neutral",
"item": "50"
}
},
"100": {
"$value": "#ededee",
"original": {
"$value": "#ededee"
},
"attributes": {
"category": "color",
"type": "neutral",
"item": "100"
}
},
"200": {
"$value": "#dddde0",
"original": {
"$value": "#dddde0"
},
"attributes": {
"category": "color",
"type": "neutral",
"item": "200"
}
},
"300": {
"$value": "#c3c4c8",
"original": {
"$value": "#c3c4c8"
},
"attributes": {
"category": "color",
"type": "neutral",
"item": "300"
}
},
"400": {
"$value": "#9fa0a6",
"original": {
"$value": "#9fa0a6"
},
"attributes": {
"category": "color",
"type": "neutral",
"item": "400"
}
},
"500": {
"$value": "#71747A",
"original": {
"$value": "#71747A"
},
"attributes": {
"category": "color",
"type": "neutral",
"item": "500"
}
},
"600": {
"$value": "#6e7176",
"original": {
"$value": "#6e7176"
},
"attributes": {
"category": "color",
"type": "neutral",
"item": "600"
}
},
"700": {
"$value": "#63666b",
"original": {
"$value": "#63666b"
},
"attributes": {
"category": "color",
"type": "neutral",
"item": "700"
}
},
"800": {
"$value": "#525558",
"original": {
"$value": "#525558"
},
"attributes": {
"category": "color",
"type": "neutral",
"item": "800"
}
},
"900": {
"$value": "#3a3c3e",
"original": {
"$value": "#3a3c3e"
},
"attributes": {
"category": "color",
"type": "neutral",
"item": "900"
}
},
"950": {
"$value": "#1b1c1d",
"original": {
"$value": "#1b1c1d"
},
"attributes": {
"category": "color",
"type": "neutral",
"item": "950"
}
}
},
"green": {
"50": {
"$value": "#e9fbf0",
"original": {
"$value": "#e9fbf0"
},
"attributes": {
"category": "color",
"type": "green",
"item": "50"
}
},
"100": {
"$value": "#e0f9ea",
"original": {
"$value": "#e0f9ea"
},
"attributes": {
"category": "color",
"type": "green",
"item": "100"
}
},
"200": {
"$value": "#c7f5d8",
"original": {
"$value": "#c7f5d8"
},
"attributes": {
"category": "color",
"type": "green",
"item": "200"
}
},
"300": {
"$value": "#9cedbb",
"original": {
"$value": "#9cedbb"
},
"attributes": {
"category": "color",
"type": "green",
"item": "300"
}
},
"400": {
"$value": "#5fe391",
"original": {
"$value": "#5fe391"
},
"attributes": {
"category": "color",
"type": "green",
"item": "400"
}
},
"500": {
"$value": "#22C55E",
"original": {
"$value": "#22C55E"
},
"attributes": {
"category": "color",
"type": "green",
"item": "500"
}
},
"600": {
"$value": "#21bf5b",
"original": {
"$value": "#21bf5b"
},
"attributes": {
"category": "color",
"type": "green",
"item": "600"
}
},
"700": {
"$value": "#1ead52",
"original": {
"$value": "#1ead52"
},
"attributes": {
"category": "color",
"type": "green",
"item": "700"
}
},
"800": {
"$value": "#198e43",
"original": {
"$value": "#198e43"
},
"attributes": {
"category": "color",
"type": "green",
"item": "800"
}
},
"900": {
"$value": "#12642f",
"original": {
"$value": "#12642f"
},
"attributes": {
"category": "color",
"type": "green",
"item": "900"
}
},
"950": {
"$value": "#082d15",
"original": {
"$value": "#082d15"
},
"attributes": {
"category": "color",
"type": "green",
"item": "950"
}
}
},
"red": {
"50": {
"$value": "#fde8e8",
"original": {
"$value": "#fde8e8"
},
"attributes": {
"category": "color",
"type": "red",
"item": "50"
}
},
"100": {
"$value": "#fce1e1",
"original": {
"$value": "#fce1e1"
},
"attributes": {
"category": "color",
"type": "red",
"item": "100"
}
},
"200": {
"$value": "#fbcece",
"original": {
"$value": "#fbcece"
},
"attributes": {
"category": "color",
"type": "red",
"item": "200"
}
},
"300": {
"$value": "#f8adad",
"original": {
"$value": "#f8adad"
},
"attributes": {
"category": "color",
"type": "red",
"item": "300"
}
},
"400": {
"$value": "#f47f7f",
"original": {
"$value": "#f47f7f"
},
"attributes": {
"category": "color",
"type": "red",
"item": "400"
}
},
"500": {
"$value": "#EF4444",
"original": {
"$value": "#EF4444"
},
"attributes": {
"category": "color",
"type": "red",
"item": "500"
}
},
"600": {
"$value": "#ee3d3d",
"original": {
"$value": "#ee3d3d"
},
"attributes": {
"category": "color",
"type": "red",
"item": "600"
}
},
"700": {
"$value": "#ed2a2a",
"original": {
"$value": "#ed2a2a"
},
"attributes": {
"category": "color",
"type": "red",
"item": "700"
}
},
"800": {
"$value": "#e01313",
"original": {
"$value": "#e01313"
},
"attributes": {
"category": "color",
"type": "red",
"item": "800"
}
},
"900": {
"$value": "#b10f0f",
"original": {
"$value": "#b10f0f"
},
"attributes": {
"category": "color",
"type": "red",
"item": "900"
}
},
"950": {
"$value": "#760a0a",
"original": {
"$value": "#760a0a"
},
"attributes": {
"category": "color",
"type": "red",
"item": "950"
}
}
},
"orange": {
"50": {
"$value": "#fef0e6",
"original": {
"$value": "#fef0e6"
},
"attributes": {
"category": "color",
"type": "orange",
"item": "50"
}
},
"100": {
"$value": "#feebde",
"original": {
"$value": "#feebde"
},
"attributes": {
"category": "color",
"type": "orange",
"item": "100"
}
},
"200": {
"$value": "#fddcc5",
"original": {
"$value": "#fddcc5"
},
"attributes": {
"category": "color",
"type": "orange",
"item": "200"
}
},
"300": {
"$value": "#fcc39c",
"original": {
"$value": "#fcc39c"
},
"attributes": {
"category": "color",
"type": "orange",
"item": "300"
}
},
"400": {
"$value": "#faa062",
"original": {
"$value": "#faa062"
},
"attributes": {
"category": "color",
"type": "orange",
"item": "400"
}
},
"500": {
"$value": "#F97316",
"original": {
"$value": "#F97316"
},
"attributes": {
"category": "color",
"type": "orange",
"item": "500"
}
},
"600": {
"$value": "#f96f0f",
"original": {
"$value": "#f96f0f"
},
"attributes": {
"category": "color",
"type": "orange",
"item": "600"
}
},
"700": {
"$value": "#ec6406",
"original": {
"$value": "#ec6406"
},
"attributes": {
"category": "color",
"type": "orange",
"item": "700"
}
},
"800": {
"$value": "#ca5505",
"original": {
"$value": "#ca5505"
},
"attributes": {
"category": "color",
"type": "orange",
"item": "800"
}
},
"900": {
"$value": "#994104",
"original": {
"$value": "#994104"
},
"attributes": {
"category": "color",
"type": "orange",
"item": "900"
}
},
"950": {
"$value": "#5a2602",
"original": {
"$value": "#5a2602"
},
"attributes": {
"category": "color",
"type": "orange",
"item": "950"
}
}
},
"amber": {
"50": {
"$value": "#fef5e7",
"original": {
"$value": "#fef5e7"
},
"attributes": {
"category": "color",
"type": "amber",
"item": "50"
}
},
"100": {
"$value": "#fef1de",
"original": {
"$value": "#fef1de"
},
"attributes": {
"category": "color",
"type": "amber",
"item": "100"
}
},
"200": {
"$value": "#fde7c4",
"original": {
"$value": "#fde7c4"
},
"attributes": {
"category": "color",
"type": "amber",
"item": "200"
}
},
"300": {
"$value": "#fbd598",
"original": {
"$value": "#fbd598"
},
"attributes": {
"category": "color",
"type": "amber",
"item": "300"
}
},
"400": {
"$value": "#f8bc5a",
"original": {
"$value": "#f8bc5a"
},
"attributes": {
"category": "color",
"type": "amber",
"item": "400"
}
},
"500": {
"$value": "#f59e0b",
"original": {
"$value": "#f59e0b"
},
"attributes": {
"category": "color",
"type": "amber",
"item": "500"
}
},
"600": {
"$value": "#ef9a0a",
"original": {
"$value": "#ef9a0a"
},
"attributes": {
"category": "color",
"type": "amber",
"item": "600"
}
},
"700": {
"$value": "#da8d09",
"original": {
"$value": "#da8d09"
},
"attributes": {
"category": "color",
"type": "amber",
"item": "700"
}
},
"800": {
"$value": "#b87708",
"original": {
"$value": "#b87708"
},
"attributes": {
"category": "color",
"type": "amber",
"item": "800"
}
},
"900": {
"$value": "#885806",
"original": {
"$value": "#885806"
},
"attributes": {
"category": "color",
"type": "amber",
"item": "900"
}
},
"950": {
"$value": "#4a3003",
"original": {
"$value": "#4a3003"
},
"attributes": {
"category": "color",
"type": "amber",
"item": "950"
}
}
},
"yellow": {
"50": {
"$value": "#fef8e6",
"original": {
"$value": "#fef8e6"
},
"attributes": {
"category": "color",
"type": "yellow",
"item": "50"
}
},
"100": {
"$value": "#fef5dd",
"original": {
"$value": "#fef5dd"
},
"attributes": {
"category": "color",
"type": "yellow",
"item": "100"
}
},
"200": {
"$value": "#fdeec1",
"original": {
"$value": "#fdeec1"
},
"attributes": {
"category": "color",
"type": "yellow",
"item": "200"
}
},
"300": {
"$value": "#fbe192",
"original": {
"$value": "#fbe192"
},
"attributes": {
"category": "color",
"type": "yellow",
"item": "300"
}
},
"400": {
"$value": "#f9cf50",
"original": {
"$value": "#f9cf50"
},
"attributes": {
"category": "color",
"type": "yellow",
"item": "400"
}
},
"500": {
"$value": "#eab308",
"original": {
"$value": "#eab308"
},
"attributes": {
"category": "color",
"type": "yellow",
"item": "500"
}
},
"600": {
"$value": "#e3ae08",
"original": {
"$value": "#e3ae08"
},
"attributes": {
"category": "color",
"type": "yellow",
"item": "600"
}
},
"700": {
"$value": "#ce9e07",
"original": {
"$value": "#ce9e07"
},
"attributes": {
"category": "color",
"type": "yellow",
"item": "700"
}
},
"800": {
"$value": "#ac8406",
"original": {
"$value": "#ac8406"
},
"attributes": {
"category": "color",
"type": "yellow",
"item": "800"
}
},
"900": {
"$value": "#7b5f04",
"original": {
"$value": "#7b5f04"
},
"attributes": {
"category": "color",
"type": "yellow",
"item": "900"
}
},
"950": {
"$value": "#3d2f02",
"original": {
"$value": "#3d2f02"
},
"attributes": {
"category": "color",
"type": "yellow",
"item": "950"
}
}
},
"violet": {
"50": {
"$value": "#eee7fe",
"original": {
"$value": "#eee7fe"
},
"attributes": {
"category": "color",
"type": "violet",
"item": "50"
}
},
"100": {
"$value": "#eae1fe",
"original": {
"$value": "#eae1fe"
},
"attributes": {
"category": "color",
"type": "violet",
"item": "100"
}
},
"200": {
"$value": "#ded1fd",
"original": {
"$value": "#ded1fd"
},
"attributes": {
"category": "color",
"type": "violet",
"item": "200"
}
},
"300": {
"$value": "#cab5fc",
"original": {
"$value": "#cab5fc"
},
"attributes": {
"category": "color",
"type": "violet",
"item": "300"
}
},
"400": {
"$value": "#ae8ef9",
"original": {
"$value": "#ae8ef9"
},
"attributes": {
"category": "color",
"type": "violet",
"item": "400"
}
},
"500": {
"$value": "#8B5CF6",
"original": {
"$value": "#8B5CF6"
},
"attributes": {
"category": "color",
"type": "violet",
"item": "500"
}
},
"600": {
"$value": "#8655f6",
"original": {
"$value": "#8655f6"
},
"attributes": {
"category": "color",
"type": "violet",
"item": "600"
}
},
"700": {
"$value": "#7841f5",
"original": {
"$value": "#7841f5"
},
"attributes": {
"category": "color",
"type": "violet",
"item": "700"
}
},
"800": {
"$value": "#601ff3",
"original": {
"$value": "#601ff3"
},
"attributes": {
"category": "color",
"type": "violet",
"item": "800"
}
},
"900": {
"$value": "#490bd4",
"original": {
"$value": "#490bd4"
},
"attributes": {
"category": "color",
"type": "violet",
"item": "900"
}
},
"950": {
"$value": "#340897",
"original": {
"$value": "#340897"
},
"attributes": {
"category": "color",
"type": "violet",
"item": "950"
}
}
}
},
"font": {
"family": {
"brand": {
"$value": "NeueHaasGroteskDisplay, Helvetica, Arial, sans-serif",
"original": {
"$value": "NeueHaasGroteskDisplay, Helvetica, Arial, sans-serif"
},
"attributes": {
"category": "font",
"type": "family",
"item": "brand"
}
},
"brand-ui": {
"$value": "NeueHaasGroteskText, Helvetica, Arial, sans-serif",
"original": {
"$value": "NeueHaasGroteskText, Helvetica, Arial, sans-serif"
},
"attributes": {
"category": "font",
"type": "family",
"item": "brand-ui"
}
},
"ui": {
"$value": "Inter, Roboto, Helvetica, Arial, sans-serif",
"original": {
"$value": "Inter, Roboto, Helvetica, Arial, sans-serif"
},
"attributes": {
"category": "font",
"type": "family",
"item": "ui"
}
},
"ui-old": {
"$value": "Avenir, Roboto, Helvetica, Arial, sans-serif",
"original": {
"$value": "Avenir, Roboto, Helvetica, Arial, sans-serif"
},
"attributes": {
"category": "font",
"type": "family",
"item": "ui-old"
}
},
"ios": {
"$value": "'SF Pro'",
"original": {
"$value": "'SF Pro'"
},
"attributes": {
"category": "font",
"type": "family",
"item": "ios"
}
},
"android": {
"$value": "Roboto",
"original": {
"$value": "Roboto"
},
"attributes": {
"category": "font",
"type": "family",
"item": "android"
}
},
"mono": {
"$value": "Menlo, Monaco, 'Courier New', monospace",
"original": {
"$value": "Menlo, Monaco, 'Courier New', monospace"
},
"attributes": {
"category": "font",
"type": "family",
"item": "mono"
}
},
"default": {
"$value": "Inter, Roboto, Helvetica, Arial, sans-serif",
"original": {
"$value": "{font.family.ui}"
},
"attributes": {
"category": "font",
"type": "family",
"item": "default"
}
}
},
"weight": {
"black": {
"$value": 900,
"original": {
"$value": 900
},
"attributes": {
"category": "font",
"type": "weight",
"item": "black"
}
},
"heavy": {
"$value": 800,
"original": {
"$value": 800
},
"attributes": {
"category": "font",
"type": "weight",
"item": "heavy"
}
},
"bold": {
"$value": 700,
"original": {
"$value": 700
},
"attributes": {
"category": "font",
"type": "weight",
"item": "bold"
}
},
"demi": {
"$value": 600,
"original": {
"$value": 600
},
"attributes": {
"category": "font",
"type": "weight",
"item": "demi"
}
},
"medium": {
"$value": 500,
"original": {
"$value": 500
},
"attributes": {
"category": "font",
"type": "weight",
"item": "medium"
}
},
"regular": {
"$value": 400,
"original": {
"$value": 400
},
"attributes": {
"category": "font",
"type": "weight",
"item": "regular"
}
},
"light": {
"$value": 300,
"original": {
"$value": 300
},
"attributes": {
"category": "font",
"type": "weight",
"item": "light"
}
},
"thin": {
"$value": 200,
"original": {
"$value": 200
},
"attributes": {
"category": "font",
"type": "weight",
"item": "thin"
}
},
"ultraLight": {
"$value": 100,
"original": {
"$value": 100
},
"attributes": {
"category": "font",
"type": "weight",
"item": "ultraLight"
}
},
"heading": {
"$value": 700,
"original": {
"$value": "{font.weight.bold}"
},
"attributes": {
"category": "font",
"type": "weight",
"item": "heading"
}
},
"strong": {
"$value": 600,
"original": {
"$value": "{font.weight.demi}"
},
"attributes": {
"category": "font",
"type": "weight",
"item": "strong"
}
},
"title": {
"$value": 500,
"original": {
"$value": "{font.weight.medium}"
},
"attributes": {
"category": "font",
"type": "weight",
"item": "title"
}
},
"body": {
"$value": 400,
"original": {
"$value": "{font.weight.regular}"
},
"attributes": {
"category": "font",
"type": "weight",
"item": "body"
}
}
},
"size": {
"display-1": {
"$value": "128px",
"original": {
"$value": "{spacing.3200}"
},
"attributes": {
"category": "font",
"type": "size",
"item": "display-1"
}
},
"display-2": {
"$value": "96px",
"original": {
"$value": "{spacing.2400}"
},
"attributes": {
"category": "font",
"type": "size",
"item": "display-2"
}
},
"display-3": {
"$value": "72px",
"original": {
"$value": "{spacing.1800}"
},
"attributes": {
"category": "font",
"type": "size",
"item": "display-3"
}
},
"heading-1": {
"$value": "60px",
"original": {
"$value": "{spacing.1500}"
},
"attributes": {
"category": "font",
"type": "size",
"item": "heading-1"
}
},
"heading-2": {
"$value": "48px",
"original": {
"$value": "{spacing.1200}"
},
"attributes": {
"category": "font",
"type": "size",
"item": "heading-2"
}
},
"heading-3": {
"$value": "40px",
"original": {
"$value": "{spacing.1000}"
},
"attributes": {
"category": "font",
"type": "size",
"item": "heading-3"
}
},
"heading-4": {
"$value": "32px",
"original": {
"$value": "{spacing.800}"
},
"attributes": {
"category": "font",
"type": "size",
"item": "heading-4"
}
},
"title-lg": {
"$value": "24px",
"original": {
"$value": "{spacing.600}"
},
"attributes": {
"category": "font",
"type": "size",
"item": "title-lg"
}
},
"title-md": {
"$value": "20px",
"original": {
"$value": "{spacing.500}"
},
"attributes": {
"category": "font",
"type": "size",
"item": "title-md"
}
},
"title-sm": {
"$value": "16px",
"original": {
"$value": "{spacing.400}"
},
"attributes": {
"category": "font",
"type": "size",
"item": "title-sm"
}
},
"body-lg": {
"$value": "18px",
"original": {
"$value": "{spacing.450}"
},
"attributes": {
"category": "font",
"type": "size",
"item": "body-lg"
}
},
"body-md": {
"$value": "16px",
"original": {
"$value": "{spacing.400}"
},
"attributes": {
"category": "font",
"type": "size",
"item": "body-md"
}
},
"body-sm": {
"$value": "14px",
"original": {
"$value": "{spacing.350}"
},
"attributes": {
"category": "font",
"type": "size",
"item": "body-sm"
}
},
"body-xs": {
"$value": "12px",
"original": {
"$value": "{spacing.300}"
},
"attributes": {
"category": "font",
"type": "size",
"item": "body-xs"
}
},
"caption": {
"$value": "10px",
"original": {
"$value": "{spacing.250}"
},
"attributes": {
"category": "font",
"type": "size",
"item": "caption"
}
}
},
"line-height": {
"display-1": {
"$value": "96px",
"original": {
"$value": "{spacing.2400}"
},
"attributes": {
"category": "font",
"type": "line-height",
"item": "display-1"
}
},
"display-2": {
"$value": "80px",
"original": {
"$value": "{spacing.2000}"
},
"attributes": {
"category": "font",
"type": "line-height",
"item": "display-2"
}
},
"display-3": {
"$value": "60px",
"original": {
"$value": "{spacing.1500}"
},
"attributes": {
"category": "font",
"type": "line-height",
"item": "display-3"
}
},
"heading-1": {
"$value": "72px",
"original": {
"$value": "{spacing.1800}"
},
"attributes": {
"category": "font",
"type": "line-height",
"item": "heading-1"
}
},
"heading-2": {
"$value": "56px",
"original": {
"$value": "{spacing.1400}"
},
"attributes": {
"category": "font",
"type": "line-height",
"item": "heading-2"
}
},
"heading-3": {
"$value": "48px",
"original": {
"$value": "{spacing.1200}"
},
"attributes": {
"category": "font",
"type": "line-height",
"item": "heading-3"
}
},
"heading-4": {
"$value": "40px",
"original": {
"$value": "{spacing.1000}"
},
"attributes": {
"category": "font",
"type": "line-height",
"item": "heading-4"
}
},
"title-lg": {
"$value": "32px",
"original": {
"$value": "{spacing.800}"
},
"attributes": {
"category": "font",
"type": "line-height",
"item": "title-lg"
}
},
"title-md": {
"$value": "28px",
"original": {
"$value": "{spacing.700}"
},
"attributes": {
"category": "font",
"type": "line-height",
"item": "title-md"
}
},
"title-sm": {
"$value": "24px",
"original": {
"$value": "{spacing.600}"
},
"attributes": {
"category": "font",
"type": "line-height",
"item": "title-sm"
}
},
"body-lg": {
"$value": "24px",
"original": {
"$value": "{spacing.600}"
},
"attributes": {
"category": "font",
"type": "line-height",
"item": "body-lg"
}
},
"body-md": {
"$value": "20px",
"original": {
"$value": "{spacing.500}"
},
"attributes": {
"category": "font",
"type": "line-height",
"item": "body-md"
}
},
"body-sm": {
"$value": "18px",
"original": {
"$value": "{spacing.450}"
},
"attributes": {
"category": "font",
"type": "line-height",
"item": "body-sm"
}
},
"body-xs": {
"$value": "16px",
"original": {
"$value": "{spacing.400}"
},
"attributes": {
"category": "font",
"type": "line-height",
"item": "body-xs"
}
},
"caption": {
"$value": "14px",
"original": {
"$value": "{spacing.350}"
},
"attributes": {
"category": "font",
"type": "line-height",
"item": "caption"
}
}
},
"spacing": {
"display-1": {
"$value": "64px",
"original": {
"$value": "{spacing.size.3xl}"
},
"attributes": {
"category": "font",
"type": "spacing",
"item": "display-1"
}
},
"display-2": {
"$value": "48px",
"original": {
"$value": "{spacing.size.2xl}"
},
"attributes": {
"category": "font",
"type": "spacing",
"item": "display-2"
}
},
"display-3": {
"$value": "32px",
"original": {
"$value": "{spacing.size.xl}"
},
"attributes": {
"category": "font",
"type": "spacing",
"item": "display-3"
}
},
"heading-1": {
"$value": "64px",
"original": {
"$value": "{spacing.size.3xl}"
},
"attributes": {
"category": "font",
"type": "spacing",
"item": "heading-1"
}
},
"heading-2": {
"$value": "48px",
"original": {
"$value": "{spacing.size.2xl}"
},
"attributes": {
"category": "font",
"type": "spacing",
"item": "heading-2"
}
},
"heading-3": {
"$value": "32px",
"original": {
"$value": "{spacing.size.xl}"
},
"attributes": {
"category": "font",
"type": "spacing",
"item": "heading-3"
}
},
"heading-4": {
"$value": "24px",
"original": {
"$value": "{spacing.size.lg}"
},
"attributes": {
"category": "font",
"type": "spacing",
"item": "heading-4"
}
},
"title-lg": {
"$value": "16px",
"original": {
"$value": "{spacing.size.md}"
},
"attributes": {
"category": "font",
"type": "spacing",
"item": "title-lg"
}
},
"title-md": {
"$value": "12px",
"original": {
"$value": "{spacing.size.sm}"
},
"attributes": {
"category": "font",
"type": "spacing",
"item": "title-md"
}
},
"title-sm": {
"$value": "8px",
"original": {
"$value": "{spacing.size.xs}"
},
"attributes": {
"category": "font",
"type": "spacing",
"item": "title-sm"
}
},
"body-lg": {
"$value": "16px",
"original": {
"$value": "{spacing.size.md}"
},
"attributes": {
"category": "font",
"type": "spacing",
"item": "body-lg"
}
},
"body-md": {
"$value": "12px",
"original": {
"$value": "{spacing.size.sm}"
},
"attributes": {
"category": "font",
"type": "spacing",
"item": "body-md"
}
},
"body-sm": {
"$value": "8px",
"original": {
"$value": "{spacing.size.xs}"
},
"attributes": {
"category": "font",
"type": "spacing",
"item": "body-sm"
}
},
"body-xs": {
"$value": "4px",
"original": {
"$value": "{spacing.size.2xs}"
},
"attributes": {
"category": "font",
"type": "spacing",
"item": "body-xs"
}
},
"caption": {
"$value": "2px",
"original": {
"$value": "{spacing.size.3xs}"
},
"attributes": {
"category": "font",
"type": "spacing",
"item": "caption"
}
}
}
},
"spacing": {
"0": {
"$value": "0px",
"original": {
"$value": 0
},
"attributes": {
"category": "spacing",
"type": "0"
}
},
"25": {
"$value": "1px",
"original": {
"$value": 1
},
"attributes": {
"category": "spacing",
"type": "25"
}
},
"50": {
"$value": "2px",
"original": {
"$value": 2
},
"attributes": {
"category": "spacing",
"type": "50"
}
},
"100": {
"$value": "4px",
"original": {
"$value": 4
},
"attributes": {
"category": "spacing",
"type": "100"
}
},
"150": {
"$value": "6px",
"original": {
"$value": 6
},
"attributes": {
"category": "spacing",
"type": "150"
}
},
"200": {
"$value": "8px",
"original": {
"$value": 8
},
"attributes": {
"category": "spacing",
"type": "200"
}
},
"250": {
"$value": "10px",
"original": {
"$value": 10
},
"attributes": {
"category": "spacing",
"type": "250"
}
},
"300": {
"$value": "12px",
"original": {
"$value": 12
},
"attributes": {
"category": "spacing",
"type": "300"
}
},
"350": {
"$value": "14px",
"original": {
"$value": 14
},
"attributes": {
"category": "spacing",
"type": "350"
}
},
"400": {
"$value": "16px",
"original": {
"$value": 16
},
"attributes": {
"category": "spacing",
"type": "400"
}
},
"450": {
"$value": "18px",
"original": {
"$value": 18
},
"attributes": {
"category": "spacing",
"type": "450"
}
},
"500": {
"$value": "20px",
"original": {
"$value": 20
},
"attributes": {
"category": "spacing",
"type": "500"
}
},
"600": {
"$value": "24px",
"original": {
"$value": 24
},
"attributes": {
"category": "spacing",
"type": "600"
}
},
"700": {
"$value": "28px",
"original": {
"$value": 28
},
"attributes": {
"category": "spacing",
"type": "700"
}
},
"800": {
"$value": "32px",
"original": {
"$value": 32
},
"attributes": {
"category": "spacing",
"type": "800"
}
},
"900": {
"$value": "36px",
"original": {
"$value": 36
},
"attributes": {
"category": "spacing",
"type": "900"
}
},
"1000": {
"$value": "40px",
"original": {
"$value": 40
},
"attributes": {
"category": "spacing",
"type": "1000"
}
},
"1100": {
"$value": "44px",
"original": {
"$value": 44
},
"attributes": {
"category": "spacing",
"type": "1100"
}
},
"1200": {
"$value": "48px",
"original": {
"$value": 48
},
"attributes": {
"category": "spacing",
"type": "1200"
}
},
"1300": {
"$value": "52px",
"original": {
"$value": 52
},
"attributes": {
"category": "spacing",
"type": "1300"
}
},
"1400": {
"$value": "56px",
"original": {
"$value": 56
},
"attributes": {
"category": "spacing",
"type": "1400"
}
},
"1500": {
"$value": "60px",
"original": {
"$value": 60
},
"attributes": {
"category": "spacing",
"type": "1500"
}
},
"1600": {
"$value": "64px",
"original": {
"$value": 64
},
"attributes": {
"category": "spacing",
"type": "1600"
}
},
"1800": {
"$value": "72px",
"original": {
"$value": 72
},
"attributes": {
"category": "spacing",
"type": "1800"
}
},
"2000": {
"$value": "80px",
"original": {
"$value": 80
},
"attributes": {
"category": "spacing",
"type": "2000"
}
},
"2400": {
"$value": "96px",
"original": {
"$value": 96
},
"attributes": {
"category": "spacing",
"type": "2400"
}
},
"2800": {
"$value": "112px",
"original": {
"$value": 112
},
"attributes": {
"category": "spacing",
"type": "2800"
}
},
"3200": {
"$value": "128px",
"original": {
"$value": 128
},
"attributes": {
"category": "spacing",
"type": "3200"
}
},
"3600": {
"$value": "144px",
"original": {
"$value": 144
},
"attributes": {
"category": "spacing",
"type": "3600"
}
},
"4000": {
"$value": "160px",
"original": {
"$value": 160
},
"attributes": {
"category": "spacing",
"type": "4000"
}
},
"4400": {
"$value": "176px",
"original": {
"$value": 176
},
"attributes": {
"category": "spacing",
"type": "4400"
}
},
"4800": {
"$value": "192px",
"original": {
"$value": 192
},
"attributes": {
"category": "spacing",
"type": "4800"
}
},
"5200": {
"$value": "208px",
"original": {
"$value": 208
},
"attributes": {
"category": "spacing",
"type": "5200"
}
},
"5600": {
"$value": "224px",
"original": {
"$value": 224
},
"attributes": {
"category": "spacing",
"type": "5600"
}
},
"6000": {
"$value": "240px",
"original": {
"$value": 240
},
"attributes": {
"category": "spacing",
"type": "6000"
}
},
"6400": {
"$value": "256px",
"original": {
"$value": 256
},
"attributes": {
"category": "spacing",
"type": "6400"
}
},
"7200": {
"$value": "288px",
"original": {
"$value": 288
},
"attributes": {
"category": "spacing",
"type": "7200"
}
},
"8000": {
"$value": "320px",
"original": {
"$value": 320
},
"attributes": {
"category": "spacing",
"type": "8000"
}
},
"9600": {
"$value": "384px",
"original": {
"$value": 384
},
"attributes": {
"category": "spacing",
"type": "9600"
}
},
"size": {
"3xs": {
"$value": "2px",
"original": {
"$value": "{spacing.50}"
},
"attributes": {
"category": "spacing",
"type": "size",
"item": "3xs"
}
},
"2xs": {
"$value": "4px",
"original": {
"$value": "{spacing.100}"
},
"attributes": {
"category": "spacing",
"type": "size",
"item": "2xs"
}
},
"xs": {
"$value": "8px",
"original": {
"$value": "{spacing.200}"
},
"attributes": {
"category": "spacing",
"type": "size",
"item": "xs"
}
},
"sm": {
"$value": "12px",
"original": {
"$value": "{spacing.300}"
},
"attributes": {
"category": "spacing",
"type": "size",
"item": "sm"
}
},
"md": {
"$value": "16px",
"original": {
"$value": "{spacing.400}"
},
"attributes": {
"category": "spacing",
"type": "size",
"item": "md"
}
},
"lg": {
"$value": "24px",
"original": {
"$value": "{spacing.600}"
},
"attributes": {
"category": "spacing",
"type": "size",
"item": "lg"
}
},
"xl": {
"$value": "32px",
"original": {
"$value": "{spacing.800}"
},
"attributes": {
"category": "spacing",
"type": "size",
"item": "xl"
}
},
"2xl": {
"$value": "48px",
"original": {
"$value": "{spacing.1200}"
},
"attributes": {
"category": "spacing",
"type": "size",
"item": "2xl"
}
},
"3xl": {
"$value": "64px",
"original": {
"$value": "{spacing.1600}"
},
"attributes": {
"category": "spacing",
"type": "size",
"item": "3xl"
}
}
}
},
"responsive": {
"spacing": {
"jumper": {
"3x-xl": {
"desktop": {
"$value": "64px",
"original": {
"$value": "{spacing.size.3xl}"
},
"attributes": {
"category": "responsive",
"type": "spacing",
"item": "jumper",
"subitem": "3x-xl",
"state": "desktop"
}
},
"tablet": {
"$value": "48px",
"original": {
"$value": "{spacing.size.2xl}"
},
"attributes": {
"category": "responsive",
"type": "spacing",
"item": "jumper",
"subitem": "3x-xl",
"state": "tablet"
}
},
"mobile": {
"$value": "32px",
"original": {
"$value": "{spacing.size.xl}"
},
"attributes": {
"category": "responsive",
"type": "spacing",
"item": "jumper",
"subitem": "3x-xl",
"state": "mobile"
}
}
}
}
},
"device": {
"mobile": {
"$value": "444px",
"original": {
"$value": "{breakpoints.xs}"
},
"attributes": {
"category": "responsive",
"type": "device",
"item": "mobile"
}
},
"tablet": {
"$value": "900px",
"original": {
"$value": "{breakpoints.md}"
},
"attributes": {
"category": "responsive",
"type": "device",
"item": "tablet"
}
},
"desktop": {
"$value": "1200px",
"original": {
"$value": "{breakpoints.lg}"
},
"attributes": {
"category": "responsive",
"type": "device",
"item": "desktop"
}
}
}
},
"border": {
"radius": {
"none": {
"$value": "0px",
"original": {
"$value": "{spacing.0}"
},
"attributes": {
"category": "border",
"type": "radius",
"item": "none"
}
},
"sm": {
"$value": "4px",
"original": {
"$value": "{spacing.100}"
},
"attributes": {
"category": "border",
"type": "radius",
"item": "sm"
}
},
"md": {
"$value": "8px",
"original": {
"$value": "{spacing.200}"
},
"attributes": {
"category": "border",
"type": "radius",
"item": "md"
}
},
"lg": {
"$value": "16px",
"original": {
"$value": "{spacing.400}"
},
"attributes": {
"category": "border",
"type": "radius",
"item": "lg"
}
}
},
"width": {
"none": {
"$value": "0px",
"original": {
"$value": "{spacing.0}"
},
"attributes": {
"category": "border",
"type": "width",
"item": "none"
}
},
"sm": {
"$value": "1px",
"original": {
"$value": "{spacing.25}"
},
"attributes": {
"category": "border",
"type": "width",
"item": "sm"
}
},
"md": {
"$value": "2px",
"original": {
"$value": "{spacing.50}"
},
"attributes": {
"category": "border",
"type": "width",
"item": "md"
}
},
"lg": {
"$value": "4px",
"original": {
"$value": "{spacing.100}"
},
"attributes": {
"category": "border",
"type": "width",
"item": "lg"
}
}
}
},
"breakpoints": {
"xs": {
"$value": "444px",
"original": {
"$value": 444
},
"attributes": {
"category": "breakpoints",
"type": "xs"
}
},
"sm": {
"$value": "600px",
"original": {
"$value": 600
},
"attributes": {
"category": "breakpoints",
"type": "sm"
}
},
"md": {
"$value": "900px",
"original": {
"$value": 900
},
"attributes": {
"category": "breakpoints",
"type": "md"
}
},
"lg": {
"$value": "1200px",
"original": {
"$value": 1200
},
"attributes": {
"category": "breakpoints",
"type": "lg"
}
},
"xl": {
"$value": "1536px",
"original": {
"$value": 1536
},
"attributes": {
"category": "breakpoints",
"type": "xl"
}
}
},
"opacity": {
"light": {
"default": {
"$value": 100,
"original": {
"$value": 100
},
"attributes": {
"category": "opacity",
"type": "light",
"item": "default"
}
},
"hover": {
"$value": 4,
"original": {
"$value": 4
},
"attributes": {
"category": "opacity",
"type": "light",
"item": "hover"
}
},
"selected": {
"$value": 8,
"original": {
"$value": 8
},
"attributes": {
"category": "opacity",
"type": "light",
"item": "selected"
}
},
"focus": {
"$value": 12,
"original": {
"$value": 12
},
"attributes": {
"category": "opacity",
"type": "light",
"item": "focus"
}
},
"focusVisible": {
"$value": 30,
"original": {
"$value": 30
},
"attributes": {
"category": "opacity",
"type": "light",
"item": "focusVisible"
}
},
"outlinedBorder": {
"$value": 50,
"original": {
"$value": 50
},
"attributes": {
"category": "opacity",
"type": "light",
"item": "outlinedBorder"
}
}
},
"dark": {
"default": {
"$value": 0,
"original": {
"$value": 0
},
"attributes": {
"category": "opacity",
"type": "dark",
"item": "default"
}
},
"hover": {
"$value": 8,
"original": {
"$value": 8
},
"attributes": {
"category": "opacity",
"type": "dark",
"item": "hover"
}
},
"selected": {
"$value": 16,
"original": {
"$value": 16
},
"attributes": {
"category": "opacity",
"type": "dark",
"item": "selected"
}
},
"focus": {
"$value": 12,
"original": {
"$value": 12
},
"attributes": {
"category": "opacity",
"type": "dark",
"item": "focus"
}
},
"focusVisible": {
"$value": 30,
"original": {
"$value": 30
},
"attributes": {
"category": "opacity",
"type": "dark",
"item": "focusVisible"
}
},
"outlinedBorder": {
"$value": 50,
"original": {
"$value": 50
},
"attributes": {
"category": "opacity",
"type": "dark",
"item": "outlinedBorder"
}
}
}
},
"palette": {
"text": {
"primary": {
"on-light": {
"$value": "#1b1c1d",
"original": {
"$value": "{color.neutral.950}"
},
"attributes": {
"category": "palette",
"type": "text",
"item": "primary",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#f2f2f3",
"original": {
"$value": "{color.neutral.50}"
},
"attributes": {
"category": "palette",
"type": "text",
"item": "primary",
"subitem": "on-dark"
}
}
},
"secondary": {
"on-light": {
"$value": "#63666b",
"original": {
"$value": "{color.neutral.700}"
},
"attributes": {
"category": "palette",
"type": "text",
"item": "secondary",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#9fa0a6",
"original": {
"$value": "{color.neutral.400}"
},
"attributes": {
"category": "palette",
"type": "text",
"item": "secondary",
"subitem": "on-dark"
}
}
},
"tertiary": {
"on-light": {
"$value": "#9fa0a6",
"original": {
"$value": "{color.neutral.400}"
},
"attributes": {
"category": "palette",
"type": "text",
"item": "tertiary",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#6e7176",
"original": {
"$value": "{color.neutral.600}"
},
"attributes": {
"category": "palette",
"type": "text",
"item": "tertiary",
"subitem": "on-dark"
}
}
}
},
"primary": {
"base": "#004ADD",
"main": {
"on-light": {
"$value": "#004ADD",
"original": {
"$value": "{color.blue.500}"
},
"attributes": {
"category": "palette",
"type": "primary",
"item": "main",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#bbd2ff",
"original": {
"$value": "{color.blue.200}"
},
"attributes": {
"category": "palette",
"type": "primary",
"item": "main",
"subitem": "on-dark"
}
}
},
"light": {
"on-light": {
"$value": "#e5eeff",
"original": {
"$value": "{color.blue.50}"
},
"attributes": {
"category": "palette",
"type": "primary",
"item": "light",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#000e2b",
"original": {
"$value": "{color.blue.950}"
},
"attributes": {
"category": "palette",
"type": "primary",
"item": "light",
"subitem": "on-dark"
}
}
},
"dark": {
"on-light": {
"$value": "#0048d6",
"original": {
"$value": "{color.blue.600}"
},
"attributes": {
"category": "palette",
"type": "primary",
"item": "dark",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#00236b",
"original": {
"$value": "{color.blue.900}"
},
"attributes": {
"category": "palette",
"type": "primary",
"item": "dark",
"subitem": "on-dark"
}
}
},
"contrast": {
"on-light": {
"$value": "#FFFFFF",
"original": {
"$value": "{color.common.white}"
},
"attributes": {
"category": "palette",
"type": "primary",
"item": "contrast",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#000000",
"original": {
"$value": "{color.common.black}"
},
"attributes": {
"category": "palette",
"type": "primary",
"item": "contrast",
"subitem": "on-dark"
}
}
}
},
"warning": {
"base": "#F97316",
"main": {
"on-light": {
"$value": "#F97316",
"original": {
"$value": "{color.orange.500}"
},
"attributes": {
"category": "palette",
"type": "warning",
"item": "main",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#fcc39c",
"original": {
"$value": "{color.orange.300}"
},
"attributes": {
"category": "palette",
"type": "warning",
"item": "main",
"subitem": "on-dark"
}
}
},
"light": {
"on-light": {
"$value": "#fef0e6",
"original": {
"$value": "{color.orange.50}"
},
"attributes": {
"category": "palette",
"type": "warning",
"item": "light",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#5a2602",
"original": {
"$value": "{color.orange.950}"
},
"attributes": {
"category": "palette",
"type": "warning",
"item": "light",
"subitem": "on-dark"
}
}
},
"dark": {
"on-light": {
"$value": "#f96f0f",
"original": {
"$value": "{color.orange.600}"
},
"attributes": {
"category": "palette",
"type": "warning",
"item": "dark",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#994104",
"original": {
"$value": "{color.orange.900}"
},
"attributes": {
"category": "palette",
"type": "warning",
"item": "dark",
"subitem": "on-dark"
}
}
},
"contrast": {
"on-light": {
"$value": "#FFFFFF",
"original": {
"$value": "{color.common.white}"
},
"attributes": {
"category": "palette",
"type": "warning",
"item": "contrast",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#000000",
"original": {
"$value": "{color.common.black}"
},
"attributes": {
"category": "palette",
"type": "warning",
"item": "contrast",
"subitem": "on-dark"
}
}
}
},
"error": {
"base": "#EF4444",
"main": {
"on-light": {
"$value": "#EF4444",
"original": {
"$value": "{color.red.500}"
},
"attributes": {
"category": "palette",
"type": "error",
"item": "main",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#f8adad",
"original": {
"$value": "{color.red.300}"
},
"attributes": {
"category": "palette",
"type": "error",
"item": "main",
"subitem": "on-dark"
}
}
},
"light": {
"on-light": {
"$value": "#fde8e8",
"original": {
"$value": "{color.red.50}"
},
"attributes": {
"category": "palette",
"type": "error",
"item": "light",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#760a0a",
"original": {
"$value": "{color.red.950}"
},
"attributes": {
"category": "palette",
"type": "error",
"item": "light",
"subitem": "on-dark"
}
}
},
"dark": {
"on-light": {
"$value": "#ee3d3d",
"original": {
"$value": "{color.red.600}"
},
"attributes": {
"category": "palette",
"type": "error",
"item": "dark",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#b10f0f",
"original": {
"$value": "{color.red.900}"
},
"attributes": {
"category": "palette",
"type": "error",
"item": "dark",
"subitem": "on-dark"
}
}
},
"contrast": {
"on-light": {
"$value": "#FFFFFF",
"original": {
"$value": "{color.common.white}"
},
"attributes": {
"category": "palette",
"type": "error",
"item": "contrast",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#000000",
"original": {
"$value": "{color.common.black}"
},
"attributes": {
"category": "palette",
"type": "error",
"item": "contrast",
"subitem": "on-dark"
}
}
}
},
"success": {
"base": "#22C55E",
"main": {
"on-light": {
"$value": "#22C55E",
"original": {
"$value": "{color.green.500}"
},
"attributes": {
"category": "palette",
"type": "success",
"item": "main",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#9cedbb",
"original": {
"$value": "{color.green.300}"
},
"attributes": {
"category": "palette",
"type": "success",
"item": "main",
"subitem": "on-dark"
}
}
},
"light": {
"on-light": {
"$value": "#e9fbf0",
"original": {
"$value": "{color.green.50}"
},
"attributes": {
"category": "palette",
"type": "success",
"item": "light",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#082d15",
"original": {
"$value": "{color.green.950}"
},
"attributes": {
"category": "palette",
"type": "success",
"item": "light",
"subitem": "on-dark"
}
}
},
"dark": {
"on-light": {
"$value": "#21bf5b",
"original": {
"$value": "{color.green.600}"
},
"attributes": {
"category": "palette",
"type": "success",
"item": "dark",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#12642f",
"original": {
"$value": "{color.green.900}"
},
"attributes": {
"category": "palette",
"type": "success",
"item": "dark",
"subitem": "on-dark"
}
}
},
"contrast": {
"on-light": {
"$value": "#FFFFFF",
"original": {
"$value": "{color.common.white}"
},
"attributes": {
"category": "palette",
"type": "success",
"item": "contrast",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#000000",
"original": {
"$value": "{color.common.black}"
},
"attributes": {
"category": "palette",
"type": "success",
"item": "contrast",
"subitem": "on-dark"
}
}
}
},
"info": {
"base": "#8B5CF6",
"main": {
"on-light": {
"$value": "#8B5CF6",
"original": {
"$value": "{color.violet.500}"
},
"attributes": {
"category": "palette",
"type": "info",
"item": "main",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#cab5fc",
"original": {
"$value": "{color.violet.300}"
},
"attributes": {
"category": "palette",
"type": "info",
"item": "main",
"subitem": "on-dark"
}
}
},
"light": {
"on-light": {
"$value": "#eee7fe",
"original": {
"$value": "{color.violet.50}"
},
"attributes": {
"category": "palette",
"type": "info",
"item": "light",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#eee7fe",
"original": {
"$value": "{color.violet.50}"
},
"attributes": {
"category": "palette",
"type": "info",
"item": "light",
"subitem": "on-dark"
}
}
},
"dark": {
"on-light": {
"$value": "#8655f6",
"original": {
"$value": "{color.violet.600}"
},
"attributes": {
"category": "palette",
"type": "info",
"item": "dark",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#490bd4",
"original": {
"$value": "{color.violet.900}"
},
"attributes": {
"category": "palette",
"type": "info",
"item": "dark",
"subitem": "on-dark"
}
}
},
"contrast": {
"on-light": {
"$value": "#FFFFFF",
"original": {
"$value": "{color.common.white}"
},
"attributes": {
"category": "palette",
"type": "info",
"item": "contrast",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#000000",
"original": {
"$value": "{color.common.black}"
},
"attributes": {
"category": "palette",
"type": "info",
"item": "contrast",
"subitem": "on-dark"
}
}
}
},
"border": {
"default": {
"on-light": {
"$value": "#eaebf1",
"original": {
"$value": "{color.slate.100}"
},
"attributes": {
"category": "palette",
"type": "border",
"item": "default",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#2a3241",
"original": {
"$value": "{color.slate.900}"
},
"attributes": {
"category": "palette",
"type": "border",
"item": "default",
"subitem": "on-dark"
}
}
},
"subtle": {
"on-light": {
"$value": "#d7dae4",
"original": {
"$value": "{color.slate.200}"
},
"attributes": {
"category": "palette",
"type": "border",
"item": "subtle",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#3e495f",
"original": {
"$value": "{color.slate.800}"
},
"attributes": {
"category": "palette",
"type": "border",
"item": "subtle",
"subitem": "on-dark"
}
}
},
"muted": {
"on-light": {
"$value": "#b7bdcf",
"original": {
"$value": "{color.slate.300}"
},
"attributes": {
"category": "palette",
"type": "border",
"item": "muted",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#3e495f",
"original": {
"$value": "{color.slate.800}"
},
"attributes": {
"category": "palette",
"type": "border",
"item": "muted",
"subitem": "on-dark"
}
}
},
"emphasized": {
"on-light": {
"$value": "#8a96b2",
"original": {
"$value": "{color.slate.400}"
},
"attributes": {
"category": "palette",
"type": "border",
"item": "emphasized",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#4d5a74",
"original": {
"$value": "{color.slate.700}"
},
"attributes": {
"category": "palette",
"type": "border",
"item": "emphasized",
"subitem": "on-dark"
}
}
},
"error": {
"on-light": {
"$value": "#EF4444",
"original": {
"$value": "{palette.error.main.on-light}"
},
"attributes": {
"category": "palette",
"type": "border",
"item": "error",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#f8adad",
"original": {
"$value": "{palette.error.main.on-dark}"
},
"attributes": {
"category": "palette",
"type": "border",
"item": "error",
"subitem": "on-dark"
}
}
},
"success": {
"on-light": {
"$value": "#22C55E",
"original": {
"$value": "{palette.success.main.on-light}"
},
"attributes": {
"category": "palette",
"type": "border",
"item": "success",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#9cedbb",
"original": {
"$value": "{palette.success.main.on-dark}"
},
"attributes": {
"category": "palette",
"type": "border",
"item": "success",
"subitem": "on-dark"
}
}
}
},
"bg": {
"default": {
"on-light": {
"$value": "#FFFFFF",
"original": {
"$value": "{color.common.white}"
},
"attributes": {
"category": "palette",
"type": "bg",
"item": "default",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#000000",
"original": {
"$value": "{color.common.black}"
},
"attributes": {
"category": "palette",
"type": "bg",
"item": "default",
"subitem": "on-dark"
}
}
},
"inverted": {
"on-light": {
"$value": "#000000",
"original": {
"$value": "{color.common.black}"
},
"attributes": {
"category": "palette",
"type": "bg",
"item": "inverted",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#FFFFFF",
"original": {
"$value": "{color.common.white}"
},
"attributes": {
"category": "palette",
"type": "bg",
"item": "inverted",
"subitem": "on-dark"
}
}
},
"subtle": {
"on-light": {
"$value": "#f0f1f5",
"original": {
"$value": "{color.slate.50}"
},
"attributes": {
"category": "palette",
"type": "bg",
"item": "subtle",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#11141a",
"original": {
"$value": "{color.slate.950}"
},
"attributes": {
"category": "palette",
"type": "bg",
"item": "subtle",
"subitem": "on-dark"
}
}
},
"muted": {
"on-light": {
"$value": "#eaebf1",
"original": {
"$value": "{color.slate.100}"
},
"attributes": {
"category": "palette",
"type": "bg",
"item": "muted",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#3e495f",
"original": {
"$value": "{color.slate.800}"
},
"attributes": {
"category": "palette",
"type": "bg",
"item": "muted",
"subitem": "on-dark"
}
}
},
"emphasized": {
"on-light": {
"$value": "#d7dae4",
"original": {
"$value": "{color.slate.200}"
},
"attributes": {
"category": "palette",
"type": "bg",
"item": "emphasized",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#4d5a74",
"original": {
"$value": "{color.slate.700}"
},
"attributes": {
"category": "palette",
"type": "bg",
"item": "emphasized",
"subitem": "on-dark"
}
}
},
"error": {
"on-light": {
"$value": "#EF4444",
"original": {
"$value": "{palette.error.main.on-light}"
},
"attributes": {
"category": "palette",
"type": "bg",
"item": "error",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#f8adad",
"original": {
"$value": "{palette.error.main.on-dark}"
},
"attributes": {
"category": "palette",
"type": "bg",
"item": "error",
"subitem": "on-dark"
}
}
},
"success": {
"on-light": {
"$value": "#22C55E",
"original": {
"$value": "{palette.success.main.on-light}"
},
"attributes": {
"category": "palette",
"type": "bg",
"item": "success",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#9cedbb",
"original": {
"$value": "{palette.success.main.on-dark}"
},
"attributes": {
"category": "palette",
"type": "bg",
"item": "success",
"subitem": "on-dark"
}
}
},
"info": {
"on-light": {
"$value": "#8B5CF6",
"original": {
"$value": "{palette.info.main.on-light}"
},
"attributes": {
"category": "palette",
"type": "bg",
"item": "info",
"subitem": "on-light"
}
},
"on-dark": {
"$value": "#cab5fc",
"original": {
"$value": "{palette.info.main.on-dark}"
},
"attributes": {
"category": "palette",
"type": "bg",
"item": "info",
"subitem": "on-dark"
}
}
}
}
},
"shadow": {
"1": {
"$value": "inset 0px 1.5px 2px 0px rgba(0,0,0,0.2), inset 0px 1.5px 2px 0px rgba(0,0,0,0.1)",
"original": {
"$value": [
{
"inset": true,
"x": 0,
"y": 1.5,
"blur": 2,
"spread": 0,
"color": "{color.common.black}",
"alpha": 0.2
},
{
"inset": true,
"x": 0,
"y": 1.5,
"blur": 2,
"spread": 0,
"color": "{color.common.black}",
"alpha": 0.1
}
]
},
"attributes": {
"category": "shadow",
"type": "1"
}
},
"2": {
"$value": "0px 1px 1px 0px rgba(0,0,0,0.2), 0px 2px 1px -1px rgba(0,0,0,0.1), 0px 1px 3px 0px rgba(0,0,0,0.1)",
"original": {
"$value": [
{
"inset": false,
"x": 0,
"y": 1,
"blur": 1,
"spread": 0,
"color": "{color.common.black}",
"alpha": 0.2
},
{
"inset": false,
"x": 0,
"y": 2,
"blur": 1,
"spread": -1,
"color": "{color.common.black}",
"alpha": 0.1
},
{
"inset": false,
"x": 0,
"y": 1,
"blur": 3,
"spread": 0,
"color": "{color.common.black}",
"alpha": 0.1
}
]
},
"attributes": {
"category": "shadow",
"type": "2"
}
},
"3": {
"$value": "0px 2px 3px -2px rgba(0,0,0,0.2), 0px 3px 12px -4px rgba(0,0,0,0.1), 0px 4px 16px -8px rgba(0,0,0,0.1)",
"original": {
"$value": [
{
"inset": false,
"x": 0,
"y": 2,
"blur": 3,
"spread": -2,
"color": "{color.common.black}",
"alpha": 0.2
},
{
"inset": false,
"x": 0,
"y": 3,
"blur": 12,
"spread": -4,
"color": "{color.common.black}",
"alpha": 0.1
},
{
"inset": false,
"x": 0,
"y": 4,
"blur": 16,
"spread": -8,
"color": "{color.common.black}",
"alpha": 0.1
}
]
},
"attributes": {
"category": "shadow",
"type": "3"
}
},
"4": {
"$value": "0px 8px 40px 0px rgba(0,0,0,0.2), 0px 12px 32px -16px rgba(0,0,0,0.1)",
"original": {
"$value": [
{
"inset": false,
"x": 0,
"y": 8,
"blur": 40,
"spread": 0,
"color": "{color.common.black}",
"alpha": 0.2
},
{
"inset": false,
"x": 0,
"y": 12,
"blur": 32,
"spread": -16,
"color": "{color.common.black}",
"alpha": 0.1
}
]
},
"attributes": {
"category": "shadow",
"type": "4"
}
},
"5": {
"$value": "0px 12px 60px 0px rgba(0,0,0,0.2), 0px 12px 32px -16px rgba(0,0,0,0.1)",
"original": {
"$value": [
{
"inset": false,
"x": 0,
"y": 12,
"blur": 60,
"spread": 0,
"color": "{color.common.black}",
"alpha": 0.2
},
{
"inset": false,
"x": 0,
"y": 12,
"blur": 32,
"spread": -16,
"color": "{color.common.black}",
"alpha": 0.1
}
]
},
"attributes": {
"category": "shadow",
"type": "5"
}
},
"6": {
"$value": "0px 12px 60px 0px rgba(0,0,0,0.3), 0px 16px 64px 0px rgba(0,0,0,0.2), 0px 16px 36px -20px rgba(0,0,0,0.1)",
"original": {
"$value": [
{
"inset": false,
"x": 0,
"y": 12,
"blur": 60,
"spread": 0,
"color": "{color.common.black}",
"alpha": 0.3
},
{
"inset": false,
"x": 0,
"y": 16,
"blur": 64,
"spread": 0,
"color": "{color.common.black}",
"alpha": 0.2
},
{
"inset": false,
"x": 0,
"y": 16,
"blur": 36,
"spread": -20,
"color": "{color.common.black}",
"alpha": 0.1
}
]
},
"attributes": {
"category": "shadow",
"type": "6"
}
}
},
"time": {
"duration": {
"shortest": {
"$value": "0.175s",
"original": {
"$value": "0.175s"
},
"attributes": {
"category": "time",
"type": "duration",
"item": "shortest"
}
},
"shorter": {
"$value": "0.2s",
"original": {
"$value": "0.2s"
},
"attributes": {
"category": "time",
"type": "duration",
"item": "shorter"
}
},
"short": {
"$value": "0.225s",
"original": {
"$value": "0.225s"
},
"attributes": {
"category": "time",
"type": "duration",
"item": "short"
}
},
"standard": {
"$value": "0.25s",
"original": {
"$value": "0.25s"
},
"attributes": {
"category": "time",
"type": "duration",
"item": "standard"
}
},
"medium": {
"$value": "0.3s",
"original": {
"$value": "0.3s"
},
"attributes": {
"category": "time",
"type": "duration",
"item": "medium"
}
},
"long": {
"$value": "0.5s",
"original": {
"$value": "0.5s"
},
"attributes": {
"category": "time",
"type": "duration",
"item": "long"
}
},
"longer": {
"$value": "1s",
"original": {
"$value": "1s"
},
"attributes": {
"category": "time",
"type": "duration",
"item": "longer"
}
},
"longest": {
"$value": "2s",
"original": {
"$value": "2s"
},
"attributes": {
"category": "time",
"type": "duration",
"item": "longest"
}
}
}
}
}