Figma export base-tokens.json
{
"_base_tokens": {
"breakpoint": {
"320": {
"value": "320px"
},
"360": {
"value": "360px"
},
"768": {
"value": "768px"
},
"1024": {
"value": "1024px"
},
"1152": {
"value": "1152px"
},
"1680": {
"value": "1680px"
}
},
"column": {
"columns-4": {
"value": "4px"
},
"columns-8": {
"value": "8px"
},
"columns-12": {
"value": "12px"
}
},
"container": {
"max-width": {
"value": "1416px"
}
},
"size": {
"size-2": {
"value": "2px"
},
"size-4": {
"value": "4px"
},
"size-6": {
"value": "6px"
},
"size-8": {
"value": "8px"
},
"size-12": {
"value": "12px"
},
"size-16": {
"value": "16px"
},
"size-20": {
"value": "20px"
},
"size-24": {
"value": "24px"
},
"size-28": {
"value": "28px"
},
"size-32": {
"value": "32px"
},
"size-36": {
"value": "36px"
},
"size-40": {
"value": "40px"
},
"size-44": {
"value": "44px"
},
"size-48": {
"value": "48px"
},
"size-56": {
"value": "56px"
},
"size-64": {
"value": "64px"
},
"size-72": {
"value": "72px"
},
"size-80": {
"value": "80px"
},
"size-88": {
"value": "88px"
},
"size-96": {
"value": "96px"
},
"size-112": {
"value": "112px"
},
"size-128": {
"value": "128px"
},
"size-999": {
"value": "999px"
}
},
"radius": {
"0": {
"value": "0px"
},
"2": {
"value": "2px"
},
"4": {
"value": "4px"
},
"8": {
"value": "8px"
},
"12": {
"value": "12px"
},
"16": {
"value": "16px"
},
"20": {
"value": "20px"
},
"24": {
"value": "24px"
},
"32": {
"value": "32px"
},
"40": {
"value": "40px"
},
"999": {
"value": "999px"
}
},
"colour": {
"brand": {
"primary": {
"50": {
"value": "#f5fcf4"
},
"100": {
"value": "#e9f9e9"
},
"150": {
"value": "#d8f5d6"
},
"200": {
"value": "#bdf0bb"
},
"250": {
"value": "#9ce89a"
},
"300": {
"value": "#7fe27f"
},
"350": {
"value": "#5bd06a"
},
"400": {
"value": "#3dbe58"
},
"450": {
"value": "#1eaa44"
},
"500": {
"value": "#00973a"
},
"550": {
"value": "#008834"
},
"600": {
"value": "#007e30"
},
"650": {
"value": "#00712c"
},
"700": {
"value": "#006527"
},
"750": {
"value": "#005822"
},
"800": {
"value": "#004c1d"
},
"850": {
"value": "#003f18"
},
"900": {
"value": "#003213"
},
"950": {
"value": "#00260f"
},
"999": {
"value": "#00190a"
}
},
"secondary": {
"50": {
"value": "#f6f7fa"
},
"100": {
"value": "#edeef1"
},
"150": {
"value": "#dfe0e3"
},
"200": {
"value": "#cecfd3"
},
"250": {
"value": "#c0c1c5"
},
"300": {
"value": "#b0b1b5"
},
"350": {
"value": "#a0a2a7"
},
"400": {
"value": "#8f9198"
},
"450": {
"value": "#7e818a"
},
"500": {
"value": "#6f727b"
},
"550": {
"value": "#60636c"
},
"600": {
"value": "#4f525a"
},
"650": {
"value": "#41444c"
},
"700": {
"value": "#31343c"
},
"750": {
"value": "#2b2e36"
},
"800": {
"value": "#24262d"
},
"850": {
"value": "#1f2127"
},
"900": {
"value": "#1a1c22"
},
"950": {
"value": "#15171d"
},
"999": {
"value": "#0f1015"
}
},
"tertiary": {
"50": {
"value": "#edf4fe"
},
"100": {
"value": "#cde1fe"
},
"200": {
"value": "#b8d4ff"
},
"300": {
"value": "#9ac2fe"
},
"400": {
"value": "#85b5fd"
},
"500": {
"value": "#63a1fd"
},
"600": {
"value": "#3986f9"
},
"700": {
"value": "#1c68d9"
},
"800": {
"value": "#1759bd"
},
"900": {
"value": "#114491"
},
"950": {
"value": "#0b2f66"
},
"999": {
"value": "#061c3d"
}
}
},
"global": {
"neutral": {
"25": {
"value": "#f7f7f7"
},
"50": {
"value": "#eeeeee"
},
"100": {
"value": "#dddddd"
},
"200": {
"value": "#bbbbbb"
},
"300": {
"value": "#989898"
},
"400": {
"value": "#767676"
},
"500": {
"value": "#545454"
},
"600": {
"value": "#434343"
},
"700": {
"value": "#323232"
},
"800": {
"value": "#222222"
},
"900": {
"value": "#121212"
}
},
"bw": {
"white": {
"value": "#ffffff"
},
"black": {
"value": "#000000"
}
},
"alert": {
"100": {
"value": "#fee3e8"
},
"200": {
"value": "#fdacbb"
},
"300": {
"value": "#ff7b94"
},
"400": {
"value": "#fa3e60"
},
"500": {
"value": "#f80733"
},
"600": {
"value": "#c10527"
},
"700": {
"value": "#8a041c"
},
"800": {
"value": "#530211"
},
"900": {
"value": "#1c0106"
}
},
"warning": {
"100": {
"value": "#fff5e3"
},
"200": {
"value": "#ffe2aa"
},
"300": {
"value": "#ffcf71"
},
"400": {
"value": "#ffb931"
},
"500": {
"value": "#ffa800"
},
"600": {
"value": "#d27e00"
},
"700": {
"value": "#a76400"
},
"800": {
"value": "#6f4200"
},
"900": {
"value": "#311d00"
}
},
"success": {
"100": {
"value": "#f0fbe7"
},
"200": {
"value": "#d1f2b7"
},
"300": {
"value": "#b2ea87"
},
"400": {
"value": "#93e157"
},
"500": {
"value": "#74d926"
},
"600": {
"value": "#5aa81e"
},
"700": {
"value": "#417815"
},
"800": {
"value": "#27480d"
},
"900": {
"value": "#0d1804"
}
}
}
},
"width": {
"1": {
"value": "1px"
},
"2": {
"value": "2px"
}
}
},
"_semantic_colours": {
"light": {
"eds": {
"colour": {
"bg": {
"basic": {
"main": {
"value": "#ffffff"
},
"strong": {
"value": "#f6f7fa"
},
"stronger": {
"value": "#edeef1"
},
"strongest": {
"value": "#dfe0e3"
},
"max": {
"value": "#cecfd3"
}
},
"basic-invert": {
"weaker": {
"value": "#31343c"
},
"weak": {
"value": "#24262d"
},
"main": {
"value": "#1a1c22"
},
"strong": {
"value": "#15171d"
}
},
"accent": {
"main": {
"value": "#008834"
},
"strong": {
"value": "#007e30"
},
"stronger": {
"value": "#006527"
}
},
"on-accent": {
"weaker": {
"value": "#bdf0bb"
},
"weak": {
"value": "#e9f9e9"
},
"main": {
"value": "#ffffff"
},
"strong": {
"value": "#ffffff"
}
},
"on-basic-invert": {
"weaker": {
"value": "#bdf0bb"
},
"weak": {
"value": "#e9f9e9"
},
"main": {
"value": "#ffffff"
},
"max": {
"value": "#ffffff"
}
},
"alert": {
"main": {
"value": "#fee3e8"
},
"strong": {
"value": "#fdacbb"
},
"stronger": {
"value": "#ff7b94"
}
},
"warning": {
"main": {
"value": "#fff5e3"
},
"strong": {
"value": "#ffe2aa"
},
"stronger": {
"value": "#ffcf71"
}
},
"success": {
"main": {
"value": "#f0fbe7"
},
"strong": {
"value": "#d1f2b7"
},
"stronger": {
"value": "#b2ea87"
}
}
},
"text": {
"basic": {
"weak": {
"value": "#60636c"
},
"main": {
"value": "#41444c"
},
"strong": {
"value": "#1a1c22"
}
},
"basic-invert": {
"weak": {
"value": "#c0c1c5"
},
"main": {
"value": "#dfe0e3"
},
"strong": {
"value": "#ffffff"
}
},
"accent": {
"main": {
"value": "#007e30"
},
"strong": {
"value": "#006527"
},
"stronger": {
"value": "#004c1d"
}
},
"accent-invert": {
"main": {
"value": "#5bd06a"
}
},
"on-accent": {
"weak": {
"value": "#e9f9e9"
},
"main": {
"value": "#ffffff"
}
},
"alert": {
"main": {
"value": "#c10527"
},
"strong": {
"value": "#8a041c"
}
},
"warning": {
"weak": {
"value": "#a76400"
},
"main": {
"value": "#6f4200"
}
},
"success": {
"main": {
"value": "#417815"
},
"strong": {
"value": "#27480d"
}
},
"link": {
"main": {
"value": "#1c68d9"
},
"strong": {
"value": "#1759bd"
},
"stronger": {
"value": "#114491"
}
},
"link-invert": {
"main": {
"value": "#85b5fd"
},
"strong": {
"value": "#b8d4ff"
},
"stronger": {
"value": "#cde1fe"
}
}
},
"icon": {
"basic": {
"main": {
"value": "#60636c"
},
"strong": {
"value": "#31343c"
},
"stronger": {
"value": "#24262d"
}
},
"basic-invert": {
"weak": {
"value": "#a0a2a7"
},
"main": {
"value": "#c0c1c5"
},
"maximum": {
"value": "#ffffff"
}
},
"accent": {
"weak": {
"value": "#3dbe58"
},
"main": {
"value": "#00973a"
},
"strong": {
"value": "#006527"
},
"stronger": {
"value": "#004c1d"
}
},
"accent-invert": {
"main": {
"value": "#5bd06a"
},
"strong": {
"value": "#9ce89a"
},
"stronger": {
"value": "#bdf0bb"
}
},
"on-accent": {
"main": {
"value": "#9ce89a"
},
"strong": {
"value": "#e9f9e9"
},
"maximum": {
"value": "#ffffff"
}
},
"link": {
"main": {
"value": "#1c68d9"
},
"strong": {
"value": "#1759bd"
},
"stronger": {
"value": "#114491"
}
},
"link-invert": {
"main": {
"value": "#85b5fd"
},
"strong": {
"value": "#b8d4ff"
},
"stronger": {
"value": "#cde1fe"
}
},
"alert": {
"main": {
"value": "#c10527"
},
"strong": {
"value": "#8a041c"
},
"stronger": {
"value": "#530211"
}
},
"warning": {
"main": {
"value": "#a76400"
},
"strong": {
"value": "#6f4200"
},
"stronger": {
"value": "#311d00"
}
},
"success": {
"main": {
"value": "#417815"
},
"strong": {
"value": "#27480d"
},
"stronger": {
"value": "#0d1804"
}
}
},
"stroke": {
"on-surface": {
"minimum": {
"value": "#ffffff"
},
"weakest": {
"value": "#edeef1"
},
"weaker": {
"value": "#dfe0e3"
},
"weak": {
"value": "#b0b1b5"
},
"main": {
"value": "#7e818a"
},
"strong": {
"value": "#4f525a"
},
"stronger": {
"value": "#24262d"
}
},
"on-surface-invert": {
"weak": {
"value": "#a0a2a7"
},
"main": {
"value": "#c0c1c5"
},
"maximum": {
"value": "#ffffff"
}
},
"accent": {
"weak": {
"value": "#3dbe58"
},
"main": {
"value": "#007e30"
},
"strong": {
"value": "#006527"
},
"stronger": {
"value": "#004c1d"
}
},
"on-accent": {
"main": {
"value": "#9ce89a"
},
"strong": {
"value": "#e9f9e9"
},
"maximum": {
"value": "#ffffff"
}
},
"link": {
"main": {
"value": "#63a1fd"
},
"strong": {
"value": "#1759bd"
},
"stronger": {
"value": "#114491"
}
}
}
}
}
},
"dark": {
"eds": {
"colour": {
"bg": {
"basic": {
"main": {
"value": "#24262d"
},
"strong": {
"value": "#31343c"
},
"stronger": {
"value": "#41444c"
},
"strongest": {
"value": "#4f525a"
},
"max": {
"value": "#60636c"
}
},
"basic-invert": {
"weaker": {
"value": "#1a1c22"
},
"weak": {
"value": "#1a1c22"
},
"main": {
"value": "#1a1c22"
},
"strong": {
"value": "#1a1c22"
}
},
"accent": {
"main": {
"value": "#006527"
},
"strong": {
"value": "#004c1d"
},
"stronger": {
"value": "#003213"
}
},
"on-accent": {
"weaker": {
"value": "#d8f5d6"
},
"weak": {
"value": "#d8f5d6"
},
"main": {
"value": "#d8f5d6"
},
"strong": {
"value": "#d8f5d6"
}
},
"on-basic-invert": {
"weaker": {
"value": "#d8f5d6"
},
"weak": {
"value": "#d8f5d6"
},
"main": {
"value": "#d8f5d6"
},
"max": {
"value": "#d8f5d6"
}
},
"alert": {
"main": {
"value": "#6f4200"
},
"strong": {
"value": "#a76400"
},
"stronger": {
"value": "#d27e00"
}
},
"warning": {
"main": {
"value": "#6f4200"
},
"strong": {
"value": "#a76400"
},
"stronger": {
"value": "#d27e00"
}
},
"success": {
"main": {
"value": "#6f4200"
},
"strong": {
"value": "#a76400"
},
"stronger": {
"value": "#d27e00"
}
}
},
"text": {
"basic": {
"weak": {
"value": "#cecfd3"
},
"main": {
"value": "#edeef1"
},
"strong": {
"value": "#f6f7fa"
}
},
"basic-invert": {
"weak": {
"value": "#1a1c22"
},
"main": {
"value": "#1a1c22"
},
"strong": {
"value": "#1a1c22"
}
},
"accent": {
"main": {
"value": "#d8f5d6"
},
"strong": {
"value": "#d8f5d6"
},
"stronger": {
"value": "#d8f5d6"
}
},
"accent-invert": {
"main": {
"value": "#d8f5d6"
}
},
"on-accent": {
"weak": {
"value": "#d8f5d6"
},
"main": {
"value": "#d8f5d6"
}
},
"alert": {
"main": {
"value": "#fdacbb"
},
"strong": {
"value": "#fdacbb"
}
},
"warning": {
"weak": {
"value": "#a76400"
},
"main": {
"value": "#a76400"
}
},
"success": {
"main": {
"value": "#b2ea87"
},
"strong": {
"value": "#d1f2b7"
}
},
"link": {
"main": {
"value": "#b8d4ff"
},
"strong": {
"value": "#cde1fe"
},
"stronger": {
"value": "#edf4fe"
}
},
"link-invert": {
"main": {
"value": "#b8d4ff"
},
"strong": {
"value": "#cde1fe"
},
"stronger": {
"value": "#edf4fe"
}
}
},
"icon": {
"basic": {
"main": {
"value": "#1a1c22"
},
"strong": {
"value": "#1a1c22"
},
"stronger": {
"value": "#1a1c22"
}
},
"basic-invert": {
"weak": {
"value": "#1a1c22"
},
"main": {
"value": "#1a1c22"
},
"maximum": {
"value": "#1a1c22"
}
},
"accent": {
"weak": {
"value": "#d8f5d6"
},
"main": {
"value": "#d8f5d6"
},
"strong": {
"value": "#d8f5d6"
},
"stronger": {
"value": "#d8f5d6"
}
},
"accent-invert": {
"main": {
"value": "#d8f5d6"
},
"strong": {
"value": "#d8f5d6"
},
"stronger": {
"value": "#d8f5d6"
}
},
"on-accent": {
"main": {
"value": "#7fe27f"
},
"strong": {
"value": "#7fe27f"
},
"maximum": {
"value": "#7fe27f"
}
},
"link": {
"main": {
"value": "#d8f5d6"
},
"strong": {
"value": "#d8f5d6"
},
"stronger": {
"value": "#d8f5d6"
}
},
"link-invert": {
"main": {
"value": "#d8f5d6"
},
"strong": {
"value": "#d8f5d6"
},
"stronger": {
"value": "#d8f5d6"
}
},
"alert": {
"main": {
"value": "#ff7b94"
},
"strong": {
"value": "#fdacbb"
},
"stronger": {
"value": "#fee3e8"
}
},
"warning": {
"main": {
"value": "#ffcf71"
},
"strong": {
"value": "#ffe2aa"
},
"stronger": {
"value": "#fff5e3"
}
},
"success": {
"main": {
"value": "#b2ea87"
},
"strong": {
"value": "#d1f2b7"
},
"stronger": {
"value": "#f0fbe7"
}
}
},
"stroke": {
"on-surface": {
"minimum": {
"value": "#1a1c22"
},
"weakest": {
"value": "#1a1c22"
},
"weaker": {
"value": "#1a1c22"
},
"weak": {
"value": "#1a1c22"
},
"main": {
"value": "#1a1c22"
},
"strong": {
"value": "#1a1c22"
},
"stronger": {
"value": "#1a1c22"
}
},
"on-surface-invert": {
"weak": {
"value": "#1a1c22"
},
"main": {
"value": "#1a1c22"
},
"maximum": {
"value": "#1a1c22"
}
},
"accent": {
"weak": {
"value": "#d8f5d6"
},
"main": {
"value": "#d8f5d6"
},
"strong": {
"value": "#d8f5d6"
},
"stronger": {
"value": "#d8f5d6"
}
},
"on-accent": {
"main": {
"value": "#d8f5d6"
},
"strong": {
"value": "#d8f5d6"
},
"maximum": {
"value": "#d8f5d6"
}
},
"link": {
"main": {
"value": "#d8f5d6"
},
"strong": {
"value": "#d8f5d6"
},
"stronger": {
"value": "#d8f5d6"
}
}
}
}
}
}
},
"_semantic_dimensions": {
"eds": {
"spacing": {
"none": {
"value": "0px"
},
"x05": {
"value": "2px"
},
"x1": {
"value": "4px"
},
"x1-5": {
"value": "6px"
},
"x2": {
"value": "8px"
},
"x3": {
"value": "12px"
},
"x4": {
"value": "16px"
},
"x5": {
"value": "20px"
},
"x6": {
"value": "24px"
},
"x7": {
"value": "28px"
},
"x8": {
"value": "32px"
},
"x9": {
"value": "36px"
},
"x10": {
"value": "40px"
},
"x11": {
"value": "44px"
},
"x12": {
"value": "48px"
},
"x14": {
"value": "56px"
},
"x20": {
"value": "80px"
},
"x22": {
"value": "88px"
},
"x24": {
"value": "96px"
},
"x32": {
"value": "128px"
}
},
"grid": {
"gutter": {
"none": {
"value": "0px"
},
"bp-xsmall": {
"value": "16px"
},
"bp-small": {
"value": "16px"
},
"bp-medium": {
"value": "16px"
},
"bp-large": {
"value": "24px"
},
"bp-xlarge": {
"value": "24px"
},
"bp-xxlarge": {
"value": "24px"
}
},
"margin": {
"none": {
"value": "0px"
},
"bp-xsmall": {
"value": "16px"
},
"bp-small": {
"value": "20px"
},
"bp-medium": {
"value": "32px"
},
"bp-large": {
"value": "32px"
},
"bp-xlarge": {
"value": "88px"
},
"bp-xxlarge": {
"value": "88px"
}
}
},
"breakpoint": {
"xxsmall": {
"value": "320px"
},
"small": {
"value": "360px"
},
"medium": {
"value": "768px"
},
"large": {
"value": "1024px"
},
"xlarge": {
"value": "1152px"
},
"xxlarge": {
"value": "1680px"
}
}
}
},
"_semantic_border": {
"eds": {
"radius": {
"none": {
"value": "0px"
},
"minimum": {
"value": "2px"
},
"small": {
"value": "4px"
},
"default": {
"value": "8px"
},
"large": {
"value": "16px"
},
"xlarge": {
"value": "32px"
},
"huge": {
"value": "40px"
},
"rounded": {
"value": "999px"
}
},
"width": {
"none": {
"value": "0px"
},
"minimum": {
"value": "1px"
},
"small": {
"value": "2px"
}
}
}
},
"pub_tokens": {
"eds": {
"colour": {
"action": {
"bg": {
"basic": {
"main": {
"default": {
"value": "#ffffff"
},
"hover": {
"value": "#f6f7fa"
},
"focus": {
"value": "#f6f7fa"
},
"active": {
"value": "#edeef1"
}
},
"alternative": {
"default": {
"value": "#f6f7fa"
},
"hover": {
"value": "#edeef1"
},
"focus": {
"value": "#edeef1"
},
"active": {
"value": "#f6f7fa"
}
}
},
"accent": {
"default": {
"value": "#008834"
},
"hover": {
"value": "#007e30"
},
"focus": {
"value": "#007e30"
},
"active": {
"value": "#006527"
}
},
"button": {
"primary": {
"default": {
"value": "#008834"
},
"hover": {
"value": "#007e30"
},
"focus": {
"value": "#007e30"
},
"active": {
"value": "#006527"
}
},
"secondary": {
"hover": {
"value": "#edeef1"
},
"focus": {
"value": "#edeef1"
},
"active": {
"value": "#f6f7fa"
}
},
"tertiary": {
"hover": {
"value": "#edeef1"
},
"focus": {
"value": "#edeef1"
},
"active": {
"value": "#f6f7fa"
}
},
"alert": {
"default": {
"value": "#fee3e8"
},
"hover": {
"value": "#fdacbb"
},
"focus": {
"value": "#fdacbb"
},
"active": {
"value": "#fee3e8"
}
}
},
"button-invert": {
"primary": {
"default": {
"value": "#ffffff"
},
"hover": {
"value": "#e9f9e9"
},
"focus": {
"value": "#e9f9e9"
},
"active": {
"value": "#bdf0bb"
}
},
"tertiary": {
"hover": {
"value": "#007e30"
},
"focus": {
"value": "#007e30"
},
"active": {
"value": "#006527"
}
}
},
"quicklink": {
"default": {
"value": "#ffffff"
},
"hover": {
"value": "#007e30"
},
"focus": {
"value": "#007e30"
},
"active": {
"value": "#006527"
}
},
"form": {
"default": {
"value": "#ffffff"
},
"hover": {
"value": "#ffffff"
},
"focus": {
"value": "#ffffff"
},
"active": {
"value": "#ffffff"
}
}
},
"text": {
"button": {
"primary": {
"default": {
"value": "#ffffff"
},
"hover": {
"value": "#ffffff"
},
"focus": {
"value": "#ffffff"
},
"active": {
"value": "#ffffff"
}
},
"secondary": {
"default": {
"value": "#60636c"
},
"hover": {
"value": "#41444c"
},
"focus": {
"value": "#41444c"
},
"active": {
"value": "#1a1c22"
}
},
"tertiary": {
"default": {
"value": "#1c68d9"
},
"hover": {
"value": "#1759bd"
},
"focus": {
"value": "#1759bd"
},
"active": {
"value": "#114491"
}
},
"alert": {
"default": {
"value": "#c10527"
},
"hover": {
"value": "#8a041c"
},
"focus": {
"value": "#8a041c"
},
"active": {
"value": "#8a041c"
}
}
},
"button-invert": {
"primary": {
"default": {
"value": "#007e30"
},
"hover": {
"value": "#006527"
},
"focus": {
"value": "#006527"
},
"active": {
"value": "#004c1d"
}
},
"secondary": {
"default": {
"value": "#ffffff"
},
"hover": {
"value": "#ffffff"
},
"focus": {
"value": "#ffffff"
},
"active": {
"value": "#ffffff"
}
},
"tertiary": {
"default": {
"value": "#e9f9e9"
},
"hover": {
"value": "#ffffff"
},
"focus": {
"value": "#ffffff"
},
"active": {
"value": "#e9f9e9"
}
}
},
"on-basic": {
"default": {
"value": "#60636c"
},
"headline": {
"default": {
"value": "#1a1c22"
},
"hover": {
"value": "#41444c"
},
"focus": {
"value": "#41444c"
},
"active": {
"value": "#1a1c22"
}
},
"hover": {
"value": "#41444c"
},
"focus": {
"value": "#41444c"
},
"active": {
"value": "#1a1c22"
}
},
"link": {
"default": {
"value": "#1c68d9"
},
"hover": {
"value": "#1759bd"
},
"focus": {
"value": "#1759bd"
},
"active": {
"value": "#114491"
}
},
"link-invert": {
"default": {
"value": "#85b5fd"
},
"hover": {
"value": "#b8d4ff"
},
"focus": {
"value": "#b8d4ff"
},
"active": {
"value": "#cde1fe"
}
},
"link-footer": {
"default": {
"value": "#c0c1c5"
},
"hover": {
"value": "#5bd06a"
},
"focus": {
"value": "#5bd06a"
},
"active": {
"value": "#007e30"
}
}
},
"icon": {
"button": {
"primary": {
"default": {
"value": "#ffffff"
},
"hover": {
"value": "#ffffff"
},
"focus": {
"value": "#ffffff"
},
"active": {
"value": "#ffffff"
}
},
"secondary": {
"default": {
"value": "#60636c"
},
"hover": {
"value": "#31343c"
},
"focus": {
"value": "#31343c"
},
"active": {
"value": "#24262d"
}
},
"tertiary": {
"default": {
"value": "#1c68d9"
},
"hover": {
"value": "#1759bd"
},
"focus": {
"value": "#1759bd"
},
"active": {
"value": "#114491"
}
},
"alert": {
"default": {
"value": "#c10527"
},
"hover": {
"value": "#8a041c"
},
"focus": {
"value": "#8a041c"
},
"active": {
"value": "#8a041c"
}
}
},
"button-invert": {
"primary": {
"default": {
"value": "#00973a"
},
"hover": {
"value": "#006527"
},
"focus": {
"value": "#006527"
},
"active": {
"value": "#004c1d"
}
},
"secondary": {
"default": {
"value": "#ffffff"
},
"hover": {
"value": "#9ce89a"
},
"focus": {
"value": "#9ce89a"
},
"active": {
"value": "#ffffff"
}
},
"tertiary": {
"default": {
"value": "#ffffff"
},
"hover": {
"value": "#9ce89a"
},
"focus": {
"value": "#9ce89a"
},
"active": {
"value": "#ffffff"
}
}
},
"on-basic": {
"default": {
"value": "#60636c"
},
"hover": {
"value": "#31343c"
},
"focus": {
"value": "#31343c"
},
"active": {
"value": "#24262d"
}
},
"on-basic-invert": {
"default": {
"value": "#ffffff"
},
"hover": {
"value": "#5bd06a"
},
"focus": {
"value": "#5bd06a"
},
"active": {
"value": "#00973a"
}
},
"accent": {
"default": {
"value": "#00973a"
},
"hover": {
"value": "#006527"
},
"focus": {
"value": "#006527"
},
"active": {
"value": "#004c1d"
}
},
"link": {
"default": {
"value": "#1c68d9"
},
"hover": {
"value": "#1759bd"
},
"focus": {
"value": "#1759bd"
},
"active": {
"value": "#114491"
}
},
"link-invert": {
"default": {
"value": "#85b5fd"
},
"hover": {
"value": "#b8d4ff"
},
"focus": {
"value": "#b8d4ff"
},
"active": {
"value": "#cde1fe"
}
}
},
"icon-only": {
"button": {
"primary": {
"default": {
"value": "#ffffff"
},
"hover": {
"value": "#ffffff"
},
"focus": {
"value": "#ffffff"
},
"active": {
"value": "#ffffff"
}
},
"secondary": {
"default": {
"value": "#60636c"
},
"hover": {
"value": "#31343c"
},
"focus": {
"value": "#31343c"
},
"active": {
"value": "#24262d"
}
},
"tertiary": {
"default": {
"value": "#60636c"
},
"hover": {
"value": "#31343c"
},
"focus": {
"value": "#31343c"
},
"active": {
"value": "#24262d"
}
},
"alert": {
"default": {
"value": "#c10527"
},
"hover": {
"value": "#8a041c"
},
"focus": {
"value": "#8a041c"
},
"active": {
"value": "#8a041c"
}
}
},
"button-invert": {
"primary": {
"default": {
"value": "#00973a"
},
"hover": {
"value": "#006527"
},
"focus": {
"value": "#006527"
},
"active": {
"value": "#004c1d"
}
},
"secondary": {
"default": {
"value": "#ffffff"
},
"hover": {
"value": "#e9f9e9"
},
"focus": {
"value": "#e9f9e9"
},
"active": {
"value": "#ffffff"
}
},
"tertiary": {
"default": {
"value": "#ffffff"
},
"hover": {
"value": "#9ce89a"
},
"focus": {
"value": "#9ce89a"
},
"active": {
"value": "#ffffff"
}
}
}
},
"stroke": {
"button": {
"secondary": {
"default": {
"value": "#7e818a"
},
"hover": {
"value": "#4f525a"
},
"focus": {
"value": "#4f525a"
},
"active": {
"value": "#24262d"
}
}
},
"button-invert": {
"secondary": {
"default": {
"value": "#ffffff"
},
"hover": {
"value": "#9ce89a"
},
"focus": {
"value": "#9ce89a"
},
"active": {
"value": "#ffffff"
}
}
},
"divider": {
"default": {
"value": "#dfe0e3"
},
"hover": {
"value": "#4f525a"
},
"focus": {
"value": "#4f525a"
},
"active": {
"value": "#24262d"
}
},
"shadow-container": {
"default": {
"value": "#ffffff"
},
"hover": {
"value": "#ffffff"
},
"focus": {
"value": "#ffffff"
},
"active": {
"value": "#ffffff"
}
},
"form": {
"default": {
"value": "#dfe0e3"
},
"hover": {
"value": "#b0b1b5"
},
"focus": {
"value": "#b0b1b5"
},
"active": {
"value": "#7e818a"
}
}
}
},
"static": {
"bg": {
"basic": {
"main": {
"value": "#ffffff"
},
"alternative": {
"value": "#f6f7fa"
},
"higher": {
"value": "#edeef1"
}
},
"basic-invert": {
"main": {
"value": "#1a1c22"
},
"alternative": {
"value": "#24262d"
},
"higher": {
"value": "#15171d"
}
},
"accent": {
"main": {
"value": "#008834"
},
"alternative": {
"value": "#007e30"
}
},
"alert": {
"main": {
"value": "#fee3e8"
},
"alternative": {
"value": "#fdacbb"
}
},
"warning": {
"main": {
"value": "#fff5e3"
},
"alternative": {
"value": "#ffe2aa"
}
},
"success": {
"main": {
"value": "#f0fbe7"
},
"alternative": {
"value": "#d1f2b7"
}
},
"table": {
"header": {
"value": "#edeef1"
},
"cell": {
"value": "#ffffff"
},
"cell-zebra": {
"value": "#f6f7fa"
}
}
},
"text": {
"on-basic": {
"headline": {
"value": "#1a1c22"
},
"body": {
"value": "#41444c"
},
"supportive": {
"value": "#60636c"
},
"accent": {
"value": "#007e30"
},
"highlighted": {
"value": "#1a1c22"
}
},
"on-basic-invert": {
"headline": {
"value": "#ffffff"
},
"body": {
"value": "#dfe0e3"
},
"supportive": {
"value": "#c0c1c5"
},
"accent": {
"value": "#5bd06a"
},
"highlighted": {
"value": "#ffffff"
}
},
"on-accent": {
"headline": {
"value": "#ffffff"
},
"body": {
"value": "#ffffff"
},
"supportive": {
"value": "#ffffff"
}
},
"alert": {
"headline": {
"value": "#8a041c"
},
"body": {
"value": "#8a041c"
},
"supportive": {
"value": "#c10527"
}
},
"warning": {
"headline": {
"value": "#6f4200"
},
"body": {
"value": "#6f4200"
},
"supportive": {
"value": "#a76400"
}
},
"success": {
"headline": {
"value": "#27480d"
},
"body": {
"value": "#27480d"
},
"supportive": {
"value": "#417815"
}
}
},
"icon": {
"on-basic": {
"main": {
"value": "#60636c"
},
"accent": {
"value": "#00973a"
}
},
"on-basic-invert": {
"main": {
"value": "#c0c1c5"
},
"accent": {
"value": "#3dbe58"
}
},
"on-accent": {
"main": {
"value": "#9ce89a"
},
"alternative": {
"value": "#ffffff"
}
},
"alert": {
"main": {
"value": "#c10527"
}
},
"warning": {
"main": {
"value": "#a76400"
}
},
"success": {
"main": {
"value": "#417815"
}
}
},
"stroke": {
"on-basic": {
"divider": {
"value": "#dfe0e3"
},
"container": {
"value": "#dfe0e3"
},
"accent": {
"value": "#007e30"
}
},
"on-basic-invert": {
"divider": {
"value": "#a0a2a7"
},
"container": {
"value": "#a0a2a7"
},
"accent": {
"value": "#3dbe58"
}
},
"on-accent": {
"divider": {
"value": "#9ce89a"
},
"container": {
"value": "#9ce89a"
},
"highlighted": {
"value": "#ffffff"
}
},
"table": {
"divider": {
"value": "#edeef1"
}
},
"alert": {
"main": {
"value": "#c10527"
}
},
"warning": {
"main": {
"value": "#a76400"
}
},
"success": {
"main": {
"value": "#417815"
}
}
}
}
},
"stroke": {
"table": {
"main": {
"value": "1px"
}
},
"divider": {
"main": {
"value": "1px"
},
"strong": {
"value": "2px"
}
}
},
"radius": {
"none": {
"value": "0px"
},
"minimum": {
"value": "2px"
},
"small": {
"value": "4px"
},
"main": {
"value": "8px"
},
"modal": {
"value": "16px"
},
"full": {
"value": "999px"
}
},
"grid": {
"breakpoint": {
"mobile-320": {
"value": "320px"
},
"mobile-390": {
"value": "390px"
},
"tablet-768": {
"value": "768px"
},
"tablet-1024": {
"value": "1024px"
},
"desktop-1440": {
"value": "1440px"
},
"desktop-1680": {
"value": "1680px"
},
"desktop-1920": {
"value": "1920px"
}
},
"gutter": {
"bp-320-1023": {
"value": "16px"
},
"bp-1024-1920": {
"value": "24px"
}
},
"margin": {
"bp-320-359": {
"value": "16px"
},
"bp-360-767": {
"value": "20px"
},
"bp-768-1023": {
"value": "32px"
},
"bp-1024-1151": {
"value": "32px"
},
"bp-1152-1920": {
"value": "88px"
}
},
"container": {
"max-width": {
"value": "1416px"
}
}
},
"spacing": {
"none": {
"value": "0px"
},
"small": {
"1": {
"value": "2px"
},
"2": {
"value": "4px"
},
"3": {
"value": "6px"
},
"4": {
"value": "8px"
},
"5": {
"value": "12px"
}
},
"medium": {
"1": {
"value": "16px"
},
"2": {
"value": "20px"
},
"3": {
"value": "24px"
},
"4": {
"value": "32px"
},
"5": {
"value": "36px"
},
"6": {
"value": "40px"
},
"7": {
"value": "44px"
},
"8": {
"value": "48px"
}
},
"large": {
"1": {
"value": "56px"
},
"2": {
"value": "80px"
},
"3": {
"value": "88px"
},
"4": {
"value": "96px"
},
"5": {
"value": "128px"
}
}
}
}
}
}
Figma export core.json
{
"fontFamilies": {
"inter": {
"value": "Inter",
"type": "fontFamilies"
}
},
"lineHeights": {
"1": {
"value": "12",
"type": "lineHeights"
},
"2": {
"value": "16",
"type": "lineHeights"
},
"3": {
"value": "20",
"type": "lineHeights"
},
"4": {
"value": "24",
"type": "lineHeights"
},
"5": {
"value": "28",
"type": "lineHeights"
},
"6": {
"value": "32",
"type": "lineHeights"
},
"7": {
"value": "36",
"type": "lineHeights"
},
"8": {
"value": "40",
"type": "lineHeights"
},
"9": {
"value": "44",
"type": "lineHeights"
},
"10": {
"value": "56",
"type": "lineHeights"
},
"11": {
"value": "72",
"type": "lineHeights"
}
},
"fontWeights": {
"300": {
"value": "Light",
"type": "fontWeights"
},
"400": {
"value": "Regular",
"type": "fontWeights"
},
"600": {
"value": "Semi Bold",
"type": "fontWeights"
},
"700": {
"value": "Bold",
"type": "fontWeights"
},
"400-italic": {
"value": "Italic",
"type": "fontWeights"
},
"600-italic": {
"value": "Semi Bold Italic",
"type": "fontWeights"
}
},
"fontSize": {
"1": {
"value": "11",
"type": "fontSizes"
},
"2": {
"value": "12",
"type": "fontSizes"
},
"3": {
"value": "14",
"type": "fontSizes"
},
"4": {
"value": "16",
"type": "fontSizes"
},
"5": {
"value": "18",
"type": "fontSizes"
},
"6": {
"value": "20",
"type": "fontSizes"
},
"7": {
"value": "24",
"type": "fontSizes"
},
"8": {
"value": "28",
"type": "fontSizes"
},
"9": {
"value": "32",
"type": "fontSizes"
},
"10": {
"value": "36",
"type": "fontSizes"
},
"11": {
"value": "40",
"type": "fontSizes"
},
"12": {
"value": "44",
"type": "fontSizes"
},
"13": {
"value": "48",
"type": "fontSizes"
},
"14": {
"value": "64",
"type": "fontSizes"
}
},
"letterSpacing": {
"xcondensed": {
"value": "-3%",
"type": "letterSpacing"
},
"condensed": {
"value": "-1%",
"type": "letterSpacing"
},
"regular": {
"value": "0%",
"type": "letterSpacing"
},
"relaxed": {
"value": "1%",
"type": "letterSpacing"
},
"xrelaxed": {
"value": "1.5%",
"type": "letterSpacing"
}
},
"paragraphSpacing": {
"0": {
"value": "0",
"type": "paragraphSpacing"
},
"1": {
"value": "8",
"type": "paragraphSpacing"
},
"2": {
"value": "16",
"type": "paragraphSpacing"
},
"3": {
"value": "32",
"type": "paragraphSpacing"
}
},
"heading": {
"desktop": {
"display": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.300}",
"lineHeight": "{lineHeights.11}",
"fontSize": "{fontSize.14}",
"letterSpacing": "{letterSpacing.xcondensed}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"h1": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.300}",
"lineHeight": "{lineHeights.10}",
"fontSize": "{fontSize.13}",
"letterSpacing": "{letterSpacing.condensed}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"h2": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.600}",
"lineHeight": "{lineHeights.9}",
"fontSize": "{fontSize.10}",
"letterSpacing": "{letterSpacing.condensed}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"h3": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.600}",
"lineHeight": "{lineHeights.6}",
"fontSize": "{fontSize.8}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"h4": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.600}",
"lineHeight": "{lineHeights.5}",
"fontSize": "{fontSize.7}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"h5": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.600}",
"lineHeight": "{lineHeights.4}",
"fontSize": "{fontSize.6}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"h6": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.600}",
"lineHeight": "{lineHeights.4}",
"fontSize": "{fontSize.5}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"leadtext": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.300}",
"lineHeight": "{lineHeights.6}",
"fontSize": "{fontSize.7}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"subheadline": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.700}",
"lineHeight": "{lineHeights.3}",
"fontSize": "{fontSize.4}",
"letterSpacing": "{letterSpacing.relaxed}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.uppercase}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
}
},
"mobile": {
"display": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.300}",
"lineHeight": "{lineHeights.10}",
"fontSize": "{fontSize.13}",
"letterSpacing": "{letterSpacing.xcondensed}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"h1": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.300}",
"lineHeight": "{lineHeights.7}",
"fontSize": "{fontSize.9}",
"letterSpacing": "{letterSpacing.condensed}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"h2": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.600}",
"lineHeight": "{lineHeights.7}",
"fontSize": "{fontSize.8}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"h3": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.600}",
"lineHeight": "{lineHeights.6}",
"fontSize": "{fontSize.7}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"h4": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.600}",
"lineHeight": "{lineHeights.5}",
"fontSize": "{fontSize.6}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"h5": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.600}",
"lineHeight": "{lineHeights.4}",
"fontSize": "{fontSize.5}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"h6": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.600}",
"lineHeight": "{lineHeights.3}",
"fontSize": "{fontSize.4}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"leadtext": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.300}",
"lineHeight": "{lineHeights.6}",
"fontSize": "{fontSize.6}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"subheadline": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.700}",
"lineHeight": "{lineHeights.2}",
"fontSize": "{fontSize.2}",
"letterSpacing": "{letterSpacing.relaxed}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.uppercase}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
}
}
},
"text": {
"p": {
"small-400": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.400}",
"lineHeight": "{lineHeights.4}",
"fontSize": "{fontSize.3}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.2}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"small-400-italic": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.400-italic}",
"lineHeight": "{lineHeights.4}",
"fontSize": "{fontSize.3}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.2}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"small-600": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.600}",
"lineHeight": "{lineHeights.4}",
"fontSize": "{fontSize.3}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.2}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"small-600-italic": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.600-italic}",
"lineHeight": "{lineHeights.4}",
"fontSize": "{fontSize.3}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.2}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"default-400": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.400}",
"lineHeight": "{lineHeights.4}",
"fontSize": "{fontSize.4}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.2}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"default-400-italic": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.400-italic}",
"lineHeight": "{lineHeights.4}",
"fontSize": "{fontSize.4}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.2}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"default-600": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.600}",
"lineHeight": "{lineHeights.4}",
"fontSize": "{fontSize.4}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.2}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"default-600-italic": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.600-italic}",
"lineHeight": "{lineHeights.4}",
"fontSize": "{fontSize.4}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.2}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"large-400": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.400}",
"lineHeight": "{lineHeights.6}",
"fontSize": "{fontSize.6}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.3}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"large-400-italic": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.400-italic}",
"lineHeight": "{lineHeights.6}",
"fontSize": "{fontSize.6}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.3}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"large-600": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.600}",
"lineHeight": "{lineHeights.6}",
"fontSize": "{fontSize.6}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.3}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"large-600-italic": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.600-italic}",
"lineHeight": "{lineHeights.6}",
"fontSize": "{fontSize.6}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.3}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
}
},
"line": {
"tiny-400": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.400}",
"lineHeight": "{lineHeights.2}",
"fontSize": "{fontSize.2}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"tiny-400-italic": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.400-italic}",
"lineHeight": "{lineHeights.2}",
"fontSize": "{fontSize.2}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"tiny-600": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.600}",
"lineHeight": "{lineHeights.2}",
"fontSize": "{fontSize.2}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"tiny-600-italic": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.600-italic}",
"lineHeight": "{lineHeights.2}",
"fontSize": "{fontSize.2}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"small-400": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.400}",
"lineHeight": "{lineHeights.3}",
"fontSize": "{fontSize.3}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"small-400-italic": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.400-italic}",
"lineHeight": "{lineHeights.3}",
"fontSize": "{fontSize.3}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"small-600": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.600}",
"lineHeight": "{lineHeights.3}",
"fontSize": "{fontSize.3}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"small-600-italic": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.600-italic}",
"lineHeight": "{lineHeights.3}",
"fontSize": "{fontSize.3}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"default-400": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.400}",
"lineHeight": "{lineHeights.3}",
"fontSize": "{fontSize.4}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"default-400-italic": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.400-italic}",
"lineHeight": "{lineHeights.3}",
"fontSize": "{fontSize.4}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"default-600": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.600}",
"lineHeight": "{lineHeights.3}",
"fontSize": "{fontSize.4}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"default-600-italic": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.600-italic}",
"lineHeight": "{lineHeights.3}",
"fontSize": "{fontSize.4}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"large-400": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.400}",
"lineHeight": "{lineHeights.4}",
"fontSize": "{fontSize.6}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"large-400-italic": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.400-italic}",
"lineHeight": "{lineHeights.4}",
"fontSize": "{fontSize.6}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"large-600": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.600}",
"lineHeight": "{lineHeights.4}",
"fontSize": "{fontSize.3}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"large-600-italic": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.600-italic}",
"lineHeight": "{lineHeights.4}",
"fontSize": "{fontSize.6}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
}
},
"list": {
"default-400": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.400}",
"lineHeight": "{lineHeights.3}",
"fontSize": "{fontSize.4}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.1}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"default-600": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.600}",
"lineHeight": "{lineHeights.3}",
"fontSize": "{fontSize.4}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.1}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
}
}
},
"label": {
"tiny-400": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.400}",
"lineHeight": "{lineHeights.2}",
"fontSize": "{fontSize.2}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"tiny-600": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.600}",
"lineHeight": "{lineHeights.2}",
"fontSize": "{fontSize.2}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"small-400": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.400}",
"lineHeight": "{lineHeights.2}",
"fontSize": "{fontSize.3}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"small-600": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.600}",
"lineHeight": "{lineHeights.2}",
"fontSize": "{fontSize.3}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"default-400": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.400}",
"lineHeight": "{lineHeights.3}",
"fontSize": "{fontSize.4}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"default-600": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.600}",
"lineHeight": "{lineHeights.3}",
"fontSize": "{fontSize.4}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"large-400": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.400}",
"lineHeight": "{lineHeights.4}",
"fontSize": "{fontSize.6}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"large-600": {
"value": {
"fontFamily": "{fontFamilies.inter}",
"fontWeight": "{fontWeights.600}",
"lineHeight": "{lineHeights.4}",
"fontSize": "{fontSize.6}",
"letterSpacing": "{letterSpacing.regular}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
}
},
"textCase": {
"none": {
"value": "none",
"type": "textCase"
},
"uppercase": {
"value": "uppercase",
"type": "textCase"
}
},
"textDecoration": {
"none": {
"value": "none",
"type": "textDecoration"
}
},
"paragraphIndent": {
"0": {
"value": "0px",
"type": "dimension"
}
}
}
DS tokens.json
{
"_base_tokens": {
"breakpoint": {
"320": "320px",
"360": "360px",
"768": "768px",
"1024": "1024px",
"1152": "1152px",
"1440": "1440px",
"1680": "1680px"
},
"column": {
"columns-4": "4px",
"columns-8": "8px",
"columns-12": "12px"
},
"container": {
"max-width": "1416px"
},
"size": {
"size-2": "2px",
"size-4": "4px",
"size-6": "6px",
"size-8": "8px",
"size-12": "12px",
"size-16": "16px",
"size-20": "20px",
"size-24": "24px",
"size-28": "28px",
"size-32": "32px",
"size-36": "36px",
"size-40": "40px",
"size-44": "44px",
"size-48": "48px",
"size-56": "56px",
"size-64": "64px",
"size-72": "72px",
"size-80": "80px",
"size-88": "88px",
"size-96": "96px",
"size-112": "112px",
"size-128": "128px",
"size-999": "999px"
},
"radius": {
"0": "0px",
"2": "2px",
"4": "4px",
"8": "8px",
"12": "12px",
"16": "16px",
"20": "20px",
"24": "24px",
"32": "32px",
"40": "40px",
"999": "999px"
},
"colour": {
"brand": {
"primary": {
"50": "#f5fcf4",
"100": "#e9f9e9",
"150": "#d8f5d6",
"200": "#bdf0bb",
"250": "#9ce89a",
"300": "#7fe27f",
"350": "#5bd06a",
"400": "#3dbe58",
"450": "#1eaa44",
"500": "#00973a",
"550": "#008834",
"600": "#007e30",
"650": "#00712c",
"700": "#006527",
"750": "#005822",
"800": "#004c1d",
"850": "#003f18",
"900": "#003213",
"950": "#00260f",
"999": "#00190a"
},
"secondary": {
"50": "#f6f7fa",
"100": "#edeef1",
"150": "#dfe0e3",
"200": "#cecfd3",
"250": "#c0c1c5",
"300": "#b0b1b5",
"350": "#a0a2a7",
"400": "#8f9198",
"450": "#7e818a",
"500": "#6f727b",
"550": "#60636c",
"600": "#4f525a",
"650": "#41444c",
"700": "#31343c",
"750": "#2b2e36",
"800": "#24262d",
"850": "#1f2127",
"900": "#1a1c22",
"950": "#15171d",
"999": "#0f1015"
},
"tertiary": {
"50": "#edf4fe",
"100": "#cde1fe",
"200": "#b8d4ff",
"300": "#9ac2fe",
"400": "#85b5fd",
"500": "#63a1fd",
"600": "#3986f9",
"700": "#1c68d9",
"800": "#1759bd",
"900": "#114491",
"950": "#0b2f66",
"999": "#061c3d"
}
},
"global": {
"neutral": {
"25": "#f7f7f7",
"50": "#eeeeee",
"100": "#dddddd",
"200": "#bbbbbb",
"300": "#989898",
"400": "#767676",
"500": "#545454",
"600": "#434343",
"700": "#323232",
"800": "#222222",
"900": "#121212"
},
"bw": {
"white": "#ffffff",
"black": "#000000"
},
"alert": {
"100": "#fee3e8",
"200": "#fdacbb",
"300": "#ff7b94",
"400": "#fa3e60",
"500": "#f80733",
"600": "#c10527",
"700": "#8a041c",
"800": "#530211",
"900": "#1c0106"
},
"warning": {
"100": "#fff5e3",
"200": "#ffe2aa",
"300": "#ffcf71",
"400": "#ffb931",
"500": "#ffa800",
"600": "#d27e00",
"700": "#a76400",
"800": "#6f4200",
"900": "#311d00"
},
"success": {
"100": "#f0fbe7",
"200": "#d1f2b7",
"300": "#b2ea87",
"400": "#93e157",
"500": "#74d926",
"600": "#5aa81e",
"700": "#417815",
"800": "#27480d",
"900": "#0d1804"
}
}
},
"width": {
"1": "1px",
"2": "2px"
}
},
"_semantic_colours": {
"light": {
"eds": {
"colour": {
"bg": {
"basic": {
"main": "#ffffff",
"strong": "#f6f7fa",
"stronger": "#edeef1",
"strongest": "#dfe0e3",
"max": "#cecfd3"
},
"basic-invert": {
"weaker": "#31343c",
"weak": "#24262d",
"main": "#1a1c22",
"strong": "#15171d"
},
"accent": {
"main": "#008834",
"strong": "#007e30",
"stronger": "#006527"
},
"on-accent": {
"weaker": "#bdf0bb",
"weak": "#e9f9e9",
"main": "#ffffff",
"strong": "#ffffff"
},
"on-basic-invert": {
"weaker": "#bdf0bb",
"weak": "#e9f9e9",
"main": "#ffffff",
"max": "#ffffff"
},
"alert": {
"main": "#fee3e8",
"strong": "#fdacbb",
"stronger": "#ff7b94"
},
"warning": {
"main": "#fff5e3",
"strong": "#ffe2aa",
"stronger": "#ffcf71"
},
"success": {
"main": "#f0fbe7",
"strong": "#d1f2b7",
"stronger": "#b2ea87"
}
},
"text": {
"basic": {
"weak": "#60636c",
"main": "#41444c",
"strong": "#1a1c22"
},
"basic-invert": {
"weak": "#c0c1c5",
"main": "#dfe0e3",
"strong": "#ffffff"
},
"accent": {
"main": "#007e30",
"strong": "#006527",
"stronger": "#004c1d"
},
"accent-invert": {
"main": "#5bd06a"
},
"on-accent": {
"weak": "#e9f9e9",
"main": "#ffffff"
},
"alert": {
"main": "#c10527",
"strong": "#8a041c"
},
"warning": {
"weak": "#a76400",
"main": "#6f4200"
},
"success": {
"main": "#417815",
"strong": "#27480d"
},
"link": {
"main": "#1c68d9",
"strong": "#1759bd",
"stronger": "#114491"
},
"link-invert": {
"main": "#85b5fd",
"strong": "#b8d4ff",
"stronger": "#cde1fe"
}
},
"icon": {
"basic": {
"main": "#60636c",
"strong": "#31343c",
"stronger": "#24262d"
},
"basic-invert": {
"weak": "#a0a2a7",
"main": "#c0c1c5",
"maximum": "#ffffff"
},
"accent": {
"weak": "#3dbe58",
"main": "#00973a",
"strong": "#006527",
"stronger": "#004c1d"
},
"accent-invert": {
"main": "#5bd06a",
"strong": "#9ce89a",
"stronger": "#bdf0bb"
},
"on-accent": {
"main": "#9ce89a",
"strong": "#e9f9e9",
"maximum": "#ffffff"
},
"link": {
"main": "#1c68d9",
"strong": "#1759bd",
"stronger": "#114491"
},
"link-invert": {
"main": "#85b5fd",
"strong": "#b8d4ff",
"stronger": "#cde1fe"
},
"alert": {
"main": "#c10527",
"strong": "#8a041c",
"stronger": "#530211"
},
"warning": {
"main": "#a76400",
"strong": "#6f4200",
"stronger": "#311d00"
},
"success": {
"main": "#417815",
"strong": "#27480d",
"stronger": "#0d1804"
}
},
"stroke": {
"on-surface": {
"minimum": "#ffffff",
"weakest": "#edeef1",
"weaker": "#dfe0e3",
"weak": "#b0b1b5",
"main": "#7e818a",
"strong": "#4f525a",
"stronger": "#24262d"
},
"on-surface-invert": {
"weak": "#a0a2a7",
"main": "#c0c1c5",
"maximum": "#ffffff"
},
"accent": {
"weak": "#3dbe58",
"main": "#007e30",
"strong": "#006527",
"stronger": "#004c1d"
},
"on-accent": {
"main": "#9ce89a",
"strong": "#e9f9e9",
"maximum": "#ffffff"
},
"link": {
"main": "#63a1fd",
"strong": "#1759bd",
"stronger": "#114491"
}
}
}
}
},
"dark": {
"eds": {
"colour": {
"bg": {
"basic": {
"main": "#24262d",
"strong": "#31343c",
"stronger": "#41444c",
"strongest": "#4f525a",
"max": "#60636c"
},
"basic-invert": {
"weaker": "#1a1c22",
"weak": "#1a1c22",
"main": "#1a1c22",
"strong": "#1a1c22"
},
"accent": {
"main": "#006527",
"strong": "#004c1d",
"stronger": "#003213"
},
"on-accent": {
"weaker": "#d8f5d6",
"weak": "#d8f5d6",
"main": "#d8f5d6",
"strong": "#d8f5d6"
},
"on-basic-invert": {
"weaker": "#d8f5d6",
"weak": "#d8f5d6",
"main": "#d8f5d6",
"max": "#d8f5d6"
},
"alert": {
"main": "#6f4200",
"strong": "#a76400",
"stronger": "#d27e00"
},
"warning": {
"main": "#6f4200",
"strong": "#a76400",
"stronger": "#d27e00"
},
"success": {
"main": "#6f4200",
"strong": "#a76400",
"stronger": "#d27e00"
}
},
"text": {
"basic": {
"weak": "#cecfd3",
"main": "#edeef1",
"strong": "#f6f7fa"
},
"basic-invert": {
"weak": "#1a1c22",
"main": "#1a1c22",
"strong": "#1a1c22"
},
"accent": {
"main": "#d8f5d6",
"strong": "#d8f5d6",
"stronger": "#d8f5d6"
},
"accent-invert": {
"main": "#d8f5d6"
},
"on-accent": {
"weak": "#d8f5d6",
"main": "#d8f5d6"
},
"alert": {
"main": "#fdacbb",
"strong": "#fdacbb"
},
"warning": {
"weak": "#a76400",
"main": "#a76400"
},
"success": {
"main": "#b2ea87",
"strong": "#d1f2b7"
},
"link": {
"main": "#b8d4ff",
"strong": "#cde1fe",
"stronger": "#edf4fe"
},
"link-invert": {
"main": "#b8d4ff",
"strong": "#cde1fe",
"stronger": "#edf4fe"
}
},
"icon": {
"basic": {
"main": "#1a1c22",
"strong": "#1a1c22",
"stronger": "#1a1c22"
},
"basic-invert": {
"weak": "#1a1c22",
"main": "#1a1c22",
"maximum": "#1a1c22"
},
"accent": {
"weak": "#d8f5d6",
"main": "#d8f5d6",
"strong": "#d8f5d6",
"stronger": "#d8f5d6"
},
"accent-invert": {
"main": "#d8f5d6",
"strong": "#d8f5d6",
"stronger": "#d8f5d6"
},
"on-accent": {
"main": "#7fe27f",
"strong": "#7fe27f",
"maximum": "#7fe27f"
},
"link": {
"main": "#d8f5d6",
"strong": "#d8f5d6",
"stronger": "#d8f5d6"
},
"link-invert": {
"main": "#d8f5d6",
"strong": "#d8f5d6",
"stronger": "#d8f5d6"
},
"alert": {
"main": "#ff7b94",
"strong": "#fdacbb",
"stronger": "#fee3e8"
},
"warning": {
"main": "#ffcf71",
"strong": "#ffe2aa",
"stronger": "#fff5e3"
},
"success": {
"main": "#b2ea87",
"strong": "#d1f2b7",
"stronger": "#f0fbe7"
}
},
"stroke": {
"on-surface": {
"minimum": "#1a1c22",
"weakest": "#1a1c22",
"weaker": "#1a1c22",
"weak": "#1a1c22",
"main": "#1a1c22",
"strong": "#1a1c22",
"stronger": "#1a1c22"
},
"on-surface-invert": {
"weak": "#1a1c22",
"main": "#1a1c22",
"maximum": "#1a1c22"
},
"accent": {
"weak": "#d8f5d6",
"main": "#d8f5d6",
"strong": "#d8f5d6",
"stronger": "#d8f5d6"
},
"on-accent": {
"main": "#d8f5d6",
"strong": "#d8f5d6",
"maximum": "#d8f5d6"
},
"link": {
"main": "#d8f5d6",
"strong": "#d8f5d6",
"stronger": "#d8f5d6"
}
}
}
}
}
},
"_semantic_dimensions": {
"eds": {
"spacing": {
"none": "0px",
"x05": "2px",
"x1": "4px",
"x1-5": "6px",
"x2": "8px",
"x3": "12px",
"x4": "16px",
"x5": "20px",
"x6": "24px",
"x7": "28px",
"x8": "32px",
"x9": "36px",
"x10": "40px",
"x11": "44px",
"x12": "48px",
"x14": "56px",
"x20": "80px",
"x22": "88px",
"x24": "96px",
"x32": "128px"
},
"grid": {
"gutter": {
"none": "0px",
"bp-xsmall": "16px",
"bp-small": "16px",
"bp-medium": "16px",
"bp-large": "24px",
"bp-xlarge": "24px",
"bp-xxlarge": "24px"
},
"margin": {
"none": "0px",
"bp-xsmall": "16px",
"bp-small": "20px",
"bp-medium": "32px",
"bp-large": "32px",
"bp-xlarge": "88px",
"bp-xxlarge": "88px"
}
},
"breakpoint": {
"xxsmall": "320px",
"small": "360px",
"medium": "768px",
"large": "1024px",
"xlarge": "1152px",
"xxlarge": "1680px"
}
}
},
"_semantic_border": {
"eds": {
"radius": {
"none": "0px",
"minimum": "2px",
"small": "4px",
"default": "8px",
"large": "16px",
"xlarge": "32px",
"huge": "40px",
"rounded": "999px"
},
"width": {
"none": "0px",
"minimum": "1px",
"small": "2px"
}
}
},
"pub_tokens": {
"eds": {
"colour": {
"action": {
"bg": {
"basic": {
"main": {
"default": "#ffffff",
"hover": "#f6f7fa",
"focus": "#f6f7fa",
"active": "#edeef1"
},
"alternative": {
"default": "#f6f7fa",
"hover": "#edeef1",
"focus": "#edeef1",
"active": "#f6f7fa"
}
},
"accent": {
"default": "#008834",
"hover": "#007e30",
"focus": "#007e30",
"active": "#006527"
},
"button": {
"primary": {
"default": "#008834",
"hover": "#007e30",
"focus": "#007e30",
"active": "#006527"
},
"secondary": {
"hover": "#edeef1",
"focus": "#edeef1",
"active": "#f6f7fa"
},
"tertiary": {
"hover": "#edeef1",
"focus": "#edeef1",
"active": "#f6f7fa"
},
"alert": {
"default": "#fee3e8",
"hover": "#fdacbb",
"focus": "#fdacbb",
"active": "#fee3e8"
}
},
"button-invert": {
"primary": {
"default": "#ffffff",
"hover": "#e9f9e9",
"focus": "#e9f9e9",
"active": "#bdf0bb"
},
"tertiary": {
"hover": "#007e30",
"focus": "#007e30",
"active": "#006527"
}
},
"quicklink": {
"default": "#ffffff",
"hover": "#007e30",
"focus": "#007e30",
"active": "#006527"
},
"form": {
"default": "#ffffff",
"hover": "#ffffff",
"focus": "#ffffff",
"active": "#ffffff"
}
},
"text": {
"button": {
"primary": {
"default": "#ffffff",
"hover": "#ffffff",
"focus": "#ffffff",
"active": "#ffffff"
},
"secondary": {
"default": "#60636c",
"hover": "#41444c",
"focus": "#41444c",
"active": "#1a1c22"
},
"tertiary": {
"default": "#1c68d9",
"hover": "#1759bd",
"focus": "#1759bd",
"active": "#114491"
},
"alert": {
"default": "#c10527",
"hover": "#8a041c",
"focus": "#8a041c",
"active": "#8a041c"
}
},
"button-invert": {
"primary": {
"default": "#007e30",
"hover": "#006527",
"focus": "#006527",
"active": "#004c1d"
},
"secondary": {
"default": "#ffffff",
"hover": "#ffffff",
"focus": "#ffffff",
"active": "#ffffff"
},
"tertiary": {
"default": "#e9f9e9",
"hover": "#ffffff",
"focus": "#ffffff",
"active": "#e9f9e9"
}
},
"on-basic": {
"default": "#60636c",
"headline": {
"default": "#1a1c22",
"hover": "#41444c",
"focus": "#41444c",
"active": "#1a1c22"
},
"hover": "#41444c",
"focus": "#41444c",
"active": "#1a1c22"
},
"link": {
"default": "#1c68d9",
"hover": "#1759bd",
"focus": "#1759bd",
"active": "#114491"
},
"link-invert": {
"default": "#85b5fd",
"hover": "#b8d4ff",
"focus": "#b8d4ff",
"active": "#cde1fe"
},
"link-footer": {
"default": "#c0c1c5",
"hover": "#5bd06a",
"focus": "#5bd06a",
"active": "#007e30"
}
},
"icon": {
"button": {
"primary": {
"default": "#ffffff",
"hover": "#ffffff",
"focus": "#ffffff",
"active": "#ffffff"
},
"secondary": {
"default": "#60636c",
"hover": "#31343c",
"focus": "#31343c",
"active": "#24262d"
},
"tertiary": {
"default": "#1c68d9",
"hover": "#1759bd",
"focus": "#1759bd",
"active": "#114491"
},
"alert": {
"default": "#c10527",
"hover": "#8a041c",
"focus": "#8a041c",
"active": "#8a041c"
}
},
"button-invert": {
"primary": {
"default": "#00973a",
"hover": "#006527",
"focus": "#006527",
"active": "#004c1d"
},
"secondary": {
"default": "#ffffff",
"hover": "#9ce89a",
"focus": "#9ce89a",
"active": "#ffffff"
},
"tertiary": {
"default": "#ffffff",
"hover": "#9ce89a",
"focus": "#9ce89a",
"active": "#ffffff"
}
},
"on-basic": {
"default": "#60636c",
"hover": "#31343c",
"focus": "#31343c",
"active": "#24262d"
},
"on-basic-invert": {
"default": "#ffffff",
"hover": "#5bd06a",
"focus": "#5bd06a",
"active": "#00973a"
},
"accent": {
"default": "#00973a",
"hover": "#006527",
"focus": "#006527",
"active": "#004c1d"
},
"link": {
"default": "#1c68d9",
"hover": "#1759bd",
"focus": "#1759bd",
"active": "#114491"
},
"link-invert": {
"default": "#85b5fd",
"hover": "#b8d4ff",
"focus": "#b8d4ff",
"active": "#cde1fe"
}
},
"icon-only": {
"button": {
"primary": {
"default": "#ffffff",
"hover": "#ffffff",
"focus": "#ffffff",
"active": "#ffffff"
},
"secondary": {
"default": "#60636c",
"hover": "#31343c",
"focus": "#31343c",
"active": "#24262d"
},
"tertiary": {
"default": "#60636c",
"hover": "#31343c",
"focus": "#31343c",
"active": "#24262d"
},
"alert": {
"default": "#c10527",
"hover": "#8a041c",
"focus": "#8a041c",
"active": "#8a041c"
}
},
"button-invert": {
"primary": {
"default": "#00973a",
"hover": "#006527",
"focus": "#006527",
"active": "#004c1d"
},
"secondary": {
"default": "#ffffff",
"hover": "#e9f9e9",
"focus": "#e9f9e9",
"active": "#ffffff"
},
"tertiary": {
"default": "#ffffff",
"hover": "#9ce89a",
"focus": "#9ce89a",
"active": "#ffffff"
}
}
},
"stroke": {
"button": {
"secondary": {
"default": "#7e818a",
"hover": "#4f525a",
"focus": "#4f525a",
"active": "#24262d"
}
},
"button-invert": {
"secondary": {
"default": "#ffffff",
"hover": "#9ce89a",
"focus": "#9ce89a",
"active": "#ffffff"
}
},
"divider": {
"default": "#dfe0e3",
"hover": "#4f525a",
"focus": "#4f525a",
"active": "#24262d"
},
"shadow-container": {
"default": "#ffffff",
"hover": "#ffffff",
"focus": "#ffffff",
"active": "#ffffff"
},
"form": {
"default": "#dfe0e3",
"hover": "#b0b1b5",
"focus": "#b0b1b5",
"active": "#7e818a"
}
}
},
"static": {
"bg": {
"basic": {
"main": "#ffffff",
"alternative": "#f6f7fa",
"higher": "#edeef1"
},
"basic-invert": {
"main": "#1a1c22",
"alternative": "#24262d",
"higher": "#15171d"
},
"accent": {
"main": "#008834",
"alternative": "#007e30"
},
"alert": {
"main": "#fee3e8",
"alternative": "#fdacbb"
},
"warning": {
"main": "#fff5e3",
"alternative": "#ffe2aa"
},
"success": {
"main": "#f0fbe7",
"alternative": "#d1f2b7"
},
"table": {
"header": "#edeef1",
"cell": "#ffffff",
"cell-zebra": "#f6f7fa"
}
},
"text": {
"on-basic": {
"headline": "#1a1c22",
"body": "#41444c",
"supportive": "#60636c",
"accent": "#007e30",
"highlighted": "#1a1c22"
},
"on-basic-invert": {
"headline": "#ffffff",
"body": "#dfe0e3",
"supportive": "#c0c1c5",
"accent": "#5bd06a",
"highlighted": "#ffffff"
},
"on-accent": {
"headline": "#ffffff",
"body": "#ffffff",
"supportive": "#ffffff"
},
"alert": {
"headline": "#8a041c",
"body": "#8a041c",
"supportive": "#c10527"
},
"warning": {
"headline": "#6f4200",
"body": "#6f4200",
"supportive": "#a76400"
},
"success": {
"headline": "#27480d",
"body": "#27480d",
"supportive": "#417815"
}
},
"icon": {
"on-basic": {
"main": "#60636c",
"accent": "#00973a"
},
"on-basic-invert": {
"main": "#c0c1c5",
"accent": "#3dbe58"
},
"on-accent": {
"main": "#9ce89a",
"alternative": "#ffffff"
},
"alert": {
"main": "#c10527"
},
"warning": {
"main": "#a76400"
},
"success": {
"main": "#417815"
}
},
"stroke": {
"on-basic": {
"divider": "#dfe0e3",
"container": "#dfe0e3",
"accent": "#007e30"
},
"on-basic-invert": {
"divider": "#a0a2a7",
"container": "#a0a2a7",
"accent": "#3dbe58"
},
"on-accent": {
"divider": "#9ce89a",
"container": "#9ce89a",
"highlighted": "#ffffff"
},
"table": {
"divider": "#edeef1"
},
"alert": {
"main": "#c10527"
},
"warning": {
"main": "#a76400"
},
"success": {
"main": "#417815"
}
}
}
},
"stroke": {
"table": {
"main": "1px"
},
"divider": {
"main": "1px",
"strong": "2px"
}
},
"radius": {
"none": "0px",
"minimum": "2px",
"small": "4px",
"main": "8px",
"modal": "16px",
"full": "999px"
},
"grid": {
"breakpoint": {
"mobile-320": "320px",
"mobile-390": "390px",
"tablet-768": "768px",
"tablet-1024": "1024px",
"desktop-1440": "1440px",
"desktop-1680": "1680px",
"desktop-1920": "1920px"
},
"gutter": {
"bp-320-1023": "16px",
"bp-1024-1920": "24px"
},
"margin": {
"bp-320-359": "16px",
"bp-360-767": "20px",
"bp-768-1023": "32px",
"bp-1024-1151": "32px",
"bp-1152-1920": "88px"
},
"container": {
"max-width": "1416px"
}
},
"spacing": {
"none": "0px",
"small": {
"1": "2px",
"2": "4px",
"3": "6px",
"4": "8px",
"5": "12px"
},
"medium": {
"1": "16px",
"2": "20px",
"3": "24px",
"4": "32px",
"5": "36px",
"6": "40px",
"7": "44px",
"8": "48px"
},
"large": {
"1": "56px",
"2": "80px",
"3": "88px",
"4": "96px",
"5": "128px"
}
}
}
},
"fontFamilies": {
"inter": "Inter"
},
"lineHeights": {
"1": "12",
"2": "16",
"3": "20",
"4": "24",
"5": "28",
"6": "32",
"7": "36",
"8": "40",
"9": "44",
"10": "56",
"11": "72"
},
"fontWeights": {
"300": "Light",
"400": "Regular",
"600": "Semi Bold",
"700": "Bold",
"400-italic": "Italic",
"600-italic": "Semi Bold Italic"
},
"fontSize": {
"1": "11",
"2": "12",
"3": "14",
"4": "16",
"5": "18",
"6": "20",
"7": "24",
"8": "28",
"9": "32",
"10": "36",
"11": "40",
"12": "44",
"13": "48",
"14": "64"
},
"letterSpacing": {
"xcondensed": "-3%",
"condensed": "-1%",
"regular": "0%",
"relaxed": "1%",
"xrelaxed": "1.5%"
},
"paragraphSpacing": {
"0": "0",
"1": "8",
"2": "16",
"3": "32"
},
"heading": {
"desktop": {
"display": {
"fontFamily": "Inter",
"fontWeight": "Light",
"lineHeight": "72",
"fontSize": "64",
"letterSpacing": "-3%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"h1": {
"fontFamily": "Inter",
"fontWeight": "Light",
"lineHeight": "56",
"fontSize": "48",
"letterSpacing": "-1%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"h2": {
"fontFamily": "Inter",
"fontWeight": "Semi Bold",
"lineHeight": "44",
"fontSize": "36",
"letterSpacing": "-1%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"h3": {
"fontFamily": "Inter",
"fontWeight": "Semi Bold",
"lineHeight": "32",
"fontSize": "28",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"h4": {
"fontFamily": "Inter",
"fontWeight": "Semi Bold",
"lineHeight": "28",
"fontSize": "24",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"h5": {
"fontFamily": "Inter",
"fontWeight": "Semi Bold",
"lineHeight": "24",
"fontSize": "20",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"h6": {
"fontFamily": "Inter",
"fontWeight": "Semi Bold",
"lineHeight": "24",
"fontSize": "18",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"leadtext": {
"fontFamily": "Inter",
"fontWeight": "Light",
"lineHeight": "32",
"fontSize": "24",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"subheadline": {
"fontFamily": "Inter",
"fontWeight": "Bold",
"lineHeight": "20",
"fontSize": "16",
"letterSpacing": "1%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "uppercase",
"textDecoration": "none"
}
},
"mobile": {
"display": {
"fontFamily": "Inter",
"fontWeight": "Light",
"lineHeight": "56",
"fontSize": "48",
"letterSpacing": "-3%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"h1": {
"fontFamily": "Inter",
"fontWeight": "Light",
"lineHeight": "36",
"fontSize": "32",
"letterSpacing": "-1%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"h2": {
"fontFamily": "Inter",
"fontWeight": "Semi Bold",
"lineHeight": "36",
"fontSize": "28",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"h3": {
"fontFamily": "Inter",
"fontWeight": "Semi Bold",
"lineHeight": "32",
"fontSize": "24",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"h4": {
"fontFamily": "Inter",
"fontWeight": "Semi Bold",
"lineHeight": "28",
"fontSize": "20",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"h5": {
"fontFamily": "Inter",
"fontWeight": "Semi Bold",
"lineHeight": "24",
"fontSize": "18",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"h6": {
"fontFamily": "Inter",
"fontWeight": "Semi Bold",
"lineHeight": "20",
"fontSize": "16",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"leadtext": {
"fontFamily": "Inter",
"fontWeight": "Light",
"lineHeight": "32",
"fontSize": "20",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"subheadline": {
"fontFamily": "Inter",
"fontWeight": "Bold",
"lineHeight": "16",
"fontSize": "12",
"letterSpacing": "1%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "uppercase",
"textDecoration": "none"
}
}
},
"text": {
"p": {
"small-400": {
"fontFamily": "Inter",
"fontWeight": "Regular",
"lineHeight": "24",
"fontSize": "14",
"letterSpacing": "0%",
"paragraphSpacing": "16",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"small-400-italic": {
"fontFamily": "Inter",
"fontWeight": "Italic",
"lineHeight": "24",
"fontSize": "14",
"letterSpacing": "0%",
"paragraphSpacing": "16",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"small-600": {
"fontFamily": "Inter",
"fontWeight": "Semi Bold",
"lineHeight": "24",
"fontSize": "14",
"letterSpacing": "0%",
"paragraphSpacing": "16",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"small-600-italic": {
"fontFamily": "Inter",
"fontWeight": "Semi Bold Italic",
"lineHeight": "24",
"fontSize": "14",
"letterSpacing": "0%",
"paragraphSpacing": "16",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"default-400": {
"fontFamily": "Inter",
"fontWeight": "Regular",
"lineHeight": "24",
"fontSize": "16",
"letterSpacing": "0%",
"paragraphSpacing": "16",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"default-400-italic": {
"fontFamily": "Inter",
"fontWeight": "Italic",
"lineHeight": "24",
"fontSize": "16",
"letterSpacing": "0%",
"paragraphSpacing": "16",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"default-600": {
"fontFamily": "Inter",
"fontWeight": "Semi Bold",
"lineHeight": "24",
"fontSize": "16",
"letterSpacing": "0%",
"paragraphSpacing": "16",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"default-600-italic": {
"fontFamily": "Inter",
"fontWeight": "Semi Bold Italic",
"lineHeight": "24",
"fontSize": "16",
"letterSpacing": "0%",
"paragraphSpacing": "16",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"large-400": {
"fontFamily": "Inter",
"fontWeight": "Regular",
"lineHeight": "32",
"fontSize": "20",
"letterSpacing": "0%",
"paragraphSpacing": "32",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"large-400-italic": {
"fontFamily": "Inter",
"fontWeight": "Italic",
"lineHeight": "32",
"fontSize": "20",
"letterSpacing": "0%",
"paragraphSpacing": "32",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"large-600": {
"fontFamily": "Inter",
"fontWeight": "Semi Bold",
"lineHeight": "32",
"fontSize": "20",
"letterSpacing": "0%",
"paragraphSpacing": "32",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"large-600-italic": {
"fontFamily": "Inter",
"fontWeight": "Semi Bold Italic",
"lineHeight": "32",
"fontSize": "20",
"letterSpacing": "0%",
"paragraphSpacing": "32",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
}
},
"line": {
"tiny-400": {
"fontFamily": "Inter",
"fontWeight": "Regular",
"lineHeight": "16",
"fontSize": "12",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"tiny-400-italic": {
"fontFamily": "Inter",
"fontWeight": "Italic",
"lineHeight": "16",
"fontSize": "12",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"tiny-600": {
"fontFamily": "Inter",
"fontWeight": "Semi Bold",
"lineHeight": "16",
"fontSize": "12",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"tiny-600-italic": {
"fontFamily": "Inter",
"fontWeight": "Semi Bold Italic",
"lineHeight": "16",
"fontSize": "12",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"small-400": {
"fontFamily": "Inter",
"fontWeight": "Regular",
"lineHeight": "20",
"fontSize": "14",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"small-400-italic": {
"fontFamily": "Inter",
"fontWeight": "Italic",
"lineHeight": "20",
"fontSize": "14",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"small-600": {
"fontFamily": "Inter",
"fontWeight": "Semi Bold",
"lineHeight": "20",
"fontSize": "14",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"small-600-italic": {
"fontFamily": "Inter",
"fontWeight": "Semi Bold Italic",
"lineHeight": "20",
"fontSize": "14",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"default-400": {
"fontFamily": "Inter",
"fontWeight": "Regular",
"lineHeight": "20",
"fontSize": "16",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"default-400-italic": {
"fontFamily": "Inter",
"fontWeight": "Italic",
"lineHeight": "20",
"fontSize": "16",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"default-600": {
"fontFamily": "Inter",
"fontWeight": "Semi Bold",
"lineHeight": "20",
"fontSize": "16",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"default-600-italic": {
"fontFamily": "Inter",
"fontWeight": "Semi Bold Italic",
"lineHeight": "20",
"fontSize": "16",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"large-400": {
"fontFamily": "Inter",
"fontWeight": "Regular",
"lineHeight": "24",
"fontSize": "20",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"large-400-italic": {
"fontFamily": "Inter",
"fontWeight": "Italic",
"lineHeight": "24",
"fontSize": "20",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"large-600": {
"fontFamily": "Inter",
"fontWeight": "Semi Bold",
"lineHeight": "24",
"fontSize": "14",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"large-600-italic": {
"fontFamily": "Inter",
"fontWeight": "Semi Bold Italic",
"lineHeight": "24",
"fontSize": "20",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
}
},
"list": {
"default-400": {
"fontFamily": "Inter",
"fontWeight": "Regular",
"lineHeight": "20",
"fontSize": "16",
"letterSpacing": "0%",
"paragraphSpacing": "8",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"default-600": {
"fontFamily": "Inter",
"fontWeight": "Semi Bold",
"lineHeight": "20",
"fontSize": "16",
"letterSpacing": "0%",
"paragraphSpacing": "8",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
}
}
},
"label": {
"tiny-400": {
"fontFamily": "Inter",
"fontWeight": "Regular",
"lineHeight": "16",
"fontSize": "12",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"tiny-600": {
"fontFamily": "Inter",
"fontWeight": "Semi Bold",
"lineHeight": "16",
"fontSize": "12",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"small-400": {
"fontFamily": "Inter",
"fontWeight": "Regular",
"lineHeight": "16",
"fontSize": "14",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"small-600": {
"fontFamily": "Inter",
"fontWeight": "Semi Bold",
"lineHeight": "16",
"fontSize": "14",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"default-400": {
"fontFamily": "Inter",
"fontWeight": "Regular",
"lineHeight": "20",
"fontSize": "16",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"default-600": {
"fontFamily": "Inter",
"fontWeight": "Semi Bold",
"lineHeight": "20",
"fontSize": "16",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"large-400": {
"fontFamily": "Inter",
"fontWeight": "Regular",
"lineHeight": "24",
"fontSize": "20",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
},
"large-600": {
"fontFamily": "Inter",
"fontWeight": "Semi Bold",
"lineHeight": "24",
"fontSize": "20",
"letterSpacing": "0%",
"paragraphSpacing": "0",
"paragraphIndent": "0px",
"textCase": "none",
"textDecoration": "none"
}
},
"textCase": {
"none": "none",
"uppercase": "uppercase"
},
"textDecoration": {
"none": "none"
},
"paragraphIndent": {
"0": "0px"
}
}
Generated Tailwind config
{
"screens": {
"xs": "320px",
"sm": "360px",
"md": "768px",
"lg": "1024px",
"xl": "1152px",
"2xl": "1440px",
"3xl": "1680px"
},
"spacing": {
"1": "4px",
"2": "8px",
"3": "12px",
"4": "16px",
"5": "20px",
"6": "24px",
"7": "28px",
"8": "32px",
"9": "36px",
"10": "40px",
"11": "44px",
"12": "48px",
"14": "56px",
"16": "64px",
"18": "72px",
"20": "80px",
"22": "88px",
"24": "96px",
"28": "112px",
"32": "128px",
"999": "999px",
"0.5": "2px",
"1.5": "6px"
},
"borderRadius": {
"0": "0px",
"2": "2px",
"4": "4px",
"8": "8px",
"12": "12px",
"16": "16px",
"20": "20px",
"24": "24px",
"32": "32px",
"40": "40px",
"999": "999px"
},
"borderWidth": {
"1": "1px",
"2": "2px"
},
"colors": {
"brand": {
"primary": {
"50": "#f5fcf4",
"100": "#e9f9e9",
"150": "#d8f5d6",
"200": "#bdf0bb",
"250": "#9ce89a",
"300": "#7fe27f",
"350": "#5bd06a",
"400": "#3dbe58",
"450": "#1eaa44",
"500": "#00973a",
"550": "#008834",
"600": "#007e30",
"650": "#00712c",
"700": "#006527",
"750": "#005822",
"800": "#004c1d",
"850": "#003f18",
"900": "#003213",
"950": "#00260f",
"999": "#00190a"
},
"secondary": {
"50": "#f6f7fa",
"100": "#edeef1",
"150": "#dfe0e3",
"200": "#cecfd3",
"250": "#c0c1c5",
"300": "#b0b1b5",
"350": "#a0a2a7",
"400": "#8f9198",
"450": "#7e818a",
"500": "#6f727b",
"550": "#60636c",
"600": "#4f525a",
"650": "#41444c",
"700": "#31343c",
"750": "#2b2e36",
"800": "#24262d",
"850": "#1f2127",
"900": "#1a1c22",
"950": "#15171d",
"999": "#0f1015"
},
"tertiary": {
"50": "#edf4fe",
"100": "#cde1fe",
"200": "#b8d4ff",
"300": "#9ac2fe",
"400": "#85b5fd",
"500": "#63a1fd",
"600": "#3986f9",
"700": "#1c68d9",
"800": "#1759bd",
"900": "#114491",
"950": "#0b2f66",
"999": "#061c3d"
}
},
"global": {
"neutral": {
"25": "#f7f7f7",
"50": "#eeeeee",
"100": "#dddddd",
"200": "#bbbbbb",
"300": "#989898",
"400": "#767676",
"500": "#545454",
"600": "#434343",
"700": "#323232",
"800": "#222222",
"900": "#121212"
},
"bw": {
"white": "#ffffff",
"black": "#000000"
},
"alert": {
"100": "#fee3e8",
"200": "#fdacbb",
"300": "#ff7b94",
"400": "#fa3e60",
"500": "#f80733",
"600": "#c10527",
"700": "#8a041c",
"800": "#530211",
"900": "#1c0106"
},
"warning": {
"100": "#fff5e3",
"200": "#ffe2aa",
"300": "#ffcf71",
"400": "#ffb931",
"500": "#ffa800",
"600": "#d27e00",
"700": "#a76400",
"800": "#6f4200",
"900": "#311d00"
},
"success": {
"100": "#f0fbe7",
"200": "#d1f2b7",
"300": "#b2ea87",
"400": "#93e157",
"500": "#74d926",
"600": "#5aa81e",
"700": "#417815",
"800": "#27480d",
"900": "#0d1804"
}
}
}
}