496 lines
14 KiB
JSON
496 lines
14 KiB
JSON
|
{
|
||
|
"global": {
|
||
|
"colors": {
|
||
|
"brand": {
|
||
|
"yellow": {
|
||
|
"value": "#f7bf2a",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"salmon": {
|
||
|
"value": "#f26e7e",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"fuchsia": {
|
||
|
"value": "#bd4c85",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"purple": {
|
||
|
"value": "#8a3391",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"violet": {
|
||
|
"value": "#805ac3",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"blue": {
|
||
|
"value": "#4d5bd9",
|
||
|
"type": "color"
|
||
|
}
|
||
|
},
|
||
|
"gray": {
|
||
|
"100": {
|
||
|
"value": "#f9f9fa",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"200": {
|
||
|
"value": "#f2f2f4",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"300": {
|
||
|
"value": "#e5e5e9",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"400": {
|
||
|
"value": "#d8d9df",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"500": {
|
||
|
"value": "#bebfc9",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"600": {
|
||
|
"value": "#8e8f97",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"700": {
|
||
|
"value": "#5f6065",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"800": {
|
||
|
"value": "#2f3032",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"850": {
|
||
|
"value": "#2b2b2c",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"900": {
|
||
|
"value": "#131314",
|
||
|
"type": "color"
|
||
|
}
|
||
|
},
|
||
|
"red": {
|
||
|
"100": {
|
||
|
"value": "#fff5f5",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"200": {
|
||
|
"value": "#fed7d7",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"300": {
|
||
|
"value": "#feb2b2",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"400": {
|
||
|
"value": "#fc8181",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"500": {
|
||
|
"value": "#f56565",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"600": {
|
||
|
"value": "#e53e3e",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"700": {
|
||
|
"value": "#c53030",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"800": {
|
||
|
"value": "#9b2c2c",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"900": {
|
||
|
"value": "#742a2a",
|
||
|
"type": "color"
|
||
|
}
|
||
|
},
|
||
|
"orange": {
|
||
|
"100": {
|
||
|
"value": "#fff7eb",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"200": {
|
||
|
"value": "#fde6c4",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"300": {
|
||
|
"value": "#fad49e",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"400": {
|
||
|
"value": "#f6ba7e",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"500": {
|
||
|
"value": "#ee975c",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"600": {
|
||
|
"value": "#e17d47",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"700": {
|
||
|
"value": "#d86131",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"800": {
|
||
|
"value": "#ba4a2c",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"900": {
|
||
|
"value": "#993d29",
|
||
|
"type": "color"
|
||
|
}
|
||
|
},
|
||
|
"yellow": {
|
||
|
"100": {
|
||
|
"value": "#fef9ea",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"200": {
|
||
|
"value": "#fdf2d4",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"300": {
|
||
|
"value": "#fce5aa",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"400": {
|
||
|
"value": "#fad97f",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"500": {
|
||
|
"value": "#f9cc55",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"600": {
|
||
|
"value": "{colors.brand.yellow}",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"700": {
|
||
|
"value": "#c69922",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"800": {
|
||
|
"value": "#947319",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"900": {
|
||
|
"value": "#634c11",
|
||
|
"type": "color"
|
||
|
}
|
||
|
},
|
||
|
"salmon": {
|
||
|
"100": {
|
||
|
"value": "#fef1f2",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"200": {
|
||
|
"value": "#fce2e5",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"300": {
|
||
|
"value": "#fac5cb",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"400": {
|
||
|
"value": "#f7a8b2",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"500": {
|
||
|
"value": "#f58b98",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"600": {
|
||
|
"value": "{colors.brand.salmon}",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"700": {
|
||
|
"value": "#c25865",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"800": {
|
||
|
"value": "#91424c",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"900": {
|
||
|
"value": "#612c32",
|
||
|
"type": "color"
|
||
|
}
|
||
|
},
|
||
|
"fuchsia": {
|
||
|
"100": {
|
||
|
"value": "#f8edf3",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"200": {
|
||
|
"value": "#f2dbe7",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"300": {
|
||
|
"value": "#e5b7ce",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"400": {
|
||
|
"value": "#d794b6",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"500": {
|
||
|
"value": "#ca709d",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"600": {
|
||
|
"value": "{colors.brand.fuchsia}",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"700": {
|
||
|
"value": "#973d6a",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"800": {
|
||
|
"value": "#712e50",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"900": {
|
||
|
"value": "#4c1e35",
|
||
|
"type": "color"
|
||
|
}
|
||
|
},
|
||
|
"purple": {
|
||
|
"100": {
|
||
|
"value": "#f3ebf4",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"200": {
|
||
|
"value": "#e8d6e9",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"300": {
|
||
|
"value": "#d0add3",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"400": {
|
||
|
"value": "#b985bd",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"500": {
|
||
|
"value": "#a15ca7",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"600": {
|
||
|
"value": "{colors.brand.purple}",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"700": {
|
||
|
"value": "#6e2974",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"800": {
|
||
|
"value": "#531f57",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"900": {
|
||
|
"value": "#37143a",
|
||
|
"type": "color"
|
||
|
}
|
||
|
},
|
||
|
"violet": {
|
||
|
"100": {
|
||
|
"value": "#f2eff9",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"200": {
|
||
|
"value": "#e6def3",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"300": {
|
||
|
"value": "#ccbde7",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"400": {
|
||
|
"value": "#b39cdb",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"500": {
|
||
|
"value": "#997bcf",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"600": {
|
||
|
"value": "{colors.brand.violet}",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"700": {
|
||
|
"value": "#66489c",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"800": {
|
||
|
"value": "#4d3675",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"900": {
|
||
|
"value": "#33244e",
|
||
|
"type": "color"
|
||
|
}
|
||
|
},
|
||
|
"blue": {
|
||
|
"100": {
|
||
|
"value": "#edeffb",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"200": {
|
||
|
"value": "#dbdef7",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"300": {
|
||
|
"value": "#b8bdf0",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"400": {
|
||
|
"value": "#949de8",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"500": {
|
||
|
"value": "#717ce1",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"600": {
|
||
|
"value": "{colors.brand.blue}",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"700": {
|
||
|
"value": "#3e49ae",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"800": {
|
||
|
"value": "#2e3782",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"900": {
|
||
|
"value": "#1f2457",
|
||
|
"type": "color"
|
||
|
}
|
||
|
},
|
||
|
"green": {
|
||
|
"100": {
|
||
|
"value": "#e0fff2",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"200": {
|
||
|
"value": "#b2fbe0",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"300": {
|
||
|
"value": "#81eeca",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"400": {
|
||
|
"value": "#4ce1b4",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"500": {
|
||
|
"value": "#2fc89f",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"600": {
|
||
|
"value": "#25a78b",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"700": {
|
||
|
"value": "#1d8673",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"800": {
|
||
|
"value": "#19675b",
|
||
|
"type": "color"
|
||
|
},
|
||
|
"900": {
|
||
|
"value": "#155148",
|
||
|
"type": "color"
|
||
|
}
|
||
|
}
|
||
|
},
|
||
|
"typography": {
|
||
|
"fontSizes": {
|
||
|
"type": "fontSizes",
|
||
|
|
||
|
"xs": {
|
||
|
"value": "12px"
|
||
|
},
|
||
|
"sm": {
|
||
|
"value": "14px"
|
||
|
},
|
||
|
"base": {
|
||
|
"value": "16px"
|
||
|
},
|
||
|
"lg": {
|
||
|
"value": "18px"
|
||
|
},
|
||
|
"xl": {
|
||
|
"value": "24px"
|
||
|
},
|
||
|
"2xl": {
|
||
|
"value": "32px"
|
||
|
},
|
||
|
"3xl": {
|
||
|
"value": "36px"
|
||
|
},
|
||
|
"4xl": {
|
||
|
"value": "48px"
|
||
|
},
|
||
|
"5xl": {
|
||
|
"value": "80px"
|
||
|
}
|
||
|
},
|
||
|
"fontFamilies": {
|
||
|
"type": "fontFamilies",
|
||
|
|
||
|
"body": {
|
||
|
"value": "Inter"
|
||
|
},
|
||
|
"display": {
|
||
|
"value": "Gilroy"
|
||
|
},
|
||
|
"mono": {
|
||
|
"value": "Roboto Mono"
|
||
|
}
|
||
|
}
|
||
|
},
|
||
|
"shape": {
|
||
|
"borderWidth": {
|
||
|
"type": "borderWidth",
|
||
|
"sm": {
|
||
|
"value": "1px"
|
||
|
},
|
||
|
"base": {
|
||
|
"value": "2px"
|
||
|
}
|
||
|
},
|
||
|
"borderRadius": {
|
||
|
"type": "borderRadius",
|
||
|
|
||
|
"sm": {
|
||
|
"value": "4px"
|
||
|
},
|
||
|
"md": {
|
||
|
"value": "12px"
|
||
|
},
|
||
|
"round": {
|
||
|
"value": "9999px"
|
||
|
}
|
||
|
},
|
||
|
"boxShadows": {
|
||
|
"type": "boxShadow",
|
||
|
"light": {
|
||
|
"value": "0 6px 36px rgb(0 0 0 / 10%)"
|
||
|
},
|
||
|
"medium": {
|
||
|
"value": "0 4px 4px rgb(0 0 0 / 25%)"
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|