Untitled
unknown
plain_text
a year ago
70 kB
2
Indexable
Typeface.WT.tokens.json
{
"Weight": {
"Regular": {
"$type": "number",
"$value": 400
},
"Medium": {
"$type": "number",
"$value": 500
},
"Semi Bold": {
"$type": "number",
"$value": 600
},
"Bold": {
"$type": "number",
"$value": 700
}
}
}
Typeface.Sans Serif.tokens.json
{
"Weight": {
"Regular": {
"$type": "number",
"$value": 400
},
"Medium": {
"$type": "number",
"$value": 500
},
"Semi Bold": {
"$type": "number",
"$value": 600
},
"Bold": {
"$type": "number",
"$value": 700
}
}
}
Typeface.Serif.tokens.json
{
"Weight": {
"Regular": {
"$type": "number",
"$value": 400
},
"Medium": {
"$type": "number",
"$value": 500
},
"Semi Bold": {
"$type": "number",
"$value": 600
},
"Bold": {
"$type": "number",
"$value": 700
}
}
}
Typescale.Base.tokens.json
{
"Heading": {
"2XL": {
"Size": {
"$type": "number",
"$value": 90
},
"Line Height": {
"$type": "number",
"$value": 108
},
"Tracking": {
"$type": "number",
"$value": -0.25
}
},
"XL": {
"Size": {
"$type": "number",
"$value": 72
},
"Line Height": {
"$type": "number",
"$value": 90
},
"Tracking": {
"$type": "number",
"$value": -0.25
}
},
"L": {
"Size": {
"$type": "number",
"$value": 60
},
"Line Height": {
"$type": "number",
"$value": 72
},
"Tracking": {
"$type": "number",
"$value": -0.25
}
},
"M": {
"Size": {
"$type": "number",
"$value": 48
},
"Line Height": {
"$type": "number",
"$value": 60
},
"Tracking": {
"$type": "number",
"$value": 0
}
},
"2XS": {
"Size": {
"$type": "number",
"$value": 24
},
"Line Height": {
"$type": "number",
"$value": 32
},
"Tracking": {
"$type": "number",
"$value": 0
}
},
"XS": {
"Size": {
"$type": "number",
"$value": 30
},
"Line Height": {
"$type": "number",
"$value": 38
},
"Tracking": {
"$type": "number",
"$value": 0
}
},
"S": {
"Size": {
"$type": "number",
"$value": 36
},
"Line Height": {
"$type": "number",
"$value": 44
},
"Tracking": {
"$type": "number",
"$value": 0
}
}
},
"Body": {
"M": {
"Size": {
"$type": "number",
"$value": 18
},
"Line Height": {
"$type": "number",
"$value": 28
},
"Tracking": {
"$type": "number",
"$value": 0
}
},
"L": {
"Size": {
"$type": "number",
"$value": 20
},
"Line Height": {
"$type": "number",
"$value": 30
},
"Tracking": {
"$type": "number",
"$value": 0
}
},
"XS": {
"Size": {
"$type": "number",
"$value": 14
},
"Line Height": {
"$type": "number",
"$value": 20
},
"Tracking": {
"$type": "number",
"$value": 0
}
},
"S": {
"Size": {
"$type": "number",
"$value": 16
},
"Line Height": {
"$type": "number",
"$value": 24
},
"Tracking": {
"$type": "number",
"$value": 0
}
},
"2XS": {
"Size": {
"$type": "number",
"$value": 12
},
"Line Height": {
"$type": "number",
"$value": 18
},
"Tracking": {
"$type": "number",
"$value": 0
}
}
}
}
Foundations.Mode 1.tokens.json
{
"neutral": {
"50": {
"$type": "color",
"$value": "#fafafa"
},
"100": {
"$type": "color",
"$value": "#f4f4f5"
},
"200": {
"$type": "color",
"$value": "#e4e4e7"
},
"300": {
"$type": "color",
"$value": "#d4d4d8"
},
"400": {
"$type": "color",
"$value": "#a1a1aa"
},
"500": {
"$type": "color",
"$value": "#71717a"
},
"600": {
"$type": "color",
"$value": "#52525b"
},
"700": {
"$type": "color",
"$value": "#3f3f46"
},
"800": {
"$type": "color",
"$value": "#27272a"
},
"900": {
"$type": "color",
"$value": "#09090b"
},
"white": {
"$type": "color",
"$value": "#ffffff"
},
"black": {
"$type": "color",
"$value": "#000000"
}
},
"red": {
"50": {
"$type": "color",
"$value": "#feebee"
},
"100": {
"$type": "color",
"$value": "#fecdd2"
},
"200": {
"$type": "color",
"$value": "#ef9a9a"
},
"300": {
"$type": "color",
"$value": "#e57373"
},
"400": {
"$type": "color",
"$value": "#ef5350"
},
"500": {
"$type": "color",
"$value": "#f44336"
},
"600": {
"$type": "color",
"$value": "#e53935"
},
"700": {
"$type": "color",
"$value": "#d32f2f"
},
"800": {
"$type": "color",
"$value": "#c62828"
},
"900": {
"$type": "color",
"$value": "#b71c1c"
}
},
"orange": {
"50": {
"$type": "color",
"$value": "#fff3e0"
},
"100": {
"$type": "color",
"$value": "#ffe0b2"
},
"200": {
"$type": "color",
"$value": "#ffcc80"
},
"300": {
"$type": "color",
"$value": "#ffb74d"
},
"400": {
"$type": "color",
"$value": "#ffa726"
},
"500": {
"$type": "color",
"$value": "#ff9800"
},
"600": {
"$type": "color",
"$value": "#fb8c00"
},
"700": {
"$type": "color",
"$value": "#f57c00"
},
"800": {
"$type": "color",
"$value": "#ef6c00"
},
"900": {
"$type": "color",
"$value": "#e65100"
}
},
"amber": {
"50": {
"$type": "color",
"$value": "#fff8e1"
},
"100": {
"$type": "color",
"$value": "#ffecb3"
},
"200": {
"$type": "color",
"$value": "#ffe082"
},
"300": {
"$type": "color",
"$value": "#ffd54f"
},
"400": {
"$type": "color",
"$value": "#ffca28"
},
"500": {
"$type": "color",
"$value": "#ffc107"
},
"600": {
"$type": "color",
"$value": "#ffb300"
},
"700": {
"$type": "color",
"$value": "#ffa000"
},
"800": {
"$type": "color",
"$value": "#ff8f00"
},
"900": {
"$type": "color",
"$value": "#ff6f00"
}
},
"yellow": {
"50": {
"$type": "color",
"$value": "#fffde7"
},
"100": {
"$type": "color",
"$value": "#fff9c4"
},
"200": {
"$type": "color",
"$value": "#fff59d"
},
"300": {
"$type": "color",
"$value": "#fff176"
},
"400": {
"$type": "color",
"$value": "#ffee58"
},
"500": {
"$type": "color",
"$value": "#ffeb3b"
},
"600": {
"$type": "color",
"$value": "#fdd835"
},
"700": {
"$type": "color",
"$value": "#fbc02d"
},
"800": {
"$type": "color",
"$value": "#f9a825"
},
"900": {
"$type": "color",
"$value": "#f57f17"
}
},
"lime": {
"50": {
"$type": "color",
"$value": "#f9fbe7"
},
"100": {
"$type": "color",
"$value": "#f0f4c3"
},
"200": {
"$type": "color",
"$value": "#e6ee9c"
},
"300": {
"$type": "color",
"$value": "#dce775"
},
"400": {
"$type": "color",
"$value": "#d4e157"
},
"500": {
"$type": "color",
"$value": "#cddc39"
},
"600": {
"$type": "color",
"$value": "#c0ca33"
},
"700": {
"$type": "color",
"$value": "#afb42b"
},
"800": {
"$type": "color",
"$value": "#9e9d24"
},
"900": {
"$type": "color",
"$value": "#827717"
}
},
"green": {
"50": {
"$type": "color",
"$value": "#e8f5e9"
},
"100": {
"$type": "color",
"$value": "#c8e6c9"
},
"200": {
"$type": "color",
"$value": "#a5d6a7"
},
"300": {
"$type": "color",
"$value": "#81c784"
},
"400": {
"$type": "color",
"$value": "#66bb6a"
},
"500": {
"$type": "color",
"$value": "#4caf50"
},
"600": {
"$type": "color",
"$value": "#43a047"
},
"700": {
"$type": "color",
"$value": "#388e3c"
},
"800": {
"$type": "color",
"$value": "#2e7d32"
},
"900": {
"$type": "color",
"$value": "#1b5e20"
}
},
"teal": {
"50": {
"$type": "color",
"$value": "#e0f2f1"
},
"100": {
"$type": "color",
"$value": "#b2dfdb"
},
"200": {
"$type": "color",
"$value": "#80cbc4"
},
"300": {
"$type": "color",
"$value": "#4db6ac"
},
"400": {
"$type": "color",
"$value": "#26a69a"
},
"500": {
"$type": "color",
"$value": "#009688"
},
"600": {
"$type": "color",
"$value": "#00897b"
},
"700": {
"$type": "color",
"$value": "#00796b"
},
"800": {
"$type": "color",
"$value": "#00695c"
},
"900": {
"$type": "color",
"$value": "#004d40"
}
},
"cyan": {
"50": {
"$type": "color",
"$value": "#e0f7fa"
},
"100": {
"$type": "color",
"$value": "#b2ebf2"
},
"200": {
"$type": "color",
"$value": "#80deea"
},
"300": {
"$type": "color",
"$value": "#4dd0e1"
},
"400": {
"$type": "color",
"$value": "#26c6da"
},
"500": {
"$type": "color",
"$value": "#00bcd4"
},
"600": {
"$type": "color",
"$value": "#00acc1"
},
"700": {
"$type": "color",
"$value": "#0097a7"
},
"800": {
"$type": "color",
"$value": "#00838f"
},
"900": {
"$type": "color",
"$value": "#006064"
}
},
"blue": {
"50": {
"$type": "color",
"$value": "#e3f2fd"
},
"100": {
"$type": "color",
"$value": "#bbdefb"
},
"200": {
"$type": "color",
"$value": "#90caf9"
},
"300": {
"$type": "color",
"$value": "#64b5f6"
},
"400": {
"$type": "color",
"$value": "#42a5f5"
},
"500": {
"$type": "color",
"$value": "#2196f3"
},
"600": {
"$type": "color",
"$value": "#1e88e5"
},
"700": {
"$type": "color",
"$value": "#1565c0"
},
"800": {
"$type": "color",
"$value": "#0057b2"
},
"900": {
"$type": "color",
"$value": "#0d47a1"
}
},
"indigo": {
"50": {
"$type": "color",
"$value": "#e8eaf6"
},
"100": {
"$type": "color",
"$value": "#c5cae9"
},
"200": {
"$type": "color",
"$value": "#9fa8da"
},
"300": {
"$type": "color",
"$value": "#7986cb"
},
"400": {
"$type": "color",
"$value": "#5c6bc0"
},
"500": {
"$type": "color",
"$value": "#3f51b5"
},
"600": {
"$type": "color",
"$value": "#3949ab"
},
"700": {
"$type": "color",
"$value": "#303f9f"
},
"800": {
"$type": "color",
"$value": "#283593"
},
"900": {
"$type": "color",
"$value": "#1a237e"
}
},
"purple": {
"50": {
"$type": "color",
"$value": "#f3e5f5"
},
"100": {
"$type": "color",
"$value": "#e1bee7"
},
"200": {
"$type": "color",
"$value": "#ce93d8"
},
"300": {
"$type": "color",
"$value": "#ba68c8"
},
"400": {
"$type": "color",
"$value": "#ab47bc"
},
"500": {
"$type": "color",
"$value": "#9c27b0"
},
"600": {
"$type": "color",
"$value": "#8e24aa"
},
"700": {
"$type": "color",
"$value": "#7b1fa2"
},
"800": {
"$type": "color",
"$value": "#6a1b9a"
},
"900": {
"$type": "color",
"$value": "#4a148c"
}
},
"pink": {
"50": {
"$type": "color",
"$value": "#fce4ec"
},
"100": {
"$type": "color",
"$value": "#f8bbd0"
},
"200": {
"$type": "color",
"$value": "#f48fb1"
},
"300": {
"$type": "color",
"$value": "#f06292"
},
"400": {
"$type": "color",
"$value": "#ec407a"
},
"500": {
"$type": "color",
"$value": "#e91e63"
},
"600": {
"$type": "color",
"$value": "#d81b60"
},
"700": {
"$type": "color",
"$value": "#c2185b"
},
"800": {
"$type": "color",
"$value": "#ad1457"
},
"900": {
"$type": "color",
"$value": "#880e4f"
}
},
"branding": {
"wt": {
"50": {
"$type": "color",
"$value": "#fff6ed"
},
"100": {
"$type": "color",
"$value": "#feecd6"
},
"200": {
"$type": "color",
"$value": "#fcd5ac"
},
"300": {
"$type": "color",
"$value": "#f9b678"
},
"400": {
"$type": "color",
"$value": "#f68e41"
},
"500": {
"$type": "color",
"$value": "#f37121"
},
"600": {
"$type": "color",
"$value": "#e45412"
},
"700": {
"$type": "color",
"$value": "#bd3e11"
},
"800": {
"$type": "color",
"$value": "#792b15"
},
"900": {
"$type": "color",
"$value": "#411309"
}
}
},
"alpha": {
"black": {
"5": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.0500)"
},
"10": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.1000)"
},
"20": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.2000)"
},
"30": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.3000)"
},
"40": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.4000)"
},
"50": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.5000)"
},
"60": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.6000)"
},
"70": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.7000)"
},
"80": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.8000)"
},
"90": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.9000)"
},
"100": {
"$type": "color",
"$value": "#09090b"
}
},
"white": {
"5": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.0500)"
},
"10": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.1000)"
},
"20": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.2000)"
},
"30": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.3000)"
},
"40": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.4000)"
},
"50": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.5000)"
},
"60": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.6000)"
},
"70": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.7000)"
},
"80": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.8000)"
},
"90": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.9000)"
},
"100": {
"$type": "color",
"$value": "#fafafa"
}
}
}
}
Foundations.Mode 2.tokens.json
{
"neutral": {
"50": {
"$type": "color",
"$value": "#fafafa"
},
"100": {
"$type": "color",
"$value": "#f4f4f5"
},
"200": {
"$type": "color",
"$value": "#e4e4e7"
},
"300": {
"$type": "color",
"$value": "#d4d4d8"
},
"400": {
"$type": "color",
"$value": "#a1a1aa"
},
"500": {
"$type": "color",
"$value": "#71717a"
},
"600": {
"$type": "color",
"$value": "#52525b"
},
"700": {
"$type": "color",
"$value": "#3f3f46"
},
"800": {
"$type": "color",
"$value": "#27272a"
},
"900": {
"$type": "color",
"$value": "#09090b"
},
"white": {
"$type": "color",
"$value": "#ffffff"
},
"black": {
"$type": "color",
"$value": "#000000"
}
},
"red": {
"50": {
"$type": "color",
"$value": "#feebee"
},
"100": {
"$type": "color",
"$value": "#fecdd2"
},
"200": {
"$type": "color",
"$value": "#ef9a9a"
},
"300": {
"$type": "color",
"$value": "#e57373"
},
"400": {
"$type": "color",
"$value": "#ef5350"
},
"500": {
"$type": "color",
"$value": "#f44336"
},
"600": {
"$type": "color",
"$value": "#e53935"
},
"700": {
"$type": "color",
"$value": "#d32f2f"
},
"800": {
"$type": "color",
"$value": "#c62828"
},
"900": {
"$type": "color",
"$value": "#b71c1c"
}
},
"orange": {
"50": {
"$type": "color",
"$value": "#fff3e0"
},
"100": {
"$type": "color",
"$value": "#ffe0b2"
},
"200": {
"$type": "color",
"$value": "#ffcc80"
},
"300": {
"$type": "color",
"$value": "#ffb74d"
},
"400": {
"$type": "color",
"$value": "#ffa726"
},
"500": {
"$type": "color",
"$value": "#ff9800"
},
"600": {
"$type": "color",
"$value": "#fb8c00"
},
"700": {
"$type": "color",
"$value": "#f57c00"
},
"800": {
"$type": "color",
"$value": "#ef6c00"
},
"900": {
"$type": "color",
"$value": "#e65100"
}
},
"amber": {
"50": {
"$type": "color",
"$value": "#fff8e1"
},
"100": {
"$type": "color",
"$value": "#ffecb3"
},
"200": {
"$type": "color",
"$value": "#ffe082"
},
"300": {
"$type": "color",
"$value": "#ffd54f"
},
"400": {
"$type": "color",
"$value": "#ffca28"
},
"500": {
"$type": "color",
"$value": "#ffc107"
},
"600": {
"$type": "color",
"$value": "#ffb300"
},
"700": {
"$type": "color",
"$value": "#ffa000"
},
"800": {
"$type": "color",
"$value": "#ff8f00"
},
"900": {
"$type": "color",
"$value": "#ff6f00"
}
},
"yellow": {
"50": {
"$type": "color",
"$value": "#fffde7"
},
"100": {
"$type": "color",
"$value": "#fff9c4"
},
"200": {
"$type": "color",
"$value": "#fff59d"
},
"300": {
"$type": "color",
"$value": "#fff176"
},
"400": {
"$type": "color",
"$value": "#ffee58"
},
"500": {
"$type": "color",
"$value": "#ffeb3b"
},
"600": {
"$type": "color",
"$value": "#fdd835"
},
"700": {
"$type": "color",
"$value": "#fbc02d"
},
"800": {
"$type": "color",
"$value": "#f9a825"
},
"900": {
"$type": "color",
"$value": "#f57f17"
}
},
"lime": {
"50": {
"$type": "color",
"$value": "#f9fbe7"
},
"100": {
"$type": "color",
"$value": "#f0f4c3"
},
"200": {
"$type": "color",
"$value": "#e6ee9c"
},
"300": {
"$type": "color",
"$value": "#dce775"
},
"400": {
"$type": "color",
"$value": "#d4e157"
},
"500": {
"$type": "color",
"$value": "#cddc39"
},
"600": {
"$type": "color",
"$value": "#c0ca33"
},
"700": {
"$type": "color",
"$value": "#afb42b"
},
"800": {
"$type": "color",
"$value": "#9e9d24"
},
"900": {
"$type": "color",
"$value": "#827717"
}
},
"green": {
"50": {
"$type": "color",
"$value": "#e8f5e9"
},
"100": {
"$type": "color",
"$value": "#c8e6c9"
},
"200": {
"$type": "color",
"$value": "#a5d6a7"
},
"300": {
"$type": "color",
"$value": "#81c784"
},
"400": {
"$type": "color",
"$value": "#66bb6a"
},
"500": {
"$type": "color",
"$value": "#4caf50"
},
"600": {
"$type": "color",
"$value": "#43a047"
},
"700": {
"$type": "color",
"$value": "#388e3c"
},
"800": {
"$type": "color",
"$value": "#2e7d32"
},
"900": {
"$type": "color",
"$value": "#1b5e20"
}
},
"teal": {
"50": {
"$type": "color",
"$value": "#e0f2f1"
},
"100": {
"$type": "color",
"$value": "#b2dfdb"
},
"200": {
"$type": "color",
"$value": "#80cbc4"
},
"300": {
"$type": "color",
"$value": "#4db6ac"
},
"400": {
"$type": "color",
"$value": "#26a69a"
},
"500": {
"$type": "color",
"$value": "#009688"
},
"600": {
"$type": "color",
"$value": "#00897b"
},
"700": {
"$type": "color",
"$value": "#00796b"
},
"800": {
"$type": "color",
"$value": "#00695c"
},
"900": {
"$type": "color",
"$value": "#004d40"
}
},
"cyan": {
"50": {
"$type": "color",
"$value": "#e0f7fa"
},
"100": {
"$type": "color",
"$value": "#b2ebf2"
},
"200": {
"$type": "color",
"$value": "#80deea"
},
"300": {
"$type": "color",
"$value": "#4dd0e1"
},
"400": {
"$type": "color",
"$value": "#26c6da"
},
"500": {
"$type": "color",
"$value": "#00bcd4"
},
"600": {
"$type": "color",
"$value": "#00acc1"
},
"700": {
"$type": "color",
"$value": "#0097a7"
},
"800": {
"$type": "color",
"$value": "#00838f"
},
"900": {
"$type": "color",
"$value": "#006064"
}
},
"blue": {
"50": {
"$type": "color",
"$value": "#e3f2fd"
},
"100": {
"$type": "color",
"$value": "#bbdefb"
},
"200": {
"$type": "color",
"$value": "#90caf9"
},
"300": {
"$type": "color",
"$value": "#64b5f6"
},
"400": {
"$type": "color",
"$value": "#42a5f5"
},
"500": {
"$type": "color",
"$value": "#2196f3"
},
"600": {
"$type": "color",
"$value": "#1e88e5"
},
"700": {
"$type": "color",
"$value": "#1565c0"
},
"800": {
"$type": "color",
"$value": "#0057b2"
},
"900": {
"$type": "color",
"$value": "#0d47a1"
}
},
"indigo": {
"50": {
"$type": "color",
"$value": "#e8eaf6"
},
"100": {
"$type": "color",
"$value": "#c5cae9"
},
"200": {
"$type": "color",
"$value": "#9fa8da"
},
"300": {
"$type": "color",
"$value": "#7986cb"
},
"400": {
"$type": "color",
"$value": "#5c6bc0"
},
"500": {
"$type": "color",
"$value": "#3f51b5"
},
"600": {
"$type": "color",
"$value": "#3949ab"
},
"700": {
"$type": "color",
"$value": "#303f9f"
},
"800": {
"$type": "color",
"$value": "#283593"
},
"900": {
"$type": "color",
"$value": "#1a237e"
}
},
"purple": {
"50": {
"$type": "color",
"$value": "#f3e5f5"
},
"100": {
"$type": "color",
"$value": "#e1bee7"
},
"200": {
"$type": "color",
"$value": "#ce93d8"
},
"300": {
"$type": "color",
"$value": "#ba68c8"
},
"400": {
"$type": "color",
"$value": "#ab47bc"
},
"500": {
"$type": "color",
"$value": "#9c27b0"
},
"600": {
"$type": "color",
"$value": "#8e24aa"
},
"700": {
"$type": "color",
"$value": "#7b1fa2"
},
"800": {
"$type": "color",
"$value": "#6a1b9a"
},
"900": {
"$type": "color",
"$value": "#4a148c"
}
},
"pink": {
"50": {
"$type": "color",
"$value": "#fce4ec"
},
"100": {
"$type": "color",
"$value": "#f8bbd0"
},
"200": {
"$type": "color",
"$value": "#f48fb1"
},
"300": {
"$type": "color",
"$value": "#f06292"
},
"400": {
"$type": "color",
"$value": "#ec407a"
},
"500": {
"$type": "color",
"$value": "#e91e63"
},
"600": {
"$type": "color",
"$value": "#d81b60"
},
"700": {
"$type": "color",
"$value": "#c2185b"
},
"800": {
"$type": "color",
"$value": "#ad1457"
},
"900": {
"$type": "color",
"$value": "#880e4f"
}
},
"branding": {
"wt": {
"50": {
"$type": "color",
"$value": "#fff6ed"
},
"100": {
"$type": "color",
"$value": "#feecd6"
},
"200": {
"$type": "color",
"$value": "#fcd5ac"
},
"300": {
"$type": "color",
"$value": "#f9b678"
},
"400": {
"$type": "color",
"$value": "#f68e41"
},
"500": {
"$type": "color",
"$value": "#f37121"
},
"600": {
"$type": "color",
"$value": "#e45412"
},
"700": {
"$type": "color",
"$value": "#bd3e11"
},
"800": {
"$type": "color",
"$value": "#792b15"
},
"900": {
"$type": "color",
"$value": "#411309"
}
}
},
"alpha": {
"black": {
"5": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.0500)"
},
"10": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.1000)"
},
"20": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.2000)"
},
"30": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.3000)"
},
"40": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.4000)"
},
"50": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.5000)"
},
"60": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.6000)"
},
"70": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.7000)"
},
"80": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.8000)"
},
"90": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.9000)"
},
"100": {
"$type": "color",
"$value": "#09090b"
}
},
"white": {
"5": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.0500)"
},
"10": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.1000)"
},
"20": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.2000)"
},
"30": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.3000)"
},
"40": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.4000)"
},
"50": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.5000)"
},
"60": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.6000)"
},
"70": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.7000)"
},
"80": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.8000)"
},
"90": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.9000)"
},
"100": {
"$type": "color",
"$value": "#fafafa"
}
}
}
}
Foundations.Mode 2.tokens.json
{
"neutral": {
"50": {
"$type": "color",
"$value": "#fafafa"
},
"100": {
"$type": "color",
"$value": "#f4f4f5"
},
"200": {
"$type": "color",
"$value": "#e4e4e7"
},
"300": {
"$type": "color",
"$value": "#d4d4d8"
},
"400": {
"$type": "color",
"$value": "#a1a1aa"
},
"500": {
"$type": "color",
"$value": "#71717a"
},
"600": {
"$type": "color",
"$value": "#52525b"
},
"700": {
"$type": "color",
"$value": "#3f3f46"
},
"800": {
"$type": "color",
"$value": "#27272a"
},
"900": {
"$type": "color",
"$value": "#09090b"
},
"white": {
"$type": "color",
"$value": "#ffffff"
},
"black": {
"$type": "color",
"$value": "#000000"
}
},
"red": {
"50": {
"$type": "color",
"$value": "#feebee"
},
"100": {
"$type": "color",
"$value": "#fecdd2"
},
"200": {
"$type": "color",
"$value": "#ef9a9a"
},
"300": {
"$type": "color",
"$value": "#e57373"
},
"400": {
"$type": "color",
"$value": "#ef5350"
},
"500": {
"$type": "color",
"$value": "#f44336"
},
"600": {
"$type": "color",
"$value": "#e53935"
},
"700": {
"$type": "color",
"$value": "#d32f2f"
},
"800": {
"$type": "color",
"$value": "#c62828"
},
"900": {
"$type": "color",
"$value": "#b71c1c"
}
},
"orange": {
"50": {
"$type": "color",
"$value": "#fff3e0"
},
"100": {
"$type": "color",
"$value": "#ffe0b2"
},
"200": {
"$type": "color",
"$value": "#ffcc80"
},
"300": {
"$type": "color",
"$value": "#ffb74d"
},
"400": {
"$type": "color",
"$value": "#ffa726"
},
"500": {
"$type": "color",
"$value": "#ff9800"
},
"600": {
"$type": "color",
"$value": "#fb8c00"
},
"700": {
"$type": "color",
"$value": "#f57c00"
},
"800": {
"$type": "color",
"$value": "#ef6c00"
},
"900": {
"$type": "color",
"$value": "#e65100"
}
},
"amber": {
"50": {
"$type": "color",
"$value": "#fff8e1"
},
"100": {
"$type": "color",
"$value": "#ffecb3"
},
"200": {
"$type": "color",
"$value": "#ffe082"
},
"300": {
"$type": "color",
"$value": "#ffd54f"
},
"400": {
"$type": "color",
"$value": "#ffca28"
},
"500": {
"$type": "color",
"$value": "#ffc107"
},
"600": {
"$type": "color",
"$value": "#ffb300"
},
"700": {
"$type": "color",
"$value": "#ffa000"
},
"800": {
"$type": "color",
"$value": "#ff8f00"
},
"900": {
"$type": "color",
"$value": "#ff6f00"
}
},
"yellow": {
"50": {
"$type": "color",
"$value": "#fffde7"
},
"100": {
"$type": "color",
"$value": "#fff9c4"
},
"200": {
"$type": "color",
"$value": "#fff59d"
},
"300": {
"$type": "color",
"$value": "#fff176"
},
"400": {
"$type": "color",
"$value": "#ffee58"
},
"500": {
"$type": "color",
"$value": "#ffeb3b"
},
"600": {
"$type": "color",
"$value": "#fdd835"
},
"700": {
"$type": "color",
"$value": "#fbc02d"
},
"800": {
"$type": "color",
"$value": "#f9a825"
},
"900": {
"$type": "color",
"$value": "#f57f17"
}
},
"lime": {
"50": {
"$type": "color",
"$value": "#f9fbe7"
},
"100": {
"$type": "color",
"$value": "#f0f4c3"
},
"200": {
"$type": "color",
"$value": "#e6ee9c"
},
"300": {
"$type": "color",
"$value": "#dce775"
},
"400": {
"$type": "color",
"$value": "#d4e157"
},
"500": {
"$type": "color",
"$value": "#cddc39"
},
"600": {
"$type": "color",
"$value": "#c0ca33"
},
"700": {
"$type": "color",
"$value": "#afb42b"
},
"800": {
"$type": "color",
"$value": "#9e9d24"
},
"900": {
"$type": "color",
"$value": "#827717"
}
},
"green": {
"50": {
"$type": "color",
"$value": "#e8f5e9"
},
"100": {
"$type": "color",
"$value": "#c8e6c9"
},
"200": {
"$type": "color",
"$value": "#a5d6a7"
},
"300": {
"$type": "color",
"$value": "#81c784"
},
"400": {
"$type": "color",
"$value": "#66bb6a"
},
"500": {
"$type": "color",
"$value": "#4caf50"
},
"600": {
"$type": "color",
"$value": "#43a047"
},
"700": {
"$type": "color",
"$value": "#388e3c"
},
"800": {
"$type": "color",
"$value": "#2e7d32"
},
"900": {
"$type": "color",
"$value": "#1b5e20"
}
},
"teal": {
"50": {
"$type": "color",
"$value": "#e0f2f1"
},
"100": {
"$type": "color",
"$value": "#b2dfdb"
},
"200": {
"$type": "color",
"$value": "#80cbc4"
},
"300": {
"$type": "color",
"$value": "#4db6ac"
},
"400": {
"$type": "color",
"$value": "#26a69a"
},
"500": {
"$type": "color",
"$value": "#009688"
},
"600": {
"$type": "color",
"$value": "#00897b"
},
"700": {
"$type": "color",
"$value": "#00796b"
},
"800": {
"$type": "color",
"$value": "#00695c"
},
"900": {
"$type": "color",
"$value": "#004d40"
}
},
"cyan": {
"50": {
"$type": "color",
"$value": "#e0f7fa"
},
"100": {
"$type": "color",
"$value": "#b2ebf2"
},
"200": {
"$type": "color",
"$value": "#80deea"
},
"300": {
"$type": "color",
"$value": "#4dd0e1"
},
"400": {
"$type": "color",
"$value": "#26c6da"
},
"500": {
"$type": "color",
"$value": "#00bcd4"
},
"600": {
"$type": "color",
"$value": "#00acc1"
},
"700": {
"$type": "color",
"$value": "#0097a7"
},
"800": {
"$type": "color",
"$value": "#00838f"
},
"900": {
"$type": "color",
"$value": "#006064"
}
},
"blue": {
"50": {
"$type": "color",
"$value": "#e3f2fd"
},
"100": {
"$type": "color",
"$value": "#bbdefb"
},
"200": {
"$type": "color",
"$value": "#90caf9"
},
"300": {
"$type": "color",
"$value": "#64b5f6"
},
"400": {
"$type": "color",
"$value": "#42a5f5"
},
"500": {
"$type": "color",
"$value": "#2196f3"
},
"600": {
"$type": "color",
"$value": "#1e88e5"
},
"700": {
"$type": "color",
"$value": "#1565c0"
},
"800": {
"$type": "color",
"$value": "#0057b2"
},
"900": {
"$type": "color",
"$value": "#0d47a1"
}
},
"indigo": {
"50": {
"$type": "color",
"$value": "#e8eaf6"
},
"100": {
"$type": "color",
"$value": "#c5cae9"
},
"200": {
"$type": "color",
"$value": "#9fa8da"
},
"300": {
"$type": "color",
"$value": "#7986cb"
},
"400": {
"$type": "color",
"$value": "#5c6bc0"
},
"500": {
"$type": "color",
"$value": "#3f51b5"
},
"600": {
"$type": "color",
"$value": "#3949ab"
},
"700": {
"$type": "color",
"$value": "#303f9f"
},
"800": {
"$type": "color",
"$value": "#283593"
},
"900": {
"$type": "color",
"$value": "#1a237e"
}
},
"purple": {
"50": {
"$type": "color",
"$value": "#f3e5f5"
},
"100": {
"$type": "color",
"$value": "#e1bee7"
},
"200": {
"$type": "color",
"$value": "#ce93d8"
},
"300": {
"$type": "color",
"$value": "#ba68c8"
},
"400": {
"$type": "color",
"$value": "#ab47bc"
},
"500": {
"$type": "color",
"$value": "#9c27b0"
},
"600": {
"$type": "color",
"$value": "#8e24aa"
},
"700": {
"$type": "color",
"$value": "#7b1fa2"
},
"800": {
"$type": "color",
"$value": "#6a1b9a"
},
"900": {
"$type": "color",
"$value": "#4a148c"
}
},
"pink": {
"50": {
"$type": "color",
"$value": "#fce4ec"
},
"100": {
"$type": "color",
"$value": "#f8bbd0"
},
"200": {
"$type": "color",
"$value": "#f48fb1"
},
"300": {
"$type": "color",
"$value": "#f06292"
},
"400": {
"$type": "color",
"$value": "#ec407a"
},
"500": {
"$type": "color",
"$value": "#e91e63"
},
"600": {
"$type": "color",
"$value": "#d81b60"
},
"700": {
"$type": "color",
"$value": "#c2185b"
},
"800": {
"$type": "color",
"$value": "#ad1457"
},
"900": {
"$type": "color",
"$value": "#880e4f"
}
},
"branding": {
"wt": {
"50": {
"$type": "color",
"$value": "#fff6ed"
},
"100": {
"$type": "color",
"$value": "#feecd6"
},
"200": {
"$type": "color",
"$value": "#fcd5ac"
},
"300": {
"$type": "color",
"$value": "#f9b678"
},
"400": {
"$type": "color",
"$value": "#f68e41"
},
"500": {
"$type": "color",
"$value": "#f37121"
},
"600": {
"$type": "color",
"$value": "#e45412"
},
"700": {
"$type": "color",
"$value": "#bd3e11"
},
"800": {
"$type": "color",
"$value": "#792b15"
},
"900": {
"$type": "color",
"$value": "#411309"
}
}
},
"alpha": {
"black": {
"5": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.0500)"
},
"10": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.1000)"
},
"20": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.2000)"
},
"30": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.3000)"
},
"40": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.4000)"
},
"50": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.5000)"
},
"60": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.6000)"
},
"70": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.7000)"
},
"80": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.8000)"
},
"90": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.9000)"
},
"100": {
"$type": "color",
"$value": "#09090b"
}
},
"white": {
"5": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.0500)"
},
"10": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.1000)"
},
"20": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.2000)"
},
"30": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.3000)"
},
"40": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.4000)"
},
"50": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.5000)"
},
"60": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.6000)"
},
"70": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.7000)"
},
"80": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.8000)"
},
"90": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.9000)"
},
"100": {
"$type": "color",
"$value": "#fafafa"
}
}
}
}
Foundations.Mode 2.tokens.json
{
"neutral": {
"50": {
"$type": "color",
"$value": "#fafafa"
},
"100": {
"$type": "color",
"$value": "#f4f4f5"
},
"200": {
"$type": "color",
"$value": "#e4e4e7"
},
"300": {
"$type": "color",
"$value": "#d4d4d8"
},
"400": {
"$type": "color",
"$value": "#a1a1aa"
},
"500": {
"$type": "color",
"$value": "#71717a"
},
"600": {
"$type": "color",
"$value": "#52525b"
},
"700": {
"$type": "color",
"$value": "#3f3f46"
},
"800": {
"$type": "color",
"$value": "#27272a"
},
"900": {
"$type": "color",
"$value": "#09090b"
},
"white": {
"$type": "color",
"$value": "#ffffff"
},
"black": {
"$type": "color",
"$value": "#000000"
}
},
"red": {
"50": {
"$type": "color",
"$value": "#feebee"
},
"100": {
"$type": "color",
"$value": "#fecdd2"
},
"200": {
"$type": "color",
"$value": "#ef9a9a"
},
"300": {
"$type": "color",
"$value": "#e57373"
},
"400": {
"$type": "color",
"$value": "#ef5350"
},
"500": {
"$type": "color",
"$value": "#f44336"
},
"600": {
"$type": "color",
"$value": "#e53935"
},
"700": {
"$type": "color",
"$value": "#d32f2f"
},
"800": {
"$type": "color",
"$value": "#c62828"
},
"900": {
"$type": "color",
"$value": "#b71c1c"
}
},
"orange": {
"50": {
"$type": "color",
"$value": "#fff3e0"
},
"100": {
"$type": "color",
"$value": "#ffe0b2"
},
"200": {
"$type": "color",
"$value": "#ffcc80"
},
"300": {
"$type": "color",
"$value": "#ffb74d"
},
"400": {
"$type": "color",
"$value": "#ffa726"
},
"500": {
"$type": "color",
"$value": "#ff9800"
},
"600": {
"$type": "color",
"$value": "#fb8c00"
},
"700": {
"$type": "color",
"$value": "#f57c00"
},
"800": {
"$type": "color",
"$value": "#ef6c00"
},
"900": {
"$type": "color",
"$value": "#e65100"
}
},
"amber": {
"50": {
"$type": "color",
"$value": "#fff8e1"
},
"100": {
"$type": "color",
"$value": "#ffecb3"
},
"200": {
"$type": "color",
"$value": "#ffe082"
},
"300": {
"$type": "color",
"$value": "#ffd54f"
},
"400": {
"$type": "color",
"$value": "#ffca28"
},
"500": {
"$type": "color",
"$value": "#ffc107"
},
"600": {
"$type": "color",
"$value": "#ffb300"
},
"700": {
"$type": "color",
"$value": "#ffa000"
},
"800": {
"$type": "color",
"$value": "#ff8f00"
},
"900": {
"$type": "color",
"$value": "#ff6f00"
}
},
"yellow": {
"50": {
"$type": "color",
"$value": "#fffde7"
},
"100": {
"$type": "color",
"$value": "#fff9c4"
},
"200": {
"$type": "color",
"$value": "#fff59d"
},
"300": {
"$type": "color",
"$value": "#fff176"
},
"400": {
"$type": "color",
"$value": "#ffee58"
},
"500": {
"$type": "color",
"$value": "#ffeb3b"
},
"600": {
"$type": "color",
"$value": "#fdd835"
},
"700": {
"$type": "color",
"$value": "#fbc02d"
},
"800": {
"$type": "color",
"$value": "#f9a825"
},
"900": {
"$type": "color",
"$value": "#f57f17"
}
},
"lime": {
"50": {
"$type": "color",
"$value": "#f9fbe7"
},
"100": {
"$type": "color",
"$value": "#f0f4c3"
},
"200": {
"$type": "color",
"$value": "#e6ee9c"
},
"300": {
"$type": "color",
"$value": "#dce775"
},
"400": {
"$type": "color",
"$value": "#d4e157"
},
"500": {
"$type": "color",
"$value": "#cddc39"
},
"600": {
"$type": "color",
"$value": "#c0ca33"
},
"700": {
"$type": "color",
"$value": "#afb42b"
},
"800": {
"$type": "color",
"$value": "#9e9d24"
},
"900": {
"$type": "color",
"$value": "#827717"
}
},
"green": {
"50": {
"$type": "color",
"$value": "#e8f5e9"
},
"100": {
"$type": "color",
"$value": "#c8e6c9"
},
"200": {
"$type": "color",
"$value": "#a5d6a7"
},
"300": {
"$type": "color",
"$value": "#81c784"
},
"400": {
"$type": "color",
"$value": "#66bb6a"
},
"500": {
"$type": "color",
"$value": "#4caf50"
},
"600": {
"$type": "color",
"$value": "#43a047"
},
"700": {
"$type": "color",
"$value": "#388e3c"
},
"800": {
"$type": "color",
"$value": "#2e7d32"
},
"900": {
"$type": "color",
"$value": "#1b5e20"
}
},
"teal": {
"50": {
"$type": "color",
"$value": "#e0f2f1"
},
"100": {
"$type": "color",
"$value": "#b2dfdb"
},
"200": {
"$type": "color",
"$value": "#80cbc4"
},
"300": {
"$type": "color",
"$value": "#4db6ac"
},
"400": {
"$type": "color",
"$value": "#26a69a"
},
"500": {
"$type": "color",
"$value": "#009688"
},
"600": {
"$type": "color",
"$value": "#00897b"
},
"700": {
"$type": "color",
"$value": "#00796b"
},
"800": {
"$type": "color",
"$value": "#00695c"
},
"900": {
"$type": "color",
"$value": "#004d40"
}
},
"cyan": {
"50": {
"$type": "color",
"$value": "#e0f7fa"
},
"100": {
"$type": "color",
"$value": "#b2ebf2"
},
"200": {
"$type": "color",
"$value": "#80deea"
},
"300": {
"$type": "color",
"$value": "#4dd0e1"
},
"400": {
"$type": "color",
"$value": "#26c6da"
},
"500": {
"$type": "color",
"$value": "#00bcd4"
},
"600": {
"$type": "color",
"$value": "#00acc1"
},
"700": {
"$type": "color",
"$value": "#0097a7"
},
"800": {
"$type": "color",
"$value": "#00838f"
},
"900": {
"$type": "color",
"$value": "#006064"
}
},
"blue": {
"50": {
"$type": "color",
"$value": "#e3f2fd"
},
"100": {
"$type": "color",
"$value": "#bbdefb"
},
"200": {
"$type": "color",
"$value": "#90caf9"
},
"300": {
"$type": "color",
"$value": "#64b5f6"
},
"400": {
"$type": "color",
"$value": "#42a5f5"
},
"500": {
"$type": "color",
"$value": "#2196f3"
},
"600": {
"$type": "color",
"$value": "#1e88e5"
},
"700": {
"$type": "color",
"$value": "#1565c0"
},
"800": {
"$type": "color",
"$value": "#0057b2"
},
"900": {
"$type": "color",
"$value": "#0d47a1"
}
},
"indigo": {
"50": {
"$type": "color",
"$value": "#e8eaf6"
},
"100": {
"$type": "color",
"$value": "#c5cae9"
},
"200": {
"$type": "color",
"$value": "#9fa8da"
},
"300": {
"$type": "color",
"$value": "#7986cb"
},
"400": {
"$type": "color",
"$value": "#5c6bc0"
},
"500": {
"$type": "color",
"$value": "#3f51b5"
},
"600": {
"$type": "color",
"$value": "#3949ab"
},
"700": {
"$type": "color",
"$value": "#303f9f"
},
"800": {
"$type": "color",
"$value": "#283593"
},
"900": {
"$type": "color",
"$value": "#1a237e"
}
},
"purple": {
"50": {
"$type": "color",
"$value": "#f3e5f5"
},
"100": {
"$type": "color",
"$value": "#e1bee7"
},
"200": {
"$type": "color",
"$value": "#ce93d8"
},
"300": {
"$type": "color",
"$value": "#ba68c8"
},
"400": {
"$type": "color",
"$value": "#ab47bc"
},
"500": {
"$type": "color",
"$value": "#9c27b0"
},
"600": {
"$type": "color",
"$value": "#8e24aa"
},
"700": {
"$type": "color",
"$value": "#7b1fa2"
},
"800": {
"$type": "color",
"$value": "#6a1b9a"
},
"900": {
"$type": "color",
"$value": "#4a148c"
}
},
"pink": {
"50": {
"$type": "color",
"$value": "#fce4ec"
},
"100": {
"$type": "color",
"$value": "#f8bbd0"
},
"200": {
"$type": "color",
"$value": "#f48fb1"
},
"300": {
"$type": "color",
"$value": "#f06292"
},
"400": {
"$type": "color",
"$value": "#ec407a"
},
"500": {
"$type": "color",
"$value": "#e91e63"
},
"600": {
"$type": "color",
"$value": "#d81b60"
},
"700": {
"$type": "color",
"$value": "#c2185b"
},
"800": {
"$type": "color",
"$value": "#ad1457"
},
"900": {
"$type": "color",
"$value": "#880e4f"
}
},
"branding": {
"wt": {
"50": {
"$type": "color",
"$value": "#fff6ed"
},
"100": {
"$type": "color",
"$value": "#feecd6"
},
"200": {
"$type": "color",
"$value": "#fcd5ac"
},
"300": {
"$type": "color",
"$value": "#f9b678"
},
"400": {
"$type": "color",
"$value": "#f68e41"
},
"500": {
"$type": "color",
"$value": "#f37121"
},
"600": {
"$type": "color",
"$value": "#e45412"
},
"700": {
"$type": "color",
"$value": "#bd3e11"
},
"800": {
"$type": "color",
"$value": "#792b15"
},
"900": {
"$type": "color",
"$value": "#411309"
}
}
},
"alpha": {
"black": {
"5": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.0500)"
},
"10": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.1000)"
},
"20": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.2000)"
},
"30": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.3000)"
},
"40": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.4000)"
},
"50": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.5000)"
},
"60": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.6000)"
},
"70": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.7000)"
},
"80": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.8000)"
},
"90": {
"$type": "color",
"$value": "rgba(9, 9, 11, 0.9000)"
},
"100": {
"$type": "color",
"$value": "#09090b"
}
},
"white": {
"5": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.0500)"
},
"10": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.1000)"
},
"20": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.2000)"
},
"30": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.3000)"
},
"40": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.4000)"
},
"50": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.5000)"
},
"60": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.6000)"
},
"70": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.7000)"
},
"80": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.8000)"
},
"90": {
"$type": "color",
"$value": "rgba(250, 250, 250, 0.9000)"
},
"100": {
"$type": "color",
"$value": "#fafafa"
}
}
}
}
Tokens.Light.tokens.json
{
"branding": {
"wt": {
"text": {
"primary": {
"$type": "color",
"$value": "{branding.wt.500}"
},
"secondary": {
"$type": "color",
"$value": "{branding.wt.300}"
}
},
"background": {
"primary": {
"$type": "color",
"$value": "{branding.wt.500}"
},
"secondary": {
"$type": "color",
"$value": "{branding.wt.100}"
},
"tertiary": {
"$type": "color",
"$value": "{branding.wt.50}"
}
},
"state": {
"hover": {
"$type": "color",
"$value": "{branding.wt.300}"
},
"disable": {
"$type": "color",
"$value": "{branding.wt.50}"
}
},
"line": {
"low": {
"$type": "color",
"$value": "{branding.wt.200}"
},
"high": {
"$type": "color",
"$value": "{branding.wt.500}"
}
}
}
},
"foregrounds": {
"primary": {
"$type": "color",
"$value": "{neutral.900}"
},
"secondary": {
"$type": "color",
"$value": "{neutral.500}"
},
"tertiary": {
"$type": "color",
"$value": "{neutral.400}"
},
"onsolid": {
"primary": {
"$type": "color",
"$value": "{neutral.50}"
},
"secondary": {
"$type": "color",
"$value": "{neutral.300}"
},
"disable": {
"$type": "color",
"$value": "{alpha.black.20}"
}
},
"placeholder": {
"$type": "color",
"$value": "{neutral.300}"
},
"disable": {
"$type": "color",
"$value": "{alpha.black.20}"
}
},
"background": {
"primary": {
"$type": "color",
"$value": "{neutral.white}"
},
"secondary": {
"$type": "color",
"$value": "{neutral.50}"
},
"tertiary": {
"$type": "color",
"$value": "{neutral.100}"
}
},
"line": {
"low": {
"$type": "color",
"$value": "{neutral.200}"
},
"high": {
"$type": "color",
"$value": "{neutral.400}"
}
},
"sematic": {
"useful": {
"$type": "color",
"$value": "{blue.500}"
},
"useful-bg": {
"$type": "color",
"$value": "{blue.100}"
},
"stressful": {
"$type": "color",
"$value": "{red.500}"
},
"stressful-bg": {
"$type": "color",
"$value": "{red.100}"
},
"positive": {
"$type": "color",
"$value": "{green.500}"
},
"positive-bg": {
"$type": "color",
"$value": "{green.100}"
},
"carefull": {
"$type": "color",
"$value": "{yellow.700}"
},
"carefull-bg": {
"$type": "color",
"$value": "{yellow.300}"
}
},
"accent": {
"red": {
"primary": {
"$type": "color",
"$value": "{red.500}"
},
"secondary": {
"$type": "color",
"$value": "{red.300}"
},
"tertiary": {
"$type": "color",
"$value": "{red.100}"
}
},
"orange": {
"primary": {
"$type": "color",
"$value": "{orange.500}"
},
"secondary": {
"$type": "color",
"$value": "{orange.300}"
},
"tertiary": {
"$type": "color",
"$value": "{orange.100}"
}
},
"amber": {
"primary": {
"$type": "color",
"$value": "{amber.500}"
},
"secondary": {
"$type": "color",
"$value": "{amber.300}"
},
"tertiary": {
"$type": "color",
"$value": "{amber.100}"
}
},
"yellow": {
"primary": {
"$type": "color",
"$value": "{yellow.500}"
},
"secondary": {
"$type": "color",
"$value": "{yellow.300}"
},
"tertiary": {
"$type": "color",
"$value": "{yellow.100}"
}
},
"lime": {
"primary": {
"$type": "color",
"$value": "{lime.500}"
},
"secondary": {
"$type": "color",
"$value": "{lime.300}"
},
"tertiary": {
"$type": "color",
"$value": "{lime.100}"
}
},
"green": {
"primary": {
"$type": "color",
"$value": "{green.500}"
},
"secondary": {
"$type": "color",
"$value": "{green.300}"
},
"tertiary": {
"$type": "color",
"$value": "{green.100}"
}
},
"teal": {
"primary": {
"$type": "color",
"$value": "{teal.500}"
},
"secondary": {
"$type": "color",
"$value": "{teal.300}"
},
"tertiary": {
"$type": "color",
"$value": "{teal.100}"
}
},
"cyan": {
"primary": {
"$type": "color",
"$value": "{cyan.500}"
},
"secondary": {
"$type": "color",
"$value": "{cyan.300}"
},
"tertiary": {
"$type": "color",
"$value": "{cyan.100}"
}
},
"blue": {
"primary": {
"$type": "color",
"$value": "{blue.500}"
},
"secondary": {
"$type": "color",
"$value": "{blue.300}"
},
"tertiary": {
"$type": "color",
"$value": "{blue.100}"
}
},
"indigo": {
"primary": {
"$type": "color",
"$value": "{indigo.500}"
},
"secondary": {
"$type": "color",
"$value": "{indigo.300}"
},
"tertiary": {
"$type": "color",
"$value": "{indigo.100}"
}
},
"purple": {
"primary": {
"$type": "color",
"$value": "{purple.500}"
},
"secondary": {
"$type": "color",
"$value": "{purple.300}"
},
"tertiary": {
"$type": "color",
"$value": "{purple.100}"
}
},
"pink": {
"primary": {
"$type": "color",
"$value": "{pink.500}"
},
"secondary": {
"$type": "color",
"$value": "{pink.300}"
},
"tertiary": {
"$type": "color",
"$value": "{pink.100}"
}
}
}
}
Tokens.Dark.tokens.json
{
"branding": {
"wt": {
"text": {
"primary": {
"$type": "color",
"$value": "{branding.wt.500}"
},
"secondary": {
"$type": "color",
"$value": "{branding.wt.300}"
}
},
"background": {
"primary": {
"$type": "color",
"$value": "{branding.wt.500}"
},
"secondary": {
"$type": "color",
"$value": "{branding.wt.100}"
},
"tertiary": {
"$type": "color",
"$value": "{branding.wt.50}"
}
},
"state": {
"hover": {
"$type": "color",
"$value": "{branding.wt.300}"
},
"disable": {
"$type": "color",
"$value": "{branding.wt.50}"
}
},
"line": {
"low": {
"$type": "color",
"$value": "{branding.wt.200}"
},
"high": {
"$type": "color",
"$value": "{branding.wt.500}"
}
}
}
},
"foregrounds": {
"primary": {
"$type": "color",
"$value": "{neutral.50}"
},
"secondary": {
"$type": "color",
"$value": "{neutral.500}"
},
"tertiary": {
"$type": "color",
"$value": "{neutral.600}"
},
"onsolid": {
"primary": {
"$type": "color",
"$value": "{neutral.50}"
},
"secondary": {
"$type": "color",
"$value": "{neutral.300}"
},
"disable": {
"$type": "color",
"$value": "{alpha.white.20}"
}
},
"placeholder": {
"$type": "color",
"$value": "{neutral.700}"
},
"disable": {
"$type": "color",
"$value": "{alpha.black.60}"
}
},
"background": {
"primary": {
"$type": "color",
"$value": "{neutral.900}"
},
"secondary": {
"$type": "color",
"$value": "{alpha.white.20}"
},
"tertiary": {
"$type": "color",
"$value": "{alpha.white.10}"
}
},
"line": {
"low": {
"$type": "color",
"$value": "{neutral.800}"
},
"high": {
"$type": "color",
"$value": "{neutral.600}"
}
},
"sematic": {
"useful": {
"$type": "color",
"$value": "{blue.500}"
},
"useful-bg": {
"$type": "color",
"$value": "{blue.200}"
},
"stressful": {
"$type": "color",
"$value": "{red.500}"
},
"stressful-bg": {
"$type": "color",
"$value": "{red.200}"
},
"positive": {
"$type": "color",
"$value": "{green.500}"
},
"positive-bg": {
"$type": "color",
"$value": "{green.200}"
},
"carefull": {
"$type": "color",
"$value": "{yellow.700}"
},
"carefull-bg": {
"$type": "color",
"$value": "{yellow.400}"
}
},
"accent": {
"red": {
"primary": {
"$type": "color",
"$value": "{red.500}"
},
"secondary": {
"$type": "color",
"$value": "{red.300}"
},
"tertiary": {
"$type": "color",
"$value": "{red.100}"
}
},
"orange": {
"primary": {
"$type": "color",
"$value": "{orange.500}"
},
"secondary": {
"$type": "color",
"$value": "{orange.300}"
},
"tertiary": {
"$type": "color",
"$value": "{orange.100}"
}
},
"amber": {
"primary": {
"$type": "color",
"$value": "{amber.500}"
},
"secondary": {
"$type": "color",
"$value": "{amber.300}"
},
"tertiary": {
"$type": "color",
"$value": "{amber.100}"
}
},
"yellow": {
"primary": {
"$type": "color",
"$value": "{yellow.500}"
},
"secondary": {
"$type": "color",
"$value": "{yellow.300}"
},
"tertiary": {
"$type": "color",
"$value": "{yellow.100}"
}
},
"lime": {
"primary": {
"$type": "color",
"$value": "{lime.500}"
},
"secondary": {
"$type": "color",
"$value": "{lime.300}"
},
"tertiary": {
"$type": "color",
"$value": "{lime.100}"
}
},
"green": {
"primary": {
"$type": "color",
"$value": "{green.500}"
},
"secondary": {
"$type": "color",
"$value": "{green.300}"
},
"tertiary": {
"$type": "color",
"$value": "{green.100}"
}
},
"teal": {
"primary": {
"$type": "color",
"$value": "{teal.500}"
},
"secondary": {
"$type": "color",
"$value": "{teal.300}"
},
"tertiary": {
"$type": "color",
"$value": "{teal.100}"
}
},
"cyan": {
"primary": {
"$type": "color",
"$value": "{cyan.500}"
},
"secondary": {
"$type": "color",
"$value": "{cyan.300}"
},
"tertiary": {
"$type": "color",
"$value": "{cyan.100}"
}
},
"blue": {
"primary": {
"$type": "color",
"$value": "{blue.500}"
},
"secondary": {
"$type": "color",
"$value": "{blue.300}"
},
"tertiary": {
"$type": "color",
"$value": "{blue.100}"
}
},
"indigo": {
"primary": {
"$type": "color",
"$value": "{indigo.500}"
},
"secondary": {
"$type": "color",
"$value": "{indigo.300}"
},
"tertiary": {
"$type": "color",
"$value": "{indigo.100}"
}
},
"purple": {
"primary": {
"$type": "color",
"$value": "{purple.500}"
},
"secondary": {
"$type": "color",
"$value": "{purple.300}"
},
"tertiary": {
"$type": "color",
"$value": "{purple.100}"
}
},
"pink": {
"primary": {
"$type": "color",
"$value": "{pink.500}"
},
"secondary": {
"$type": "color",
"$value": "{pink.300}"
},
"tertiary": {
"$type": "color",
"$value": "{pink.100}"
}
}
}
}
Global.Mode 1.tokens.json
{
"Spacing": {
"spacing-0": {
"$type": "number",
"$value": 0
},
"spacing-0,25": {
"$type": "number",
"$value": 2
},
"spacing-0,5": {
"$type": "number",
"$value": 4
},
"spacing-0,75": {
"$type": "number",
"$value": 6
},
"spacing-1": {
"$type": "number",
"$value": 8
},
"spacing-1,25": {
"$type": "number",
"$value": 10
},
"spacing-1,5": {
"$type": "number",
"$value": 12
},
"spacing-1,75": {
"$type": "number",
"$value": 14
},
"spacing-2": {
"$type": "number",
"$value": 16
},
"spacing-2,5": {
"$type": "number",
"$value": 20
},
"spacing-3": {
"$type": "number",
"$value": 24
},
"spacing-4": {
"$type": "number",
"$value": 32
},
"spacing-5": {
"$type": "number",
"$value": 40
},
"spacing-6": {
"$type": "number",
"$value": 48
},
"spacing-7": {
"$type": "number",
"$value": 56
},
"spacing-8": {
"$type": "number",
"$value": 64
},
"spacing-9": {
"$type": "number",
"$value": 72
},
"spacing-10": {
"$type": "number",
"$value": 80
},
"spacing-11": {
"$type": "number",
"$value": 88
},
"spacing-12": {
"$type": "number",
"$value": 96
},
"spacing-13": {
"$type": "number",
"$value": 104
},
"spacing-14": {
"$type": "number",
"$value": 112
},
"spacing-15": {
"$type": "number",
"$value": 120
},
"spacing-16": {
"$type": "number",
"$value": 128
},
"spacing-17": {
"$type": "number",
"$value": 136
},
"spacing-18": {
"$type": "number",
"$value": 144
},
"spacing-19": {
"$type": "number",
"$value": 152
},
"spacing-20": {
"$type": "number",
"$value": 160
}
},
"Radius": {
"radius-0": {
"$type": "number",
"$value": 0
},
"radius-0,25": {
"$type": "number",
"$value": 2
},
"radius-0,5": {
"$type": "number",
"$value": 4
},
"radius-0,75": {
"$type": "number",
"$value": 6
},
"radius-1": {
"$type": "number",
"$value": 8
},
"radius-1,25": {
"$type": "number",
"$value": 10
},
"radius-1,5": {
"$type": "number",
"$value": 12
},
"radius-1,75": {
"$type": "number",
"$value": 14
},
"radius-2": {
"$type": "number",
"$value": 16
},
"radius-2,5": {
"$type": "number",
"$value": 20
},
"radius-3": {
"$type": "number",
"$value": 24
},
"radius-4": {
"$type": "number",
"$value": 32
},
"radius-5": {
"$type": "number",
"$value": 40
},
"radius-6": {
"$type": "number",
"$value": 48
},
"radius-7": {
"$type": "number",
"$value": 56
},
"radius-8": {
"$type": "number",
"$value": 64
},
"radius-9": {
"$type": "number",
"$value": 72
},
"radius-10": {
"$type": "number",
"$value": 80
},
"radius-max": {
"$type": "number",
"$value": 500
}
},
"Size": {
"Button,Input": {
"L": {
"$type": "number",
"$value": 52
},
"M": {
"$type": "number",
"$value": 40
},
"S": {
"$type": "number",
"$value": 36
},
"XS": {
"$type": "number",
"$value": 28
}
}
}
}Editor is loading...
Leave a Comment