diff --git a/test/tokens.json b/test/tokens.json index e55673d..89a3f28 100644 --- a/test/tokens.json +++ b/test/tokens.json @@ -1,5 +1,5 @@ { - "Basilisk": { + "Hydra": { "Red_Alpha_0": { "3": { "value": "#f43e5f4d", @@ -21,7 +21,15 @@ "type": "color" }, "06": { - "value": "#daffee0f", + "value": "rgba(158,167,186,0.06)", + "type": "color" + }, + "15-blue": { + "value": "rgba(84,99,128,0.35)", + "type": "color" + }, + "6-blueish": { + "value": "rgba(114,131,165,0.6)", "type": "color" } }, @@ -50,10 +58,6 @@ "value": "#fc408c", "type": "color" }, - "700": { - "value": "#f6297c", - "type": "color" - }, "700 (Alpha)": { "value": "#f40063d6", "type": "color", @@ -79,15 +83,15 @@ "type": "color", "description": "Translucent equivalent of primary/pink/300 placed against #FFFFFF" }, - "200 (Alpha)": { - "value": "#fc016859", - "type": "color", - "description": "Translucent equivalent of primary/pink/200 placed against #FFFFFF" - }, "100 (Alpha)": { "value": "#ff036745", "type": "color", "description": "Translucent equivalent of primary/pink/100 placed against #FFFFFF" + }, + "200 (Alpha)": { + "value": "#fc016859", + "type": "color", + "description": "Translucent equivalent of primary/pink/200 placed against #FFFFFF" } }, "vibrant-blue": { @@ -119,12 +123,12 @@ "value": "#031586", "type": "color" }, - "800-alpha": { - "value": "rgba(0,7,50,0.7)", + "bg-base": { + "value": "#060917", "type": "color" }, - "bg-base": { - "value": "#001736", + "800-alpha": { + "value": "rgba(0,7,50,0.7)", "type": "color" } }, @@ -187,10 +191,25 @@ "type": "color", "description": "Translucent equivalent of primary/bright-blue/200 placed against #FFFFFF" }, - "100 (Alpha)": { - "value": "#019eff59", + "101 (Alpha)": { + "value": "rgba(133,209,255,0.2)", "type": "color", "description": "Translucent equivalent of primary/bright-blue/100 placed against #FFFFFF" + }, + "alpha": { + "alpha": { + "value": "#85d1ff", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.4", + "space": "lch" + } + } + } + } } }, "(500)": { @@ -205,10 +224,6 @@ "value": "#3192cd", "type": "color" }, - "(300)": { - "value": "#85d1ff", - "type": "color" - }, "(200)": { "value": "#9cddff", "type": "color" @@ -247,7 +262,7 @@ "type": "color" }, "700": { - "value": "#000316", + "value": "#111320", "type": "color" }, "800": { @@ -263,30 +278,51 @@ "type": "color" }, "alpha": { - "700": { - "value": "rgba(0,3,22,0.5)", + "401": { + "value": "rgba(28,32,56,0.8)", "type": "color" }, - "400 (Alpha)": { - "value": "#000524cc", + "1000": { + "value": "rgba(6, 9, 23, 0.4)", + "type": "color", + "description": "Translucent equivalent of dark-blue//900 placed against #FFFFFF" + }, + "900 (Alpha)": { + "value": "rgba(0,1,7,0.6)", + "type": "color", + "description": "Translucent equivalent of dark-blue//900 placed against #FFFFFF" + }, + "900-0,2": { + "value": "rgba(0,1,7,0.2)", "type": "color", - "description": "Translucent equivalent of primary/dark-blue/400 placed against #FFFFFF" + "description": "Translucent equivalent of dark-blue//900 placed against #FFFFFF" }, - "300 (Alpha)": { - "value": "#00052599", + "800alpha": { + "value": "rgba(0,1,7,0.4)", "type": "color", - "description": "Translucent equivalent of primary/dark-blue/300 placed against #FFFFFF" + "description": "Translucent equivalent of dark-blue//900 placed against #FFFFFF" } + } + } + }, + "function": { + "content": { + "primary": { + "value": "{primary.dark-blue.700}", + "type": "color" }, - "200 (Alpha)": { - "value": "#00052366", - "type": "color", - "description": "Translucent equivalent of primary/dark-blue/200 placed against #FFFFFF" - }, - "100 (Alpha)": { - "value": "#00052333", + "primary-copy": { + "value": "{primary.dark-blue.700}", "type": "color", - "description": "Translucent equivalent of primary/dark-blue/100 placed against #FFFFFF" + "$extensions": { + "studio.tokens": { + "modify": { + "type": "lighten", + "value": "0.05", + "space": "lch" + } + } + } } } }, @@ -359,6 +395,10 @@ "value": "#e18521", "type": "color" }, + "300-alpha": { + "value": "rgba(245,168,85,0.3)", + "type": "color" + }, "(450)": { "value": "#f38d1d", "type": "color" @@ -408,28 +448,6 @@ "type": "color" } }, - "gradients-old": { - "green-graph": { - "value": "linear-gradient(180deg, #4fffb04f 0%, #4fffb000 100%)", - "type": "color" - }, - "orange-graph": { - "value": "linear-gradient(180deg, #fcae33 0%, #fcae3300 100%)", - "type": "color" - }, - "red-graph": { - "value": "linear-gradient(180deg, #ff6868 0%, #ff686800 100%)", - "type": "color" - }, - "primary": { - "value": "linear-gradient(90deg, #4FFFB0 0%, #B3FF8F 50%, #FF984E 100%)", - "type": "color" - }, - "bg-dark": { - "value": "linear-gradient(180deg, #1c2527 0%, #14161a 80.73%, #121316 100%)", - "type": "color" - } - }, "Flowkit": { "Purple": { "value": "#7b61ff", @@ -465,6 +483,10 @@ } }, "alpha-white": { + "2": { + "value": "rgba(255,255,255,0.2)", + "type": "color" + }, "A_0": { "4": { "value": "rgba(255,255,255,0.4)", @@ -482,7 +504,7 @@ "value": "#ffffff0f", "type": "color" }, - "05-copy": { + "03": { "value": "rgba(255,255,255,0.03)", "type": "color" } @@ -494,11 +516,11 @@ "type": "fontFamilies" }, "Secondary": { - "value": "Chakra Petch", + "value": "Geist", "type": "fontFamilies" }, "Primary-Font": { - "value": "Font Over", + "value": "Geist Mono", "type": "fontFamilies" }, "satoshi-variable": { @@ -570,2440 +592,1465 @@ "type": "fontSizes" } }, - "paragraphSpacing": { - "0": { - "value": "0", - "type": "paragraphSpacing" + "textCase": { + "none": { + "value": "none", + "type": "textCase" + }, + "uppercase": { + "value": "uppercase", + "type": "textCase" } }, - "H1": { - "black": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-0", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.100}", - "type": "lineHeight" + "textDecoration": { + "none": { + "value": "none", + "type": "textDecoration" + } + }, + "base_text_button": { + "value": "6px", + "type": "spacing" + }, + "main-content-box": { + "value": "8", + "type": "borderRadius", + "description": "Defines the corner style of main content box" + }, + "8px": { + "value": "8", + "type": "borderRadius", + "description": "Defines the corner style of main content box" + }, + "mobile": { + "primary-rounding": { + "value": "8", + "type": "borderRadius" + } + }, + "internal-roundings": { + "value": "2", + "type": "borderRadius" + }, + "dropdowns": { + "value": "0", + "type": "borderRadius" + }, + "buttons": { + "value": "4", + "type": "borderRadius", + "Primary": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.bold}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p2}", + "textCase": "{textCase.uppercase}" }, - "fontSize": { - "value": "$fontSize.9", - "type": "fontSize" - } + "type": "typography" + } + }, + "gradient": { + "darkblue-pink": { + "value": "linear-gradient(90deg, #0a1fa7 0%, #fc408c 100%)", + "type": "color" }, - "extrabold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-1", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.100}", - "type": "lineHeight" - }, - "fontSize": { - "value": "$fontSize.9", - "type": "fontSize" - } + "pink": { + "value": "linear-gradient(90deg, #fc408c 0%, #15161c 100%)", + "type": "color" }, - "bold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-2", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.100}", - "type": "lineHeight" - }, - "fontSize": { - "value": "$fontSize.9", - "type": "fontSize" - } + "lightblue": { + "value": "linear-gradient(90deg, #57b3eb 0%, #15161c 100%)", + "type": "color" }, - "semibold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-3", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.100}", - "type": "lineHeight" - }, - "fontSize": { - "value": "$fontSize.9", - "type": "fontSize" - } + "darkblue": { + "value": "linear-gradient(90deg, #0a1fa7 0%, #15161c 100%)", + "type": "color" }, - "medium": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-4", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.100}", - "type": "lineHeight" - }, - "fontSize": { - "value": "$fontSize.9", - "type": "fontSize" - } + "darkblue-light": { + "value": "linear-gradient(90deg, #0a1fa7 0%, #57b3eb 100%)", + "type": "color" }, - "regular": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-5", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.100}", - "type": "lineHeight" - }, - "fontSize": { - "value": "$fontSize.9", - "type": "fontSize" - } + "pink-lightblue": { + "value": "linear-gradient(90deg, #fc408c 0%, #57b3eb 100%)", + "type": "color" }, - "light": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-6", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.100}", - "type": "lineHeight" - }, - "fontSize": { - "value": "$fontSize.9", - "type": "fontSize" - } + "pink-lightpink": { + "value": "linear-gradient(90deg, #fc408c 30%, #efb0ff 100%)", + "type": "color" }, - "extralight": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-7", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.100}", - "type": "lineHeight" - }, - "fontSize": { - "value": "$fontSize.9", - "type": "fontSize" - } - } - }, - "H2": { - "black": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-0", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.1", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h8}" - } + "main": { + "value": "linear-gradient(0deg, #0a061a 7.91%, #200e28 42.33%, #85356e 100%)", + "type": "color" }, - "extrabold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-1", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.1", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h8}" - } + "vertical-bg": { + "value": "linear-gradient(180deg, #00579F 0%, #023b6a 25%, {primary.vibrant-blue.bg-base} 100%)", + "type": "color" }, - "bold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-2", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.1", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h8}" - } + "vertical-darkblue-copy": { + "value": "linear-gradient(180deg, #00569e 0%, #023b6a 15.34%, #00041d 54.17%)", + "type": "color" }, - "semibold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-3", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.1", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h8}" - } + "blue-transparent": { + "value": "linear-gradient(180deg, #00569e33 0%, {alpha-white.A_0.03} 100%)", + "type": "color" }, - "medium": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-4", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.1", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h8}" - } + "stroke-gradient": { + "value": "linear-gradient(180deg, #98b0d645 0%, #a3b1c726 66.67%, #9ea7b433 100%)", + "type": "color" + } + }, + "basic": { + "100": { + "value": "#ecedef", + "type": "color" }, - "regular": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-5", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.1", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h8}" - } + "200": { + "value": "#d4d6df", + "type": "color" }, - "light": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-6", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.1", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h8}" - } + "300": { + "value": "#bbbec9", + "type": "color" }, - "extralight": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-7", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.1", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h8}" - } - } - }, - "H3": { - "black": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-0", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.110}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h7}" - } + "400": { + "value": "#b2b6c5", + "type": "color" }, - "extrabold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-1", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.110}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h7}" - } + "500": { + "value": "#878c9e", + "type": "color" }, - "bold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-2", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.110}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h7}" - } + "501": { + "value": "#686876", + "type": "color" }, - "semibold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-3", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.110}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h7}" - } + "600": { + "value": "#676c80", + "type": "color" }, - "medium": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-4", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.110}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h7}" - } + "700": { + "value": "#5d6175", + "type": "color" }, - "regular": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-5", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.110}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h7}" - } + "800": { + "value": "#444559", + "type": "color" }, - "light": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-6", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.110}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h7}" - } + "900": { + "value": "#00041d", + "type": "color" }, - "extralight": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-7", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.110}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h7}" - } + "1000": { + "value": "#1c1a1f", + "type": "color" + }, + "WHITE": { + "value": "#ffffff", + "type": "color" + }, + "BLACK": { + "value": "#000000", + "type": "color" + }, + "gray-soft": { + "value": "#ebebeb", + "type": "color" } }, - "H4": { - "black": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-0", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.120}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h6}" - } + "library-styles": { + "bg": { + "value": "#14141c", + "type": "color" + } + }, + "green": { + "100": { + "value": "#c0fbe5", + "type": "color" }, - "extrabold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-1", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.120}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h6}" - } + "200": { + "value": "#adffe0", + "type": "color" }, - "bold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-2", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.120}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h6}" - } + "300": { + "value": "#9fffdb", + "type": "color" }, - "semibold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-3", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.120}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h6}" - } + "400": { + "value": "#71f8c5", + "type": "color" }, - "medium": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-4", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.120}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h6}" - } + "500": { + "value": "#4bffbb", + "type": "color" }, - "regular": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-5", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.120}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h6}" - } + "600": { + "value": "#30ffb1", + "type": "color" }, - "light": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-6", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.120}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h6}" - } + "700": { + "value": "#00ffa0", + "type": "color" }, - "extralight": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-7", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.120}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h6}" - } + "100 (Alpha)": { + "value": "rgba(0,238,149,0.1)", + "type": "color" + }, + "200 (Alpha)": { + "value": "#07ffa154", + "type": "color", + "description": "Translucent equivalent of green/200 placed against #FFFFFF" + }, + "300 (Alpha)": { + "value": "#02ffa061", + "type": "color", + "description": "Translucent equivalent of green/300 placed against #FFFFFF" + }, + "400 (Alpha)": { + "value": "#01f3978f", + "type": "color", + "description": "Translucent equivalent of green/400 placed against #FFFFFF" + }, + "500 (Alpha)": { + "value": "#01ff9fb5", + "type": "color", + "description": "Translucent equivalent of green/500 placed against #FFFFFF" + }, + "600 (Alpha)": { + "value": "#03ffa0d1", + "type": "color", + "description": "Translucent equivalent of green/600 placed against #FFFFFF" + }, + "700 (Alpha)": { + "value": "#00ffa0", + "type": "color", + "description": "Translucent equivalent of green/700 placed against #FFFFFF" + }, + "new": { + "value": "#009F79", + "type": "color" } }, - "H5": { - "black": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-0", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.130}", - "type": "lineHeight" + "low": { + "value": "100%", + "type": "lineHeights" + }, + "ultraBig": { + "value": "78", + "type": "fontSizes" + }, + "headlines": { + "H1": { + "value": { + "fontFamily": "{fontFamilies.Primary-Font}", + "fontWeight": "", + "lineHeight": "{lineHeights.100}", + "fontSize": "{headlineSize.h1}", + "paragraphSpacing": "", + "letterSpacing": "0", + "textDecoration": "", + "textCase": "" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h5}" - } + "type": "typography" }, - "extrabold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-1", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.130}", - "type": "lineHeight" + "H2": { + "value": { + "fontFamily": "{fontFamilies.Primary-Font}", + "fontWeight": "", + "lineHeight": "{lineHeights.100}", + "fontSize": "{headlineSize.h2}", + "paragraphSpacing": "", + "letterSpacing": "0", + "textDecoration": "", + "textCase": "" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h5}" - } + "type": "typography" }, - "bold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-2", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.130}", - "type": "lineHeight" + "H3": { + "value": { + "fontFamily": "{fontFamilies.Primary-Font}", + "fontWeight": "", + "lineHeight": "{lineHeights.100}", + "fontSize": "{headlineSize.h3}", + "paragraphSpacing": "", + "letterSpacing": "0", + "textDecoration": "", + "textCase": "" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h5}" - } + "type": "typography" }, - "semibold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-3", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.130}", - "type": "lineHeight" + "H4": { + "value": { + "fontFamily": "{fontFamilies.Primary-Font}", + "fontWeight": "", + "lineHeight": "{lineHeights.100}", + "fontSize": "{headlineSize.h4}", + "paragraphSpacing": "", + "letterSpacing": "0", + "textDecoration": "", + "textCase": "" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h5}" - } + "type": "typography" }, - "medium": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-4", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.130}", - "type": "lineHeight" + "H5": { + "value": { + "fontFamily": "{fontFamilies.Primary-Font}", + "fontWeight": "", + "lineHeight": "{lineHeights.130}", + "fontSize": "{headlineSize.h5}", + "paragraphSpacing": "", + "letterSpacing": "0", + "textDecoration": "", + "textCase": "" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h5}" - } + "type": "typography" }, - "regular": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" + "H6": { + "value": { + "fontFamily": "{fontFamilies.Primary-Font}", + "fontWeight": "Semibold", + "lineHeight": "{lineHeights.130}", + "fontSize": "{headlineSize.h6}", + "paragraphSpacing": "", + "letterSpacing": "", + "textDecoration": "", + "textCase": "" }, - "fontWeight": { - "value": "$fontWeights.roboto-5", - "type": "fontWeight" + "type": "typography" + }, + "H5-Chakra": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.bold}", + "lineHeight": "{lineHeights.130}", + "fontSize": "{headlineSize.h5}", + "paragraphSpacing": "", + "letterSpacing": "0", + "textDecoration": "", + "textCase": "" }, - "lineHeight": { - "value": "{lineHeights.130}", - "type": "lineHeight" + "type": "typography" + }, + "H7": { + "value": { + "fontFamily": "{fontFamilies.Primary-Font}", + "fontWeight": "", + "lineHeight": "{lineHeights.130}", + "fontSize": "{headlineSize.h7}", + "paragraphSpacing": "", + "letterSpacing": "", + "textDecoration": "", + "textCase": "" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h5}" - } + "type": "typography" }, - "light": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" + "H8": { + "value": { + "fontFamily": "{fontFamilies.Primary-Font}", + "fontWeight": "", + "lineHeight": "{lineHeights.130}", + "fontSize": "13", + "paragraphSpacing": "", + "letterSpacing": "", + "textDecoration": "", + "textCase": "" }, - "fontWeight": { - "value": "$fontWeights.roboto-6", - "type": "fontWeight" + "type": "typography" + } + }, + "paragraphSize": { + "base": { + "value": "18", + "type": "fontSizes" + }, + "scale": { + "value": "0.9", + "type": "fontSizes" + }, + "p1": { + "value": "18", + "type": "fontSizes" + }, + "p2": { + "value": "roundTo({paragraphSize.p1}*{paragraphSize.scale}, 0)", + "type": "fontSizes" + }, + "p3": { + "value": "roundTo({paragraphSize.p2}*{paragraphSize.scale}, 0)", + "type": "fontSizes" + }, + "p4": { + "value": "roundTo({paragraphSize.p3}*{paragraphSize.scale}, 0)", + "type": "fontSizes" + }, + "p5": { + "value": "roundTo({paragraphSize.p4}*{paragraphSize.scale}, 0)", + "type": "fontSizes" + }, + "p6": { + "value": "roundTo({paragraphSize.p5}*{paragraphSize.scale}, 0)", + "type": "fontSizes" + } + }, + "paragraphs": { + "p1": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.130}", + "fontSize": "{paragraphSize.p1}" }, - "lineHeight": { - "value": "{lineHeights.130}", - "type": "lineHeight" + "type": "typography" + }, + "p2-caps": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.bold}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p2}", + "textCase": "{textCase.uppercase}" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h5}" - } + "type": "typography" }, - "extralight": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" + "p4": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.150}", + "fontSize": "{paragraphSize.p4}" }, - "fontWeight": { - "value": "$fontWeights.roboto-7", - "type": "fontWeight" + "type": "typography" + }, + "p6-caps": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p6}", + "textCase": "{textCase.uppercase}" }, - "lineHeight": { - "value": "{lineHeights.130}", - "type": "lineHeight" + "type": "typography" + }, + "p5-regular": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "Regular", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p5}" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h5}" - } + "type": "typography" } }, - "H6": { - "black": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-0", - "type": "fontWeight" + "mediumType": { + "p1": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.130}", + "fontSize": "{paragraphSize.p1}" }, - "lineHeight": { - "value": "{lineHeights.140}", - "type": "lineHeight" + "type": "typography" + }, + "p2": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p2}", + "textCase": "" }, - "fontSize": { - "value": "{roundTo({fontSize.3}*{fontSize.scale}, 0)}", - "type": "fontSize" - } + "type": "typography" }, - "extrabold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-1", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.140}", - "type": "lineHeight" + "p3": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p3}" }, - "fontSize": { - "value": "{roundTo({fontSize.3}*{fontSize.scale}, 0)}", - "type": "fontSize" + "type": "typography", + "regular": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "Regular", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p3}" + }, + "type": "typography" } }, - "bold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-2", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.140}", - "type": "lineHeight" + "p2-caps": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p2}", + "textCase": "{textCase.uppercase}" }, - "fontSize": { - "value": "{roundTo({fontSize.3}*{fontSize.scale}, 0)}", - "type": "fontSize" - } + "type": "typography" }, - "semibold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-3", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.140}", - "type": "lineHeight" + "p4": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p4}", + "textCase": "{textCase.none}" }, - "fontSize": { - "value": "{roundTo({fontSize.3}*{fontSize.scale}, 0)}", - "type": "fontSize" - } + "type": "typography" }, - "medium": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-4", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.140}", - "type": "lineHeight" + "p3-caps": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p3}", + "textCase": "{textCase.uppercase}" }, - "fontSize": { - "value": "{roundTo({fontSize.3}*{fontSize.scale}, 0)}", - "type": "fontSize" + "type": "typography", + "regular": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "Regular", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p3}" + }, + "type": "typography" } }, - "regular": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-5", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.140}", - "type": "lineHeight" + "p4-caps": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p4}", + "textCase": "{textCase.uppercase}" }, - "fontSize": { - "value": "{roundTo({fontSize.3}*{fontSize.scale}, 0)}", - "type": "fontSize" - } + "type": "typography" }, - "light": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-6", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.140}", - "type": "lineHeight" + "p5": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.120}", + "fontSize": "{paragraphSize.p5}" }, - "fontSize": { - "value": "{roundTo({fontSize.3}*{fontSize.scale}, 0)}", - "type": "fontSize" - } + "type": "typography" }, - "extralight": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" + "p5-caps": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p5}", + "textCase": "{textCase.uppercase}" }, - "fontWeight": { - "value": "$fontWeights.roboto-7", - "type": "fontWeight" + "type": "typography" + }, + "p6": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p6}" }, - "lineHeight": { - "value": "{lineHeights.140}", - "type": "lineHeight" + "type": "typography" + }, + "p6-caps": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p6}", + "textCase": "{textCase.uppercase}" }, - "fontSize": { - "value": "{roundTo({fontSize.3}*{fontSize.scale}, 0)}", - "type": "fontSize" - } + "type": "typography" } }, - "p1": { - "black": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-0", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.150}", - "type": "lineHeight" + "semiBoldType": { + "p6-caps": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "SemiBold", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p6}", + "textCase": "{textCase.uppercase}" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h3}" - } + "type": "typography" }, - "extrabold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-1", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.150}", - "type": "lineHeight" + "p2": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.semibold}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p2}", + "textCase": "" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h3}" - } + "type": "typography" }, - "bold": { - "fontFamily": { - "value": "{fontFamilies.Secondary}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.satoshi-8", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.150}", - "type": "lineHeight" + "p3-caps": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.semibold}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p3}", + "textCase": "{textCase.uppercase}" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h3}" + "type": "typography", + "regular": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "Regular", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p3}" + }, + "type": "typography" } }, - "semibold": { - "fontFamily": { - "value": "{fontFamilies.Jura-2}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.satoshi-variable-9", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.150}", - "type": "lineHeight" + "p3": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.semibold}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p3}", + "textCase": "{textCase.none}" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h3}" + "type": "typography", + "regular": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "Regular", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p3}" + }, + "type": "typography" } }, - "medium": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-4", - "type": "fontWeight" + "p4-caps": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "SemiBold", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p4}", + "textCase": "{textCase.uppercase}" }, - "lineHeight": { - "value": "{lineHeights.150}", - "type": "lineHeight" + "type": "typography" + }, + "p4": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "SemiBold", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p4}", + "textCase": "{textCase.none}" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h3}" - } + "type": "typography" }, - "regular": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" + "p5-cap": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "SemiBold", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p5}", + "textCase": "{textCase.uppercase}" }, - "fontWeight": { - "value": "$fontWeights.roboto-5", - "type": "fontWeight" + "type": "typography" + }, + "p5": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "SemiBold", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p5}", + "textCase": "{textCase.none}" }, - "lineHeight": { - "value": "{lineHeights.150}", - "type": "lineHeight" + "type": "typography" + } + }, + "boldType": { + "p1": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.bold}", + "lineHeight": "{lineHeights.130}", + "fontSize": "{paragraphSize.p1}" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h3}" - } + "type": "typography" }, - "light": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-6", - "type": "fontWeight" + "p2": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.bold}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p2}", + "textCase": "" }, - "lineHeight": { - "value": "{lineHeights.150}", - "type": "lineHeight" + "type": "typography" + }, + "p3": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.bold}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p3}" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h3}" + "type": "typography", + "regular": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "Regular", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p3}" + }, + "type": "typography" } }, - "extralight": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" + "p4": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.bold}", + "lineHeight": "{lineHeights.120}", + "fontSize": "{paragraphSize.p4}" }, - "fontWeight": { - "value": "$fontWeights.roboto-7", - "type": "fontWeight" + "type": "typography" + }, + "p5": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.bold}", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p5}" }, - "lineHeight": { - "value": "{lineHeights.150}", - "type": "lineHeight" + "type": "typography" + }, + "p6": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.bold}", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p6}" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h3}" - } + "type": "typography" } }, - "p2": { - "black": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-0", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.7", - "type": "lineHeight" + "regularType": { + "p1": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.regular}", + "lineHeight": "{lineHeights.130}", + "fontSize": "{paragraphSize.p1}" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h2}" - } + "type": "typography" }, - "extrabold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-1", - "type": "fontWeight" + "p2": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.regular}", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p2}", + "textCase": "" }, - "lineHeight": { - "value": "$lineHeights.7", - "type": "lineHeight" + "type": "typography" + }, + "p3": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.regular}", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p3}" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h2}" + "type": "typography", + "regular": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "Regular", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p3}" + }, + "type": "typography" } }, - "bold": { - "fontFamily": { - "value": "{fontFamilies.Secondary}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.satoshi-8", - "type": "fontWeight" + "p4": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.regular}", + "lineHeight": "{lineHeights.130}", + "fontSize": "{paragraphSize.p4}" }, - "lineHeight": { - "value": "$lineHeights.7", - "type": "lineHeight" + "type": "typography" + }, + "p5": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.regular}", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p5}" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h2}" + "type": "typography", + "regular": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "Regular", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p3}" + }, + "type": "typography" } }, - "semibold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" + "p6": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.regular}", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p6}" }, - "fontWeight": { - "value": "$fontWeights.roboto-3", - "type": "fontWeight" + "type": "typography" + } + }, + "lowLine-height": { + "p4": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.120}", + "fontSize": "{paragraphSize.p4}" }, - "lineHeight": { - "value": "$lineHeights.7", - "type": "lineHeight" + "type": "typography" + } + }, + "links&buttons": { + "tabs": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.bold}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p5}", + "textCase": "{textCase.uppercase}" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h2}" - } + "type": "typography" }, - "medium": { - "fontFamily": { - "value": "{fontFamilies.Jura-2}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.satoshi-variable-9", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.7", - "type": "lineHeight" + "Medium": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.bold}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p4}", + "textCase": "{textCase.uppercase}" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h2}" - } + "type": "typography" + } + }, + "paragraphWeight": { + "Bold": { + "value": "Bold", + "type": "other" }, - "regular": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-5", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.7", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h2}" - } + "bold": { + "value": "Bold", + "type": "fontWeights" }, - "light": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-6", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.7", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h2}" - } + "medium": { + "value": "Medium", + "type": "fontWeights" }, - "extralight": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-7", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.7", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h2}" - } + "semibold": { + "value": "SemiBold", + "type": "fontWeights" + }, + "regular": { + "value": "Regular", + "type": "fontWeights" } }, - "p3": { - "black": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-0", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.8", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h1}" - } - }, - "extrabold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-1", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.8", - "type": "lineHeight" + "primaryButton": { + "Medium": { + "value": { + "paddingTop": "12", + "paddingBottom": "12", + "paddingRight": "20", + "paddingLeft": "20", + "borderRadius": "{buttons}" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h1}" - } - }, - "bold": { - "fontFamily": { - "value": "{fontFamilies.Secondary}", - "type": "fontFamily" + "type": "composition" + } + }, + "secondaryButton": { + "Medium": { + "value": { + "paddingTop": "9", + "paddingBottom": "9", + "paddingRight": "12", + "paddingLeft": "12", + "borderRadius": "{buttons}", + "borderWidth": "1" }, - "fontWeight": { - "value": "$fontWeights.satoshi-8", - "type": "fontWeight" + "type": "composition" + } + }, + "borderShadow": { + "Main-box": { + "value": "4,0,4,0", + "type": "borderWidth" + } + }, + "dropdownStyle": { + "AssetActions": { + "value": { + "border": "{primary.bright-blue.300}", + "borderWidth": "1", + "horizontalPadding": "0", + "fill": "{primary.Alpha_0.35}", + "borderRadius": "{dropdowns}" }, - "lineHeight": { - "value": "$lineHeights.8", - "type": "lineHeight" + "type": "composition" + } + }, + "boxStyle": { + "Main-content-alt": { + "value": { + "borderRadius": "{main-content-box}", + "fill": "{primary.dark-blue.700}", + "border": "{gradient.stroke-gradient}", + "borderWidth": "1" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h1}" - } + "type": "composition" }, - "semibold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-3", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.8", - "type": "lineHeight" + "Main-content-mobile": { + "value": { + "borderRadius": "{mobile.primary-rounding}", + "fill": "{primary.dark-blue.700}", + "border": "{gradient.stroke-gradient}", + "borderWidth": "1", + "boxShadow": "{sharpShadow.MainContentBox-v-mobile}" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h1}" - } + "type": "composition" }, - "medium": { - "fontFamily": { - "value": "{fontFamilies.Secondary}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.satoshi-variable-9", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.8", - "type": "lineHeight" + "Main-content": { + "value": { + "borderRadius": "{main-content-box}", + "fill": "{primary.dark-blue.700}", + "border": "{gradient.stroke-gradient}", + "borderWidth": "1", + "boxShadow": "{sharpShadow.MainContentBox}" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h1}" - } + "type": "composition" }, - "regular": { - "fontFamily": { - "value": "{fontFamilies.Secondary}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.satoshi-11", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.8", - "type": "lineHeight" + "Main-content-border": { + "value": { + "borderRadius": "{8px}", + "fill": "{primary.dark-blue.alpha.1000}", + "border": "{gradient.stroke-gradient}", + "borderWidth": "1" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h1}" - } + "type": "composition" }, - "light": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-6", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.8", - "type": "lineHeight" + "chart": { + "value": { + "borderRadius": "0", + "fill": "{primary.dark-blue.500}", + "border": "0", + "borderWidth": "0", + "boxShadow": "{sharpShadow.MainContentBox}" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h1}" - } + "type": "composition" }, - "extralight": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-7", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.8", - "type": "lineHeight" + "ClickableTiles": { + "value": { + "borderRadius": "{8px}", + "fill": "{primary.dark-blue.401}", + "borderWidth": "0" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h1}" - } + "type": "composition" } }, - "p4": { - "black": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-0", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.9", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h}" - } - }, - "extrabold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" + "input": { + "Base": { + "value": { + "fill": "{primary.Alpha_0.06}", + "borderRadius": "{internal-roundings}", + "fontFamilies": "{fontFamilies.Secondary}", + "borderWidthBottom": "1", + "borderWidthTop": "0", + "borderWidthRight": "0", + "borderWidthLeft": "0", + "typography": "{paragraphs.p4}", + "border": "{primary.dark-blue.400}" }, - "fontWeight": { - "value": "$fontWeights.roboto-1", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.9", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h}" - } - }, - "bold": { - "fontFamily": { - "value": "{fontFamilies.Secondary}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.satoshi-8", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.9", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h}" - } + "type": "composition" + } + }, + "sharpShadow": { + "MainContentBox": { + "value": [ + { + "x": "3", + "y": "4", + "blur": "0", + "spread": "0", + "color": "rgba(102,181,255,0.19)", + "type": "dropShadow" + } + ], + "type": "boxShadow" }, - "semibold": { - "fontFamily": { - "value": "{fontFamilies.Jura-2}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.satoshi-variable-9", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.9", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h}" - } + "MainContentBox-copy": { + "value": [ + { + "x": "4", + "y": "6", + "blur": "0", + "spread": "0", + "color": "rgba(102,181,255,0.19)", + "type": "dropShadow" + }, + { + "x": "0", + "y": "0", + "blur": "100", + "spread": "0", + "color": "rgba(84,155,194,0.0)", + "type": "dropShadow" + } + ], + "type": "boxShadow" }, - "medium": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-4", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.9", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h}" - } + "MainContentBox-v2": { + "value": [ + { + "x": "3", + "y": "3", + "blur": "0", + "spread": "0", + "color": "rgba(126,161,194,0.12)", + "type": "dropShadow" + } + ], + "type": "boxShadow" }, - "medium - 2%": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-4", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.9", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h}" - } + "MainContentBox-v-mobile": { + "value": [ + { + "x": "1", + "y": "2", + "blur": "0", + "spread": "0", + "color": "rgba(126,161,194,0.12)", + "type": "dropShadow" + } + ], + "type": "boxShadow" }, - "regular": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-5", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.9", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h}" - } + "Soft Box": { + "value": [ + { + "x": "0", + "y": "10", + "blur": "30", + "spread": "0", + "color": "rgba(91,144,172,0.12)", + "type": "dropShadow" + } + ], + "type": "boxShadow" }, - "light": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-6", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.9", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h}" - } + "InternalBoxes": { + "value": [ + { + "x": "4", + "y": "4", + "blur": "0", + "spread": "0", + "color": "rgba(102,181,255,0.19)", + "type": "dropShadow" + } + ], + "type": "boxShadow" }, - "extralight": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-7", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.9", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h}" - } - } - }, - "trade-screen": { - "medium": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-4", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.10", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h7}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - } + "InternalBoxes-secondary": { + "value": [ + { + "x": "4", + "y": "4", + "blur": "0", + "spread": "0", + "color": "{primary.pink.100 (Alpha)}", + "type": "dropShadow" + } + ], + "type": "boxShadow" }, - "bold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-2", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.140}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h6}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - } + "InternalBoxes-dark": { + "value": [ + { + "x": "4", + "y": "4", + "blur": "0", + "spread": "0", + "color": "{primary.dark-blue.801}", + "type": "dropShadow" + } + ], + "type": "boxShadow" } }, - "textCase": { - "none": { - "value": "none", - "type": "textCase" - }, - "uppercase": { - "value": "uppercase", - "type": "textCase" + "icons": { + "Rectangle-frame": { + "value": "0", + "type": "borderRadius" } }, - "textDecoration": { - "none": { - "value": "none", - "type": "textDecoration" + "actions": { + "PopupActionButtons": { + "value": "4", + "type": "borderRadius" } }, - "base_text_button": { - "value": "6px", - "type": "spacing" - }, - "main-content-box": { - "value": "0", - "type": "borderRadius", - "description": "Defines the corner style of main content box" - }, - "primary-rounding": { - "value": "0", - "type": "borderRadius" - }, - "internal-roundings": { - "value": "0", - "type": "borderRadius" - }, - "dropdowns": { - "value": "0", - "type": "borderRadius" - }, - "buttons": { - "value": "0", - "type": "borderRadius", - "Primary": { - "value": { - "fontFamily": "{fontFamilies.Secondary}", - "fontWeight": "{paragraphWeight.bold}", - "lineHeight": "{lineHeights.100}", - "fontSize": "{paragraphSize.p2}", - "textCase": "{textCase.uppercase}" - }, - "type": "typography" - } - }, - "gradient": { - "darkblue-pink": { - "value": "linear-gradient(90deg, #0a1fa7 0%, #fc408c 100%)", - "type": "color" - }, - "pink": { - "value": "linear-gradient(90deg, #fc408c 0%, #15161c 100%)", - "type": "color" - }, - "lightblue": { - "value": "linear-gradient(90deg, #57b3eb 0%, #15161c 100%)", - "type": "color" - }, - "darkblue": { - "value": "linear-gradient(90deg, #0a1fa7 0%, #15161c 100%)", - "type": "color" - }, - "darkblue-light": { - "value": "linear-gradient(90deg, #0a1fa7 0%, #57b3eb 100%)", - "type": "color" - }, - "pink-lightblue": { - "value": "linear-gradient(90deg, #fc408c 0%, #57b3eb 100%)", - "type": "color" - }, - "pink-lightpink": { - "value": "linear-gradient(90deg, #fc408c 0%, #efb0ff 100%)", - "type": "color" - }, - "main": { - "value": "linear-gradient(0deg, #0a061a 7.91%, #200e28 42.33%, #85356e 100%)", - "type": "color" - }, - "vertical-bg": { - "value": "linear-gradient(180deg, #00579F 0%, #023b6a 40%, {primary.vibrant-blue.bg-base} 100%)", - "type": "color" - }, - "vertical-darkblue-copy": { - "value": "linear-gradient(180deg, #00569e 0%, #023b6a 15.34%, #00041d 54.17%)", - "type": "color" - }, - "blue-transparent": { - "value": "linear-gradient(180deg, #00569e33 0%, {alpha-white.A_0.05-copy} 100%)", - "type": "color" - } - }, - "basic": { + "red": { "100": { - "value": "#ecedef", + "value": "#fbc0c0", "type": "color" }, "200": { - "value": "#d4d6df", + "value": "#ffb0b0", "type": "color" }, "300": { - "value": "#bbbec9", + "value": "#ff9e9e", "type": "color" }, "400": { - "value": "#b2b6c5", + "value": "#f87171", "type": "color" }, "500": { - "value": "#878c9e", - "type": "color" - }, - "501": { - "value": "#686876", + "value": "#ff4b4b", "type": "color" }, "600": { - "value": "#676c80", + "value": "#f11313", "type": "color" }, "700": { - "value": "#5d6175", - "type": "color" - }, - "900": { - "value": "#00041d", - "type": "color" - }, - "1000": { - "value": "#1c1a1f", - "type": "color" - }, - "BLACK": { - "value": "#000000", - "type": "color" - }, - "WHITE": { - "value": "#ffffff", - "type": "color" - }, - "gray-soft": { - "value": "#ebebeb", - "type": "color" - } - }, - "library-styles": { - "bg": { - "value": "#14141c", - "type": "color" - } - }, - "green": { - "100": { - "value": "#c0fbe5", - "type": "color" - }, - "200": { - "value": "#adffe0", - "type": "color" - }, - "300": { - "value": "#9fffdb", - "type": "color" - }, - "400": { - "value": "#71f8c5", - "type": "color" - }, - "500": { - "value": "#4bffbb", - "type": "color" - }, - "600": { - "value": "#30ffb1", + "value": "#ff0000", "type": "color" }, - "700": { - "value": "#00ffa0", - "type": "color" + "alpha": { + "400": { + "value": "#f87171", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.3", + "space": "lch" + } + } + } + }, + "400-50": { + "value": "#f87171", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.5", + "space": "lch" + } + } + } + }, + "500-20": { + "value": "#ff4b4b", + "type": "color", + "$extensions": { + "studio.tokens": { + "modify": { + "type": "alpha", + "value": "0.4", + "space": "lch" + } + } + } + } }, - "100 (Alpha)": { - "value": "#03ef9740", + "aplha-100": { + "value": "#ef030340", "type": "color", - "description": "Translucent equivalent of green/100 placed against #FFFFFF" + "description": "Translucent equivalent of red/100 placed against #FFFFFF" }, - "200 (Alpha)": { - "value": "#07ffa154", + "aplha-200": { + "value": "#ff00004f", "type": "color", - "description": "Translucent equivalent of green/200 placed against #FFFFFF" + "description": "Translucent equivalent of red/200 placed against #FFFFFF" }, - "300 (Alpha)": { - "value": "#02ffa061", + "aplha-300": { + "value": "#ff060663", "type": "color", - "description": "Translucent equivalent of green/300 placed against #FFFFFF" + "description": "Translucent equivalent of red/300 placed against #FFFFFF" }, - "400 (Alpha)": { - "value": "#01f3978f", + "aplha-400": { + "value": "#f301018f", "type": "color", - "description": "Translucent equivalent of green/400 placed against #FFFFFF" + "description": "Translucent equivalent of red/400 placed against #FFFFFF" }, - "500 (Alpha)": { - "value": "#01ff9fb5", + "aplha-500": { + "value": "#ff0101b5", "type": "color", - "description": "Translucent equivalent of green/500 placed against #FFFFFF" + "description": "Translucent equivalent of red/500 placed against #FFFFFF" }, - "600 (Alpha)": { - "value": "#03ffa0d1", + "aplha-600": { + "value": "#f00101ed", "type": "color", - "description": "Translucent equivalent of green/600 placed against #FFFFFF" + "description": "Translucent equivalent of red/600 placed against #FFFFFF" }, - "700 (Alpha)": { - "value": "#00ffa0", + "aplha-700": { + "value": "#ff0000", "type": "color", - "description": "Translucent equivalent of green/700 placed against #FFFFFF" + "description": "Translucent equivalent of red/700 placed against #FFFFFF" } }, - "low": { - "value": "100%", - "type": "lineHeights" + "sharpShadow-mobile": { + "MainContentBox": { + "value": [ + { + "x": "6", + "y": "6", + "blur": "0", + "spread": "0", + "color": "rgba(102,181,255,0.19)", + "type": "dropShadow" + }, + { + "x": "0", + "y": "0", + "blur": "100", + "spread": "0", + "color": "rgba(84,155,194,0.12)", + "type": "dropShadow" + } + ], + "type": "boxShadow" + }, + "InternalBoxes": { + "value": [ + { + "x": "4", + "y": "4", + "blur": "0", + "spread": "0", + "color": "rgba(102,181,255,0.19)", + "type": "dropShadow" + } + ], + "type": "boxShadow" + }, + "InternalBoxes-secondary": { + "value": [ + { + "x": "4", + "y": "4", + "blur": "0", + "spread": "0", + "color": "{primary.pink.100 (Alpha)}", + "type": "dropShadow" + } + ], + "type": "boxShadow" + }, + "InternalBoxes-dark": { + "value": [ + { + "x": "4", + "y": "4", + "blur": "0", + "spread": "0", + "color": "{primary.dark-blue.801}", + "type": "dropShadow" + } + ], + "type": "boxShadow" + } }, - "ultraBig": { - "value": "78", - "type": "fontSizes" + "landing": { + "Primary": { + "value": "Hubot-Sans", + "type": "fontFamilies" + } }, - "headlines": { - "H1": { + "sections": { + "Mobile": { "value": { - "fontFamily": "{fontFamilies.Primary-Font}", - "fontWeight": "", - "lineHeight": "{lineHeights.100}", - "fontSize": "{headlineSize.h1}", - "paragraphSpacing": "", - "letterSpacing": "0", - "textDecoration": "", - "textCase": "" + "paddingTop": "50", + "paddingBottom": "50" }, - "type": "typography" + "type": "composition" }, - "H2": { + "Mobile-ending": { "value": { - "fontFamily": "{fontFamilies.Primary-Font}", - "fontWeight": "", - "lineHeight": "{lineHeights.100}", - "fontSize": "{headlineSize.h2}", - "paragraphSpacing": "", - "letterSpacing": "0", - "textDecoration": "", - "textCase": "" + "paddingTop": "50", + "paddingBottom": "90" }, - "type": "typography" - }, - "H3": { - "value": { - "fontFamily": "{fontFamilies.Primary-Font}", - "fontWeight": "", - "lineHeight": "{lineHeights.100}", - "fontSize": "{headlineSize.h3}", - "paragraphSpacing": "", - "letterSpacing": "0", - "textDecoration": "", - "textCase": "" + "type": "composition" + } + } + }, + "White": { + "Red_Alpha_0": { + "3": { + "value": "#f43e5f4d", + "type": "color" + } + }, + "primary": { + "Alpha_0": { + "15": { + "value": "#4cd5f31f", + "type": "color" }, - "type": "typography" - }, - "H4": { - "value": { - "fontFamily": "{fontFamilies.Primary-Font}", - "fontWeight": "", - "lineHeight": "{lineHeights.100}", - "fontSize": "{headlineSize.h4}", - "paragraphSpacing": "", - "letterSpacing": "0", - "textDecoration": "", - "textCase": "" + "20": { + "value": "#25cbff33", + "type": "color" }, - "type": "typography" - }, - "H5": { - "value": { - "fontFamily": "{fontFamilies.Primary-Font}", - "fontWeight": "", - "lineHeight": "{lineHeights.130}", - "fontSize": "{headlineSize.h5}", - "paragraphSpacing": "", - "letterSpacing": "0", - "textDecoration": "", - "textCase": "" + "35": { + "value": "#2fd3f759", + "type": "color" }, - "type": "typography" - }, - "H6": { - "value": { - "fontFamily": "{fontFamilies.Primary-Font}", - "fontWeight": "", - "lineHeight": "{lineHeights.130}", - "fontSize": "{headlineSize.h6}", - "paragraphSpacing": "", - "letterSpacing": "", - "textDecoration": "", - "textCase": "" + "06": { + "value": "#9ea7ba0f", + "type": "color" }, - "type": "typography" - }, - "H7": { - "value": { - "fontFamily": "{fontFamilies.Primary-Font}", - "fontWeight": "", - "lineHeight": "{lineHeights.130}", - "fontSize": "{headlineSize.h7}", - "paragraphSpacing": "", - "letterSpacing": "", - "textDecoration": "", - "textCase": "" + "15-blue": { + "value": "#54638059", + "type": "color" }, - "type": "typography" - } - }, - "paragraphSize": { - "base": { - "value": "18", - "type": "fontSizes" - }, - "scale": { - "value": "0.9", - "type": "fontSizes" - }, - "p1": { - "value": "18", - "type": "fontSizes" - }, - "p2": { - "value": "roundTo({paragraphSize.p1}*{paragraphSize.scale}, 0)", - "type": "fontSizes" - }, - "p3": { - "value": "roundTo({paragraphSize.p2}*{paragraphSize.scale}, 0)", - "type": "fontSizes" - }, - "p4": { - "value": "roundTo({paragraphSize.p3}*{paragraphSize.scale}, 0)", - "type": "fontSizes" - }, - "p5": { - "value": "roundTo({paragraphSize.p4}*{paragraphSize.scale}, 0)", - "type": "fontSizes" + "6-blueish": { + "value": "#7283a599", + "type": "color" + } }, - "p6": { - "value": "roundTo({paragraphSize.p5}*{paragraphSize.scale}, 0)", - "type": "fontSizes" - } - }, - "paragraphs": { - "p1": { - "value": { - "fontFamily": "{fontFamilies.Secondary}", - "fontWeight": "{paragraphWeight.medium}", - "lineHeight": "{lineHeights.130}", - "fontSize": "{paragraphSize.p1}" + "pink": { + "100": { + "value": "#ffbbd6", + "type": "color" }, - "type": "typography" - }, - "p2-caps": { - "value": { - "fontFamily": "{fontFamilies.Secondary}", - "fontWeight": "{paragraphWeight.bold}", - "lineHeight": "{lineHeights.100}", - "fontSize": "{paragraphSize.p2}", - "textCase": "{textCase.uppercase}" + "200": { + "value": "#fea6ca", + "type": "color" }, - "type": "typography" - }, - "p4": { - "value": { - "fontFamily": "{fontFamilies.Secondary}", - "fontWeight": "{paragraphWeight.medium}", - "lineHeight": "{lineHeights.150}", - "fontSize": "{paragraphSize.p4}" + "300": { + "value": "#ff99c2", + "type": "color" }, - "type": "typography" - }, - "p5": { - "value": { - "fontFamily": "{fontFamilies.Secondary}", - "fontWeight": "{paragraphWeight.bold}", - "lineHeight": "{lineHeights.140}", - "fontSize": "{paragraphSize.p5}" + "400": { + "value": "#ff8bba", + "type": "color" }, - "type": "typography" - }, - "p6-caps": { - "value": { - "fontFamily": "{fontFamilies.Secondary}", - "fontWeight": "{paragraphWeight.medium}", - "lineHeight": "{lineHeights.140}", - "fontSize": "{paragraphSize.p6}", - "textCase": "{textCase.uppercase}" + "500": { + "value": "#ff67a4", + "type": "color" }, - "type": "typography" - }, - "p5-regular": { - "value": { - "fontFamily": "{fontFamilies.Secondary}", - "fontWeight": "Regular", - "lineHeight": "{lineHeights.100}", - "fontSize": "{paragraphSize.p5}" + "600": { + "value": "#fc408c", + "type": "color" }, - "type": "typography" - } - }, - "semiBold": { - "p1": { - "value": { - "fontFamily": "{fontFamilies.Secondary}", - "fontWeight": "SemiBold", - "lineHeight": "{lineHeights.130}", - "fontSize": "{paragraphSize.p1}" + "700": { + "value": "#f6297c", + "type": "color" }, - "type": "typography" - } - }, - "boldType": { - "p1": { - "value": { - "fontFamily": "{fontFamilies.Secondary}", - "fontWeight": "{paragraphWeight.bold}", - "lineHeight": "{lineHeights.130}", - "fontSize": "{paragraphSize.p1}" + "700 (Alpha)": { + "value": "#f40063d6", + "type": "color", + "description": "Translucent equivalent of primary/pink/700 placed against #FFFFFF" }, - "type": "typography" - }, - "p4": { - "value": { - "fontFamily": "{fontFamilies.Secondary}", - "fontWeight": "{paragraphWeight.bold}", - "lineHeight": "{lineHeights.120}", - "fontSize": "{paragraphSize.p4}" + "600 (Alpha)": { + "value": "#fb0066bf", + "type": "color", + "description": "Translucent equivalent of primary/pink/600 placed against #FFFFFF" }, - "type": "typography" - }, - "p3": { - "value": { - "fontFamily": "{fontFamilies.Secondary}", - "fontWeight": "{paragraphWeight.bold}", - "lineHeight": "{lineHeights.100}", - "fontSize": "{paragraphSize.p3}" + "500 (Alpha)": { + "value": "#ff026799", + "type": "color", + "description": "Translucent equivalent of primary/pink/500 placed against #FFFFFF" }, - "type": "typography", - "regular": { - "value": { - "fontFamily": "{fontFamilies.Secondary}", - "fontWeight": "Regular", - "lineHeight": "{lineHeights.140}", - "fontSize": "{paragraphSize.p3}" - }, - "type": "typography" - } - } - }, - "mediumType": { - "p2": { - "value": { - "fontFamily": "{fontFamilies.Secondary}", - "fontWeight": "{paragraphWeight.medium}", - "lineHeight": "{lineHeights.100}", - "fontSize": "{paragraphSize.p2}", - "textCase": "" + "400 (Alpha)": { + "value": "#ff036975", + "type": "color", + "description": "Translucent equivalent of primary/pink/400 placed against #FFFFFF" }, - "type": "typography" - }, - "p2-caps": { - "value": { - "fontFamily": "{fontFamilies.Secondary}", - "fontWeight": "{paragraphWeight.medium}", - "lineHeight": "{lineHeights.100}", - "fontSize": "{paragraphSize.p2}", - "textCase": "{textCase.uppercase}" + "300 (Alpha)": { + "value": "#ff006766", + "type": "color", + "description": "Translucent equivalent of primary/pink/300 placed against #FFFFFF" }, - "type": "typography" - }, - "p3": { - "value": { - "fontFamily": "{fontFamilies.Secondary}", - "fontWeight": "{paragraphWeight.medium}", - "lineHeight": "{lineHeights.100}", - "fontSize": "{paragraphSize.p3}" + "200 (Alpha)": { + "value": "#fc016859", + "type": "color", + "description": "Translucent equivalent of primary/pink/200 placed against #FFFFFF" }, - "type": "typography", - "regular": { - "value": { - "fontFamily": "{fontFamilies.Secondary}", - "fontWeight": "Regular", - "lineHeight": "{lineHeights.140}", - "fontSize": "{paragraphSize.p3}" - }, - "type": "typography" + "100 (Alpha)": { + "value": "#ff036745", + "type": "color", + "description": "Translucent equivalent of primary/pink/100 placed against #FFFFFF" } }, - "p5": { - "value": { - "fontFamily": "{fontFamilies.Secondary}", - "fontWeight": "{paragraphWeight.medium}", - "lineHeight": "{lineHeights.120}", - "fontSize": "{paragraphSize.p5}" + "vibrant-blue": { + "100": { + "value": "#7889ff", + "type": "color" }, - "type": "typography" - }, - "p5-caps": { - "value": { - "fontFamily": "{fontFamilies.Secondary}", - "fontWeight": "{paragraphWeight.medium}", - "lineHeight": "{lineHeights.140}", - "fontSize": "{paragraphSize.p5}", - "textCase": "{textCase.uppercase}" + "200": { + "value": "#5f73fe", + "type": "color" }, - "type": "typography" - }, - "p6": { - "value": { - "fontFamily": "{fontFamilies.Secondary}", - "fontWeight": "{paragraphWeight.medium}", - "lineHeight": "{lineHeights.140}", - "fontSize": "{paragraphSize.p6}" + "300": { + "value": "#485ef8", + "type": "color" }, - "type": "typography" - } - }, - "regularType": { - "p3": { - "value": { - "fontFamily": "{fontFamilies.Secondary}", - "fontWeight": "{paragraphWeight.medium}", - "lineHeight": "{lineHeights.100}", - "fontSize": "{paragraphSize.p3}" + "400": { + "value": "#2b40c8", + "type": "color" }, - "type": "typography", - "regular": { - "value": { - "fontFamily": "{fontFamilies.Secondary}", - "fontWeight": "Regular", - "lineHeight": "{lineHeights.140}", - "fontSize": "{paragraphSize.p3}" - }, - "type": "typography" - } - } - }, - "lowLine-height": { - "p4": { - "value": { - "fontFamily": "{fontFamilies.Secondary}", - "fontWeight": "{paragraphWeight.medium}", - "lineHeight": "{lineHeights.120}", - "fontSize": "{paragraphSize.p4}" + "500": { + "value": "#152dc7", + "type": "color" }, - "type": "typography" - } - }, - "links&buttons": { - "tabs": { - "value": { - "fontFamily": "{fontFamilies.Secondary}", - "fontWeight": "{paragraphWeight.bold}", - "lineHeight": "{lineHeights.100}", - "fontSize": "{paragraphSize.p5}", - "textCase": "{textCase.uppercase}" + "600": { + "value": "#0a1fa7", + "type": "color" }, - "type": "typography" - }, - "Medium": { - "value": { - "fontFamily": "{fontFamilies.Secondary}", - "fontWeight": "{paragraphWeight.bold}", - "lineHeight": "{lineHeights.100}", - "fontSize": "{paragraphSize.p4}", - "textCase": "{textCase.uppercase}" + "700": { + "value": "#031586", + "type": "color" }, - "type": "typography" - } - }, - "paragraphWeight": { - "Bold": { - "value": "Bold", - "type": "other" - }, - "bold": { - "value": "Bold", - "type": "fontWeights" + "800-alpha": { + "value": "#000732b3", + "type": "color" + }, + "bg-base": { + "value": "#001736", + "type": "color" + } }, - "medium": { - "value": "Medium", - "type": "fontWeights" - } - }, - "primaryButton": { - "Medium": { - "value": { - "paddingTop": "12", - "paddingBottom": "12", - "paddingRight": "20", - "paddingLeft": "20", - "borderRadius": "{primary-rounding}" + "bright-blue": { + "100": { + "value": "#a6ddff", + "type": "color" }, - "type": "composition" - } - }, - "borderShadow": { - "Main-box": { - "value": "4,0,4,0", - "type": "borderWidth" - } - }, - "dropdownStyle": { - "AssetActions": { - "value": { - "border": "{primary.bright-blue.300}", - "borderWidth": "1", - "horizontalPadding": "0", - "fill": "{primary.Alpha_0.35}", - "borderRadius": "{dropdowns}" + "200": { + "value": "#9cddff", + "type": "color" }, - "type": "composition" - } - }, - "gradients": { - "green-graph": { - "value": "linear-gradient(180deg, #4fffb04f 0%, #4fffb000 100%)", - "type": "color" - }, - "orange-graph": { - "value": "linear-gradient(180deg, #fcae33 0%, #fcae3300 100%)", - "type": "color" - } - }, - "boxStyle": { - "Main-content": { - "value": { - "borderRadius": "0", - "fill": "{primary.dark-blue.700}", - "border": "0", - "borderWidth": "0", - "boxShadow": "{sharpShadow.MainContentBox}" + "300": { + "value": "#85d1ff", + "type": "color" }, - "type": "composition" - } - }, - "input": { - "Base": { - "value": { - "fill": "{primary.Alpha_0.06}", - "borderRadius": "0", - "fontFamilies": "{fontFamilies.Secondary}", - "borderWidthBottom": "1.5", - "borderWidthTop": "0", - "borderWidthRight": "0", - "borderWidthLeft": "0", - "typography": "{paragraphs.p4}" - }, - "type": "composition" - } - }, - "sharpShadow": { - "MainContentBox": { - "value": [ - { - "x": "6", - "y": "6", - "blur": "0", - "spread": "0", - "color": "rgba(102,181,255,0.19)", - "type": "dropShadow" - }, - { - "x": "0", - "y": "0", - "blur": "100", - "spread": "0", - "color": "rgba(84,155,194,0.12)", - "type": "dropShadow" - } - ], - "type": "boxShadow" - } - }, - "icons": { - "Rectangle-frame": { - "value": "0", - "type": "borderRadius" - } - }, - "actions": { - "PopupActionButtons": { - "value": "0", - "type": "borderRadius" - } - }, - "red": { - "100": { - "value": "#fbc0c0", - "type": "color" - }, - "200": { - "value": "#ffb0b0", - "type": "color" - }, - "300": { - "value": "#ff9e9e", - "type": "color" - }, - "400": { - "value": "#f87171", - "type": "color" - }, - "500": { - "value": "#ff4b4b", - "type": "color" - }, - "600": { - "value": "#f11313", - "type": "color" - }, - "700": { - "value": "#ff0000", - "type": "color" - }, - "aplha-100": { - "value": "#ef030340", - "type": "color", - "description": "Translucent equivalent of red/100 placed against #FFFFFF" - }, - "aplha-200": { - "value": "#ff00004f", - "type": "color", - "description": "Translucent equivalent of red/200 placed against #FFFFFF" - }, - "aplha-300": { - "value": "#ff060663", - "type": "color", - "description": "Translucent equivalent of red/300 placed against #FFFFFF" - }, - "aplha-400": { - "value": "#f301018f", - "type": "color", - "description": "Translucent equivalent of red/400 placed against #FFFFFF" - }, - "aplha-500": { - "value": "#ff0101b5", - "type": "color", - "description": "Translucent equivalent of red/500 placed against #FFFFFF" - }, - "aplha-600": { - "value": "#f00101ed", - "type": "color", - "description": "Translucent equivalent of red/600 placed against #FFFFFF" - }, - "aplha-700": { - "value": "#ff0000", - "type": "color", - "description": "Translucent equivalent of red/700 placed against #FFFFFF" - } - } - }, - "Basilisk_v1": { - "Red_Alpha_0": { - "3": { - "value": "#f43e5f4d", - "type": "color" - } - }, - "primary": { - "Alpha_0": { - "15": { - "value": "#4cd5f31f", - "type": "color" - }, - "20": { - "value": "rgba(37,203,255,0.2)", - "type": "color" - }, - "35": { - "value": "rgba(47,211,247,0.35)", - "type": "color" - }, - "06": { - "value": "#daffee0f", - "type": "color" - } - }, - "pink": { - "100": { - "value": "#ffbbd6", - "type": "color" - }, - "200": { - "value": "#fea6ca", - "type": "color" - }, - "300": { - "value": "#ff99c2", - "type": "color" - }, - "400": { - "value": "#ff8bba", - "type": "color" - }, - "500": { - "value": "#ff67a4", - "type": "color" - }, - "600": { - "value": "#fc408c", - "type": "color" - }, - "700": { - "value": "#f6297c", - "type": "color" - }, - "700 (Alpha)": { - "value": "#f40063d6", - "type": "color", - "description": "Translucent equivalent of primary/pink/700 placed against #FFFFFF" - }, - "600 (Alpha)": { - "value": "#fb0066bf", - "type": "color", - "description": "Translucent equivalent of primary/pink/600 placed against #FFFFFF" - }, - "500 (Alpha)": { - "value": "#ff026799", - "type": "color", - "description": "Translucent equivalent of primary/pink/500 placed against #FFFFFF" - }, - "400 (Alpha)": { - "value": "#ff036975", - "type": "color", - "description": "Translucent equivalent of primary/pink/400 placed against #FFFFFF" - }, - "300 (Alpha)": { - "value": "#ff006766", - "type": "color", - "description": "Translucent equivalent of primary/pink/300 placed against #FFFFFF" - }, - "200 (Alpha)": { - "value": "#fc016859", - "type": "color", - "description": "Translucent equivalent of primary/pink/200 placed against #FFFFFF" - }, - "100 (Alpha)": { - "value": "#ff036745", - "type": "color", - "description": "Translucent equivalent of primary/pink/100 placed against #FFFFFF" - } - }, - "vibrant-blue": { - "100": { - "value": "#7889ff", - "type": "color" - }, - "200": { - "value": "#5f73fe", - "type": "color" - }, - "300": { - "value": "#485ef8", - "type": "color" - }, - "400": { - "value": "#2b40c8", - "type": "color" - }, - "500": { - "value": "#152dc7", - "type": "color" - }, - "600": { - "value": "#0a1fa7", - "type": "color" - }, - "700": { - "value": "#031586", - "type": "color" - } - }, - "bright-blue": { - "100": { - "value": "#a6ddff", - "type": "color" - }, - "200": { - "value": "#9cddff", - "type": "color" - }, - "300": { - "value": "#85d1ff", - "type": "color" - }, - "400": { - "value": "#3192cd", - "type": "color" + "400": { + "value": "#3192cd", + "type": "color" }, "500": { "value": "#1a7ab4", @@ -3051,6 +2098,11 @@ "value": "#019eff59", "type": "color", "description": "Translucent equivalent of primary/bright-blue/100 placed against #FFFFFF" + }, + "101 (Alpha)": { + "value": "#85d1ff33", + "type": "color", + "description": "Translucent equivalent of primary/bright-blue/100 placed against #FFFFFF" } }, "(500)": { @@ -3091,7 +2143,11 @@ "type": "color" }, "400": { - "value": "#333750", + "value": "#0f1540", + "type": "color" + }, + "401": { + "value": "#1c2038", "type": "color" }, "500": { @@ -3103,31 +2159,51 @@ "type": "color" }, "700": { - "value": "#000316", + "value": "#dfe1eb", "type": "color" }, "800": { "value": "#00020e", "type": "color" }, + "801": { + "value": "#0a0c17", + "type": "color" + }, "900": { "value": "#000107", "type": "color" }, - "900 (Alpha)": { - "value": "#000107", - "type": "color", - "description": "Translucent equivalent of dark-blue//900 placed against #FFFFFF" + "alpha": { + "401": { + "value": "#1c2038cc", + "type": "color" + }, + "900 (Alpha)": { + "value": "#00010799", + "type": "color", + "description": "Translucent equivalent of dark-blue//900 placed against #FFFFFF" + }, + "900-0,2": { + "value": "#00010733", + "type": "color", + "description": "Translucent equivalent of dark-blue//900 placed against #FFFFFF" + }, + "800alpha": { + "value": "#00010766", + "type": "color", + "description": "Translucent equivalent of dark-blue//900 placed against #FFFFFF" + } } } }, "secondary-blue": { "100": { - "value": "#85D1FF", + "value": "#85d1ff", "type": "color" }, "200": { - "value": "#009FFF", + "value": "#009fff", "type": "color" }, "300": { @@ -3135,15 +2211,15 @@ "type": "color" }, "400": { - "value": "#152DC7", + "value": "#152dc7", "type": "color" }, "500": { - "value": "#485EF8", + "value": "#485ef8", "type": "color" }, "": { - "value": "#1A7AB4", + "value": "#1a7ab4", "type": "color" } }, @@ -3190,6 +2266,10 @@ "value": "#e18521", "type": "color" }, + "300-alpha": { + "value": "#f5a8554d", + "type": "color" + }, "(450)": { "value": "#f38d1d", "type": "color" @@ -3239,28 +2319,6 @@ "type": "color" } }, - "gradients-old": { - "green-graph": { - "value": "linear-gradient(180deg, #4fffb04f 0%, #4fffb000 100%)", - "type": "color" - }, - "orange-graph": { - "value": "linear-gradient(180deg, #fcae33 0%, #fcae3300 100%)", - "type": "color" - }, - "red-graph": { - "value": "linear-gradient(180deg, #ff6868 0%, #ff686800 100%)", - "type": "color" - }, - "primary": { - "value": "linear-gradient(90deg, #4FFFB0 0%, #B3FF8F 50%, #FF984E 100%)", - "type": "color" - }, - "bg-dark": { - "value": "linear-gradient(180deg, #1c2527 0%, #14161a 80.73%, #121316 100%)", - "type": "color" - } - }, "Flowkit": { "Purple": { "value": "#7b61ff", @@ -3296,13 +2354,21 @@ } }, "alpha-white": { + "2": { + "value": "#ffffff33", + "type": "color" + }, "A_0": { - "12": { - "value": "#ffffff1f", + "4": { + "value": "#ffffff66", "type": "color" }, - "20": { - "value": "rgba(255,255,255,0.2)", + "6": { + "value": "#ffffff99", + "type": "color" + }, + "12": { + "value": "#ffffff1f", "type": "color" }, "05": { @@ -3310,7 +2376,11 @@ "type": "color" }, "05-copy": { - "value": "rgba(255,255,255,0.03)", + "value": "#ffffff08", + "type": "color" + }, + "03": { + "value": "#ffffff08", "type": "color" } } @@ -3325,7 +2395,7 @@ "type": "fontFamilies" }, "Primary-Font": { - "value": "TitlingGothicFB Normal", + "value": "Font Over", "type": "fontFamilies" }, "satoshi-variable": { @@ -3359,56 +2429,6 @@ "type": "lineHeights" } }, - "fontWeights": { - "roboto-0": { - "value": "Black", - "type": "fontWeights" - }, - "roboto-1": { - "value": "ExtraBold", - "type": "fontWeights" - }, - "roboto-2": { - "value": "Bold", - "type": "fontWeights" - }, - "roboto-3": { - "value": "SemiBold", - "type": "fontWeights" - }, - "roboto-4": { - "value": "Medium", - "type": "fontWeights" - }, - "roboto-5": { - "value": "Regular", - "type": "fontWeights" - }, - "roboto-6": { - "value": "Light", - "type": "fontWeights" - }, - "roboto-7": { - "value": "ExtraLight", - "type": "fontWeights" - }, - "satoshi-8": { - "value": "Bold", - "type": "fontWeights" - }, - "satoshi-variable-9": { - "value": "Medium", - "type": "fontWeights" - }, - "satoshi-10": { - "value": "Medium", - "type": "fontWeights" - }, - "satoshi-11": { - "value": "Regular", - "type": "fontWeights" - } - }, "headlineSize": { "h1": { "value": "roundTo({headlineSize.h2}*{headlineSize.scale}, 0)", @@ -3447,97 +2467,23 @@ "type": "fontSizes" } }, - "letterSpacing": { - "0": { - "value": "0", - "type": "letterSpacing" - }, - "1": { - "value": "1%", - "type": "letterSpacing" - }, - "2": { - "value": "-2%", - "type": "letterSpacing" - }, - "3": { - "value": "10%", - "type": "letterSpacing" - }, - "4": { - "value": "0%", - "type": "letterSpacing" - }, - "5": { - "value": "2%", - "type": "letterSpacing" - } - }, - "paragraphSpacing": { - "0": { - "value": "0", - "type": "paragraphSpacing" - } - }, - "H1": { - "black": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-0", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.100}", - "type": "lineHeight" - }, - "fontSize": { - "value": "$fontSize.9", - "type": "fontSize" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "extrabold": { + "trade-screen": { + "medium": { "fontFamily": { "value": "{fontFamilies.Pexico}", "type": "fontFamily" }, "fontWeight": { - "value": "$fontWeights.roboto-1", + "value": "$fontWeights.roboto-4", "type": "fontWeight" }, "lineHeight": { - "value": "{lineHeights.100}", + "value": "$lineHeights.10", "type": "lineHeight" }, "fontSize": { - "value": "$fontSize.9", - "type": "fontSize" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" + "type": "fontSize", + "value": "{fontSize.h7}" } }, "bold": { @@ -3550,5970 +2496,1694 @@ "type": "fontWeight" }, "lineHeight": { - "value": "{lineHeights.100}", + "value": "{lineHeights.140}", "type": "lineHeight" }, "fontSize": { - "value": "$fontSize.9", - "type": "fontSize" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" + "type": "fontSize", + "value": "{fontSize.h6}" } + } + }, + "textCase": { + "none": { + "value": "none", + "type": "textCase" }, - "semibold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-3", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.100}", - "type": "lineHeight" - }, - "fontSize": { - "value": "$fontSize.9", - "type": "fontSize" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" + "uppercase": { + "value": "uppercase", + "type": "textCase" + } + }, + "textDecoration": { + "none": { + "value": "none", + "type": "textDecoration" + } + }, + "base_text_button": { + "value": "6px", + "type": "spacing" + }, + "main-content-box": { + "value": "4", + "type": "borderRadius", + "description": "Defines the corner style of main content box" + }, + "primary-rounding": { + "value": "4", + "type": "borderRadius" + }, + "internal-roundings": { + "value": "2", + "type": "borderRadius" + }, + "dropdowns": { + "value": "0", + "type": "borderRadius" + }, + "buttons": { + "value": "4", + "type": "borderRadius", + "Primary": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.bold}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p2}", + "textCase": "{textCase.uppercase}" }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "type": "typography" + } + }, + "gradient": { + "darkblue-pink": { + "value": "linear-gradient(90deg, #0a1fa7 0%, #fc408c 100%)", + "type": "color" }, - "medium": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-4", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.100}", - "type": "lineHeight" - }, - "fontSize": { - "value": "$fontSize.9", - "type": "fontSize" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "pink": { + "value": "linear-gradient(90deg, #fc408c 0%, #15161c 100%)", + "type": "color" }, - "regular": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-5", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.100}", - "type": "lineHeight" - }, - "fontSize": { - "value": "$fontSize.9", - "type": "fontSize" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "lightblue": { + "value": "linear-gradient(90deg, #57b3eb 0%, #15161c 100%)", + "type": "color" }, - "light": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-6", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.100}", - "type": "lineHeight" - }, - "fontSize": { - "value": "$fontSize.9", - "type": "fontSize" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "darkblue": { + "value": "linear-gradient(90deg, #0a1fa7 0%, #15161c 100%)", + "type": "color" }, - "extralight": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-7", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.100}", - "type": "lineHeight" - }, - "fontSize": { - "value": "$fontSize.9", - "type": "fontSize" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - } - }, - "H2": { - "black": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-0", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.1", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h8}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "darkblue-light": { + "value": "linear-gradient(90deg, #0a1fa7 0%, #57b3eb 100%)", + "type": "color" }, - "extrabold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-1", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.1", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h8}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "pink-lightblue": { + "value": "linear-gradient(90deg, #fc408c 0%, #57b3eb 100%)", + "type": "color" }, - "bold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-2", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.1", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h8}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "pink-lightpink": { + "value": "linear-gradient(90deg, #fc408c 30%, #efb0ff 100%)", + "type": "color" }, - "semibold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-3", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.1", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h8}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "main": { + "value": "linear-gradient(0deg, #0a061a 7.91%, #200e28 42.33%, #85356e 100%)", + "type": "color" }, - "medium": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-4", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.1", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h8}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "vertical-bg": { + "value": "linear-gradient(180deg, #00579f 0%, #023b6a 25%, #001736 100%)", + "type": "color" }, - "regular": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-5", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.1", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h8}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "vertical-darkblue-copy": { + "value": "linear-gradient(180deg, #00569e 0%, #023b6a 15.34%, #00041d 54.17%)", + "type": "color" }, - "light": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-6", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.1", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h8}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "blue-transparent": { + "value": "linear-gradient(180deg, #00569e33 0%, #ffffff08 100%)", + "type": "color" }, - "extralight": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-7", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.1", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h8}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "stroke-gradient": { + "value": "linear-gradient(180deg, #446dae4d 0%, #446dae4d 50%, #9ea7b400 100%)", + "type": "color" } }, - "H3": { - "black": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-0", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.110}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h7}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "basic": { + "100": { + "value": "#ecedef", + "type": "color" }, - "extrabold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-1", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.110}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h7}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "200": { + "value": "#d4d6df", + "type": "color" }, - "bold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-2", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.110}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h7}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "300": { + "value": "#bbbec9", + "type": "color" }, - "semibold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-3", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.110}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h7}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "400": { + "value": "#b2b6c5", + "type": "color" }, - "medium": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-4", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.110}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h7}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "regular": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-5", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.110}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h7}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "500": { + "value": "#878c9e", + "type": "color" }, - "light": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-6", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.110}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h7}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "501": { + "value": "#686876", + "type": "color" }, - "extralight": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-7", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.110}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h7}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - } - }, - "H4": { - "black": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-0", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.120}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h6}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "600": { + "value": "#676c80", + "type": "color" }, - "extrabold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-1", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.120}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h6}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "700": { + "value": "#5d6175", + "type": "color" }, - "bold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-2", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.120}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h6}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "800": { + "value": "#444559", + "type": "color" }, - "semibold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-3", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.120}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h6}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "900": { + "value": "#00041d", + "type": "color" }, - "medium": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-4", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.120}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h6}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "1000": { + "value": "#1c1a1f", + "type": "color" }, - "regular": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-5", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.120}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h6}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "WHITE": { + "value": "#ffffff", + "type": "color" }, - "light": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-6", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.120}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h6}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "BLACK": { + "value": "#000000", + "type": "color" }, - "extralight": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-7", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.120}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h6}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "gray-soft": { + "value": "#ebebeb", + "type": "color" } }, - "H5": { - "black": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-0", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.130}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h5}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "library-styles": { + "bg": { + "value": "#14141c", + "type": "color" + } + }, + "green": { + "100": { + "value": "#c0fbe5", + "type": "color" }, - "extrabold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-1", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.130}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h5}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "200": { + "value": "#adffe0", + "type": "color" }, - "bold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-2", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.130}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h5}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "300": { + "value": "#9fffdb", + "type": "color" }, - "semibold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-3", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.130}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h5}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "400": { + "value": "#71f8c5", + "type": "color" }, - "medium": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-4", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.130}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h5}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "500": { + "value": "#4bffbb", + "type": "color" }, - "regular": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-5", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.130}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h5}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "600": { + "value": "#30ffb1", + "type": "color" }, - "light": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-6", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.130}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h5}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" + "700": { + "value": "#00ffa0", + "type": "color" + }, + "100 (Alpha)": { + "value": "#00ee951a", + "type": "color", + "description": "Translucent equivalent of green/100 placed against #FFFFFF" + }, + "200 (Alpha)": { + "value": "#07ffa154", + "type": "color", + "description": "Translucent equivalent of green/200 placed against #FFFFFF" + }, + "300 (Alpha)": { + "value": "#02ffa061", + "type": "color", + "description": "Translucent equivalent of green/300 placed against #FFFFFF" + }, + "400 (Alpha)": { + "value": "#01f3978f", + "type": "color", + "description": "Translucent equivalent of green/400 placed against #FFFFFF" + }, + "500 (Alpha)": { + "value": "#01ff9fb5", + "type": "color", + "description": "Translucent equivalent of green/500 placed against #FFFFFF" + }, + "600 (Alpha)": { + "value": "#03ffa0d1", + "type": "color", + "description": "Translucent equivalent of green/600 placed against #FFFFFF" + }, + "700 (Alpha)": { + "value": "#00ffa0", + "type": "color", + "description": "Translucent equivalent of green/700 placed against #FFFFFF" + }, + "new": { + "value": "#009f79", + "type": "color" + } + }, + "low": { + "value": "100%", + "type": "lineHeights" + }, + "ultraBig": { + "value": "78", + "type": "fontSizes" + }, + "headlines": { + "H1": { + "value": { + "fontFamily": "{fontFamilies.Primary-Font}", + "fontWeight": "", + "lineHeight": "{lineHeights.100}", + "fontSize": "{headlineSize.h1}", + "paragraphSpacing": "", + "letterSpacing": "0", + "textDecoration": "", + "textCase": "" }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "type": "typography" }, - "extralight": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" + "H2": { + "value": { + "fontFamily": "{fontFamilies.Primary-Font}", + "fontWeight": "", + "lineHeight": "{lineHeights.100}", + "fontSize": "{headlineSize.h2}", + "paragraphSpacing": "", + "letterSpacing": "0", + "textDecoration": "", + "textCase": "" }, - "fontWeight": { - "value": "$fontWeights.roboto-7", - "type": "fontWeight" + "type": "typography" + }, + "H3": { + "value": { + "fontFamily": "{fontFamilies.Primary-Font}", + "fontWeight": "", + "lineHeight": "{lineHeights.100}", + "fontSize": "{headlineSize.h3}", + "paragraphSpacing": "", + "letterSpacing": "0", + "textDecoration": "", + "textCase": "" }, - "lineHeight": { - "value": "{lineHeights.130}", - "type": "lineHeight" + "type": "typography" + }, + "H4": { + "value": { + "fontFamily": "{fontFamilies.Primary-Font}", + "fontWeight": "", + "lineHeight": "{lineHeights.100}", + "fontSize": "{headlineSize.h4}", + "paragraphSpacing": "", + "letterSpacing": "0", + "textDecoration": "", + "textCase": "" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h5}" + "type": "typography" + }, + "H5": { + "value": { + "fontFamily": "{fontFamilies.Primary-Font}", + "fontWeight": "", + "lineHeight": "{lineHeights.130}", + "fontSize": "{headlineSize.h5}", + "paragraphSpacing": "", + "letterSpacing": "0", + "textDecoration": "", + "textCase": "" }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" + "type": "typography" + }, + "H6": { + "value": { + "fontFamily": "{fontFamilies.Primary-Font}", + "fontWeight": "", + "lineHeight": "{lineHeights.130}", + "fontSize": "{headlineSize.h6}", + "paragraphSpacing": "", + "letterSpacing": "", + "textDecoration": "", + "textCase": "" }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" + "type": "typography" + }, + "H7": { + "value": { + "fontFamily": "{fontFamilies.Primary-Font}", + "fontWeight": "", + "lineHeight": "{lineHeights.130}", + "fontSize": "{headlineSize.h7}", + "paragraphSpacing": "", + "letterSpacing": "", + "textDecoration": "", + "textCase": "" }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "type": "typography" } }, - "H6": { - "black": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-0", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.140}", - "type": "lineHeight" - }, - "fontSize": { - "value": "{roundTo({fontSize.3}*{fontSize.scale}, 0)}", - "type": "fontSize" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "paragraphSize": { + "base": { + "value": "18", + "type": "fontSizes" }, - "extrabold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-1", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.140}", - "type": "lineHeight" - }, - "fontSize": { - "value": "{roundTo({fontSize.3}*{fontSize.scale}, 0)}", - "type": "fontSize" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "scale": { + "value": "0.9", + "type": "fontSizes" }, - "bold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-2", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.140}", - "type": "lineHeight" - }, - "fontSize": { - "value": "{roundTo({fontSize.3}*{fontSize.scale}, 0)}", - "type": "fontSize" + "p1": { + "value": "18", + "type": "fontSizes" + }, + "p2": { + "value": "roundTo({paragraphSize.p1}*{paragraphSize.scale}, 0)", + "type": "fontSizes" + }, + "p3": { + "value": "roundTo({paragraphSize.p2}*{paragraphSize.scale}, 0)", + "type": "fontSizes" + }, + "p4": { + "value": "roundTo({paragraphSize.p3}*{paragraphSize.scale}, 0)", + "type": "fontSizes" + }, + "p5": { + "value": "roundTo({paragraphSize.p4}*{paragraphSize.scale}, 0)", + "type": "fontSizes" + }, + "p6": { + "value": "roundTo({paragraphSize.p5}*{paragraphSize.scale}, 0)", + "type": "fontSizes" + } + }, + "paragraphs": { + "p1": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.130}", + "fontSize": "{paragraphSize.p1}" }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" + "type": "typography" + }, + "p2-caps": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.bold}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p2}", + "textCase": "{textCase.uppercase}" }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" + "type": "typography" + }, + "p4": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.150}", + "fontSize": "{paragraphSize.p4}" }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "type": "typography" }, - "semibold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" + "p6-caps": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p6}", + "textCase": "{textCase.uppercase}" }, - "fontWeight": { - "value": "$fontWeights.roboto-3", - "type": "fontWeight" + "type": "typography" + }, + "p5-regular": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "Regular", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p5}" }, - "lineHeight": { - "value": "{lineHeights.140}", - "type": "lineHeight" + "type": "typography" + } + }, + "mediumType": { + "p1": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.130}", + "fontSize": "{paragraphSize.p1}" }, - "fontSize": { - "value": "{roundTo({fontSize.3}*{fontSize.scale}, 0)}", - "type": "fontSize" + "type": "typography" + }, + "p2": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p2}", + "textCase": "" }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" + "type": "typography" + }, + "p2-caps": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p2}", + "textCase": "{textCase.uppercase}" }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" + "type": "typography" + }, + "p3": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p3}" }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" + "type": "typography", + "regular": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "Regular", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p3}" + }, + "type": "typography" } }, - "medium": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-4", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.140}", - "type": "lineHeight" - }, - "fontSize": { - "value": "{roundTo({fontSize.3}*{fontSize.scale}, 0)}", - "type": "fontSize" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" + "p3-caps": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p3}", + "textCase": "{textCase.uppercase}" }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" + "type": "typography", + "regular": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "Regular", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p3}" + }, + "type": "typography" } }, - "regular": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-5", - "type": "fontWeight" + "p4": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p4}", + "textCase": "{textCase.none}" }, - "lineHeight": { - "value": "{lineHeights.140}", - "type": "lineHeight" + "type": "typography" + }, + "p4-caps": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p4}", + "textCase": "{textCase.uppercase}" }, - "fontSize": { - "value": "{roundTo({fontSize.3}*{fontSize.scale}, 0)}", - "type": "fontSize" + "type": "typography" + }, + "p5": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.120}", + "fontSize": "{paragraphSize.p5}" }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" + "type": "typography" + }, + "p5-caps": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p5}", + "textCase": "{textCase.uppercase}" }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" + "type": "typography" + }, + "p6": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p6}" }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "type": "typography" }, - "light": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-6", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.140}", - "type": "lineHeight" + "p6-caps": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p6}", + "textCase": "{textCase.uppercase}" }, - "fontSize": { - "value": "{roundTo({fontSize.3}*{fontSize.scale}, 0)}", - "type": "fontSize" + "type": "typography" + } + }, + "boldType": { + "p1": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.bold}", + "lineHeight": "{lineHeights.130}", + "fontSize": "{paragraphSize.p1}" }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" + "type": "typography" + }, + "p2": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.bold}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p2}", + "textCase": "" }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" + "type": "typography" + }, + "p3": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.bold}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p3}" }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" + "type": "typography", + "regular": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "Regular", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p3}" + }, + "type": "typography" } }, - "extralight": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-7", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.140}", - "type": "lineHeight" - }, - "fontSize": { - "value": "{roundTo({fontSize.3}*{fontSize.scale}, 0)}", - "type": "fontSize" + "p4": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.bold}", + "lineHeight": "{lineHeights.120}", + "fontSize": "{paragraphSize.p4}" }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" + "type": "typography" + }, + "p5": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.bold}", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p5}" }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" + "type": "typography" + }, + "p6": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.bold}", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p6}" }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "type": "typography" } }, - "p1": { - "black": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-0", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.150}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h3}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" + "regularType": { + "p1": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.regular}", + "lineHeight": "{lineHeights.130}", + "fontSize": "{paragraphSize.p1}" }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "type": "typography" }, - "extrabold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-1", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.150}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h3}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" + "p2": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.regular}", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p2}", + "textCase": "" }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "type": "typography" }, - "bold": { - "fontFamily": { - "value": "{fontFamilies.Secondary}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.satoshi-8", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.150}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h3}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" + "p3": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.regular}", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p3}" }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" + "type": "typography", + "regular": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "Regular", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p3}" + }, + "type": "typography" } }, - "semibold": { - "fontFamily": { - "value": "{fontFamilies.Jura-2}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.satoshi-variable-9", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.150}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h3}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" + "p4": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.regular}", + "lineHeight": "{lineHeights.130}", + "fontSize": "{paragraphSize.p4}" }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "type": "typography" }, - "medium": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-4", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.150}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h3}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" + "p5": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.regular}", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p5}" }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" + "type": "typography", + "regular": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "Regular", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p3}" + }, + "type": "typography" } }, - "regular": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-5", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.150}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h3}" + "p6": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.regular}", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p6}" }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" + "type": "typography" + } + }, + "lowLine-height": { + "p4": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.120}", + "fontSize": "{paragraphSize.p4}" }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" + "type": "typography" + } + }, + "links&buttons": { + "tabs": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.bold}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p5}", + "textCase": "{textCase.uppercase}" }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "type": "typography" }, - "light": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-6", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.150}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h3}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "extralight": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-7", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.150}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h3}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" + "Medium": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.bold}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p4}", + "textCase": "{textCase.uppercase}" }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "type": "typography" } }, - "p2": { - "black": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-0", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.7", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h2}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "extrabold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-1", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.7", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h2}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "paragraphWeight": { + "Bold": { + "value": "Bold", + "type": "other" }, "bold": { - "fontFamily": { - "value": "{fontFamilies.Secondary}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.satoshi-8", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.7", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h2}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "semibold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-3", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.7", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h2}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "value": "Bold", + "type": "fontWeights" }, "medium": { - "fontFamily": { - "value": "{fontFamilies.Jura-2}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.satoshi-variable-9", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.7", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h2}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "value": "Medium", + "type": "fontWeights" }, "regular": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-5", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.7", - "type": "lineHeight" + "value": "Regular", + "type": "fontWeights" + } + }, + "primaryButton": { + "Medium": { + "value": { + "paddingTop": "12", + "paddingBottom": "12", + "paddingRight": "20", + "paddingLeft": "20", + "borderRadius": "{mobile.primary-rounding}" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h2}" + "type": "composition" + } + }, + "secondaryButton": { + "Medium": { + "value": { + "paddingTop": "9", + "paddingBottom": "9", + "paddingRight": "12", + "paddingLeft": "12", + "borderRadius": "{mobile.primary-rounding}", + "borderWidth": "1" }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" + "type": "composition" + } + }, + "borderShadow": { + "Main-box": { + "value": "4,0,4,0", + "type": "borderWidth" + } + }, + "dropdownStyle": { + "AssetActions": { + "value": { + "border": "{primary.bright-blue.300}", + "borderWidth": "1", + "horizontalPadding": "0", + "fill": "{primary.Alpha_0.35}", + "borderRadius": "{dropdowns}" }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" + "type": "composition" + } + }, + "boxStyle": { + "Main-content-mobile": { + "value": { + "borderRadius": "0", + "fill": "{primary.dark-blue.700}", + "border": "{gradient.stroke-gradient}", + "borderWidth": "1", + "boxShadow": "{sharpShadow.MainContentBox-v2}" }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "type": "composition" }, - "light": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-6", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.7", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h2}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" + "Main-content": { + "value": { + "borderRadius": "{main-content-box}", + "fill": "0", + "border": "{primary.dark-blue.700}", + "borderWidth": "1", + "boxShadow": "0" }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "type": "composition" }, - "extralight": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-7", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.7", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h2}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" + "chart": { + "value": { + "borderRadius": "0", + "fill": "{primary.dark-blue.500}", + "border": "0", + "borderWidth": "0", + "boxShadow": "{sharpShadow.MainContentBox}" }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" + "type": "composition" + }, + "ClickableTiles": { + "value": { + "borderRadius": "{internal-roundings}", + "fill": "{primary.dark-blue.401}", + "borderWidth": "0" }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "type": "composition" } }, - "p3": { - "black": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-0", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.8", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h1}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "extrabold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-1", - "type": "fontWeight" + "input": { + "Base": { + "value": { + "fill": "{primary.Alpha_0.06}", + "borderRadius": "{internal-roundings}", + "fontFamilies": "{fontFamilies.Secondary}", + "borderWidthBottom": "1", + "borderWidthTop": "0", + "borderWidthRight": "0", + "borderWidthLeft": "0", + "typography": "{paragraphs.p4}", + "border": "{primary.dark-blue.400}" }, - "lineHeight": { - "value": "$lineHeights.8", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h1}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "type": "composition" + } + }, + "sharpShadow": { + "MainContentBox": { + "value": [ + { + "x": "3", + "y": "4", + "blur": "0", + "spread": "0", + "color": "rgba(102,181,255,0.19)", + "type": "dropShadow" + } + ], + "type": "boxShadow" }, - "bold": { - "fontFamily": { - "value": "{fontFamilies.Secondary}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.satoshi-8", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.8", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h1}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "MainContentBox-copy": { + "value": [ + { + "x": "4", + "y": "6", + "blur": "0", + "spread": "0", + "color": "rgba(102,181,255,0.19)", + "type": "dropShadow" + }, + { + "x": "0", + "y": "0", + "blur": "100", + "spread": "0", + "color": "rgba(84,155,194,0.12)", + "type": "dropShadow" + } + ], + "type": "boxShadow" }, - "semibold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-3", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.8", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h1}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "MainContentBox-v2": { + "value": [ + { + "x": "3", + "y": "3", + "blur": "0", + "spread": "0", + "color": "rgba(126,161,194,0.12)", + "type": "dropShadow" + } + ], + "type": "boxShadow" }, - "medium": { - "fontFamily": { - "value": "{fontFamilies.Secondary}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.satoshi-variable-9", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.8", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h1}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "Soft Box": { + "value": [ + { + "x": "0", + "y": "10", + "blur": "30", + "spread": "0", + "color": "rgba(91,144,172,0.12)", + "type": "dropShadow" + } + ], + "type": "boxShadow" }, - "regular": { - "fontFamily": { - "value": "{fontFamilies.Secondary}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.satoshi-11", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.8", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h1}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "InternalBoxes": { + "value": [ + { + "x": "4", + "y": "4", + "blur": "0", + "spread": "0", + "color": "rgba(102,181,255,0.19)", + "type": "dropShadow" + } + ], + "type": "boxShadow" }, - "light": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-6", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.8", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h1}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "InternalBoxes-secondary": { + "value": [ + { + "x": "4", + "y": "4", + "blur": "0", + "spread": "0", + "color": "{primary.pink.100 (Alpha)}", + "type": "dropShadow" + } + ], + "type": "boxShadow" }, - "extralight": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-7", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.8", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h1}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "InternalBoxes-dark": { + "value": [ + { + "x": "4", + "y": "4", + "blur": "0", + "spread": "0", + "color": "{primary.dark-blue.801}", + "type": "dropShadow" + } + ], + "type": "boxShadow" } }, - "p4": { - "black": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-0", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.9", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "icons": { + "Rectangle-frame": { + "value": "0", + "type": "borderRadius" + } + }, + "actions": { + "PopupActionButtons": { + "value": "4", + "type": "borderRadius" + } + }, + "red": { + "100": { + "value": "#fbc0c0", + "type": "color" }, - "extrabold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-1", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.9", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "200": { + "value": "#ffb0b0", + "type": "color" }, - "bold": { - "fontFamily": { - "value": "{fontFamilies.Secondary}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.satoshi-8", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.9", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "semibold": { - "fontFamily": { - "value": "{fontFamilies.Jura-2}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.satoshi-variable-9", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.9", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "medium": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-4", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.9", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "medium - 2%": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-4", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.9", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "regular": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-5", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.9", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "light": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-6", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.9", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "extralight": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-7", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.9", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - } - }, - "trade-screen": { - "medium": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-4", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.10", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h7}" - }, - "letterSpacing": { - "value": "$letterSpacing.4", - "type": "letterSpacing" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.uppercase", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "bold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-2", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.140}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h6}" - }, - "letterSpacing": { - "value": "$letterSpacing.2", - "type": "letterSpacing" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - } - }, - "textCase": { - "none": { - "value": "none", - "type": "textCase" - }, - "uppercase": { - "value": "uppercase", - "type": "textCase" - } - }, - "textDecoration": { - "none": { - "value": "none", - "type": "textDecoration" - } - }, - "base_text_button": { - "value": "6px", - "type": "spacing" - }, - "main-content-box": { - "value": "0", - "type": "borderRadius", - "description": "Defines the corner style of main content box" - }, - "primary-rounding": { - "value": "0", - "type": "borderRadius" - }, - "dropdowns": { - "value": "0", - "type": "borderRadius" - }, - "buttons": { - "value": "0", - "type": "borderRadius" - }, - "gradient": { - "darkblue-pink": { - "value": "linear-gradient(90deg, #0a1fa7 0%, #fc408c 100%)", - "type": "color" - }, - "pink": { - "value": "linear-gradient(90deg, #fc408c 0%, #15161c 100%)", - "type": "color" - }, - "lightblue": { - "value": "linear-gradient(90deg, #57b3eb 0%, #15161c 100%)", - "type": "color" - }, - "darkblue": { - "value": "linear-gradient(90deg, #0a1fa7 0%, #15161c 100%)", - "type": "color" - }, - "darkblue-light": { - "value": "linear-gradient(90deg, #0a1fa7 0%, #57b3eb 100%)", - "type": "color" - }, - "pink-lightblue": { - "value": "linear-gradient(90deg, #fc408c 0%, #57b3eb 100%)", - "type": "color" - }, - "pink-lightpink": { - "value": "linear-gradient(90deg, #fc408c 0%, #efb0ff 100%)", - "type": "color" - }, - "main": { - "value": "linear-gradient(0deg, #0a061a 7.91%, #200e28 42.33%, #85356e 100%)", - "type": "color" - }, - "vertical-darkblue": { - "value": "linear-gradient(180deg, #00569e 0%, #023b6a 15.34%, #00041d 54.17%)", - "type": "color" - } - }, - "basic": { - "100": { - "value": "#ecedef", - "type": "color" - }, - "200": { - "value": "#d4d6df", - "type": "color" - }, - "300": { - "value": "#bbbec9", - "type": "color" + "300": { + "value": "#ff9e9e", + "type": "color" }, "400": { - "value": "#b2b6c5", + "value": "#f87171", "type": "color" }, "500": { - "value": "#878c9e", - "type": "color" - }, - "501": { - "value": "#686876", + "value": "#ff4b4b", "type": "color" }, "600": { - "value": "#676c80", + "value": "#f11313", "type": "color" }, "700": { - "value": "#5d6175", + "value": "#ff0000", "type": "color" }, - "900": { - "value": "#00041d", - "type": "color" + "aplha-100": { + "value": "#ef030340", + "type": "color", + "description": "Translucent equivalent of red/100 placed against #FFFFFF" }, - "1000": { - "value": "#1c1a1f", - "type": "color" + "aplha-200": { + "value": "#ff00004f", + "type": "color", + "description": "Translucent equivalent of red/200 placed against #FFFFFF" }, - "BLACK": { - "value": "#000000", - "type": "color" - }, - "WHITE": { - "value": "#ffffff", - "type": "color" - }, - "gray-soft": { - "value": "#ebebeb", - "type": "color" - } - }, - "library-styles": { - "bg": { - "value": "#14141c", - "type": "color" - } - }, - "green": { - "100": { - "value": "#c0fbe5", - "type": "color" - }, - "200": { - "value": "#adffe0", - "type": "color" - }, - "300": { - "value": "#9fffdb", - "type": "color" - }, - "400": { - "value": "#71f8c5", - "type": "color" - }, - "500": { - "value": "#4bffbb", - "type": "color" - }, - "600": { - "value": "#30ffb1", - "type": "color" - }, - "700": { - "value": "#00ffa0", - "type": "color" - }, - "100 (Alpha)": { - "value": "#03ef9740", - "type": "color", - "description": "Translucent equivalent of green/100 placed against #FFFFFF" - }, - "200 (Alpha)": { - "value": "#07ffa154", - "type": "color", - "description": "Translucent equivalent of green/200 placed against #FFFFFF" - }, - "300 (Alpha)": { - "value": "#02ffa061", + "aplha-300": { + "value": "#ff060663", "type": "color", - "description": "Translucent equivalent of green/300 placed against #FFFFFF" + "description": "Translucent equivalent of red/300 placed against #FFFFFF" }, - "400 (Alpha)": { - "value": "#01f3978f", + "aplha-400": { + "value": "#f301018f", "type": "color", - "description": "Translucent equivalent of green/400 placed against #FFFFFF" + "description": "Translucent equivalent of red/400 placed against #FFFFFF" }, - "500 (Alpha)": { - "value": "#01ff9fb5", + "aplha-500": { + "value": "#ff0101b5", "type": "color", - "description": "Translucent equivalent of green/500 placed against #FFFFFF" + "description": "Translucent equivalent of red/500 placed against #FFFFFF" }, - "600 (Alpha)": { - "value": "#03ffa0d1", + "aplha-600": { + "value": "#f00101ed", "type": "color", - "description": "Translucent equivalent of green/600 placed against #FFFFFF" + "description": "Translucent equivalent of red/600 placed against #FFFFFF" }, - "700 (Alpha)": { - "value": "#00ffa0", + "aplha-700": { + "value": "#ff0000", "type": "color", - "description": "Translucent equivalent of green/700 placed against #FFFFFF" - } - }, - "low": { - "value": "100%", - "type": "lineHeights" - }, - "ultraBig": { - "value": "78", - "type": "fontSizes" - }, - "headlines": { - "H1": { - "value": { - "fontFamily": "{fontFamilies.Primary-Font}", - "fontWeight": "", - "lineHeight": "{lineHeights.100}", - "fontSize": "{headlineSize.h1}", - "paragraphSpacing": "", - "letterSpacing": "0", - "textDecoration": "", - "textCase": "" - }, - "type": "typography" - }, - "H2": { - "value": { - "fontFamily": "{fontFamilies.Primary-Font}", - "fontWeight": "", - "lineHeight": "{lineHeights.100}", - "fontSize": "{headlineSize.h2}", - "paragraphSpacing": "", - "letterSpacing": "0", - "textDecoration": "", - "textCase": "" - }, - "type": "typography" - }, - "H3": { - "value": { - "fontFamily": "{fontFamilies.Primary-Font}", - "fontWeight": "", - "lineHeight": "{lineHeights.100}", - "fontSize": "{headlineSize.h3}", - "paragraphSpacing": "", - "letterSpacing": "0", - "textDecoration": "", - "textCase": "" - }, - "type": "typography" - }, - "H4": { - "value": { - "fontFamily": "{fontFamilies.Primary-Font}", - "fontWeight": "", - "lineHeight": "{lineHeights.100}", - "fontSize": "{headlineSize.h4}", - "paragraphSpacing": "", - "letterSpacing": "0", - "textDecoration": "", - "textCase": "" - }, - "type": "typography" - }, - "H5": { - "value": { - "fontFamily": "{fontFamilies.Primary-Font}", - "fontWeight": "", - "lineHeight": "{lineHeights.100}", - "fontSize": "{headlineSize.h5}", - "paragraphSpacing": "", - "letterSpacing": "0", - "textDecoration": "", - "textCase": "" - }, - "type": "typography" - }, - "H6": { - "value": { - "fontFamily": "{fontFamilies.Primary-Font}", - "fontWeight": "", - "lineHeight": "{lineHeights.100}", - "fontSize": "{headlineSize.h6}", - "paragraphSpacing": "", - "letterSpacing": "", - "textDecoration": "", - "textCase": "" - }, - "type": "typography" + "description": "Translucent equivalent of red/700 placed against #FFFFFF" } }, - "paragraphSize": { - "base": { - "value": "18", - "type": "fontSizes" - }, - "scale": { - "value": "0.9", - "type": "fontSizes" - }, - "p1": { - "value": "18", - "type": "fontSizes" - }, - "p2": { - "value": "roundTo({paragraphSize.p1}*{paragraphSize.scale}, 0)", - "type": "fontSizes" - }, - "p3": { - "value": "roundTo({paragraphSize.p2}*{paragraphSize.scale}, 0)", - "type": "fontSizes" - }, - "p4": { - "value": "roundTo({paragraphSize.p3}*{paragraphSize.scale}, 0)", - "type": "fontSizes" + "sharpShadow-mobile": { + "MainContentBox": { + "value": [ + { + "x": "6", + "y": "6", + "blur": "0", + "spread": "0", + "color": "rgba(102,181,255,0.19)", + "type": "dropShadow" + }, + { + "x": "0", + "y": "0", + "blur": "100", + "spread": "0", + "color": "rgba(84,155,194,0.12)", + "type": "dropShadow" + } + ], + "type": "boxShadow" }, - "p5": { - "value": "roundTo({paragraphSize.p4}*{paragraphSize.scale}, 0)", - "type": "fontSizes" + "InternalBoxes": { + "value": [ + { + "x": "4", + "y": "4", + "blur": "0", + "spread": "0", + "color": "rgba(102,181,255,0.19)", + "type": "dropShadow" + } + ], + "type": "boxShadow" }, - "p6": { - "value": "roundTo({paragraphSize.p5}*{paragraphSize.scale}, 0)", - "type": "fontSizes" - } - }, - "paragraphs": { - "p1": { - "value": { - "fontFamily": "{fontFamilies.Secondary}", - "fontWeight": "Bold", - "lineHeight": "{lineHeights.100}", - "fontSize": "{paragraphSize.p1}" - }, - "type": "typography" + "InternalBoxes-secondary": { + "value": [ + { + "x": "4", + "y": "4", + "blur": "0", + "spread": "0", + "color": "{primary.pink.100 (Alpha)}", + "type": "dropShadow" + } + ], + "type": "boxShadow" }, - "p2": { - "value": { - "fontFamily": "{fontFamilies.Secondary}", - "fontWeight": "{paragraphWeight.medium}", - "lineHeight": "{lineHeights.100}", - "fontSize": "{paragraphSize.p2}" - }, - "type": "typography" - }, - "p3": { - "value": { - "fontFamily": "{fontFamilies.Secondary}", - "fontWeight": "{paragraphWeight.medium}", - "lineHeight": "{lineHeights.100}", - "fontSize": "{paragraphSize.p3}" - }, - "type": "typography" - }, - "p4": { - "value": { - "fontFamily": "{fontFamilies.Secondary}", - "fontWeight": "{paragraphWeight.medium}", - "lineHeight": "{lineHeights.100}", - "fontSize": "{paragraphSize.p4}" - }, - "type": "typography" - }, - "p4-caps": { - "value": { - "fontFamily": "{fontFamilies.Secondary}", - "fontWeight": "{paragraphWeight.bold}", - "lineHeight": "{lineHeights.100}", - "fontSize": "{paragraphSize.p4}", - "textCase": "{textCase.uppercase}" - }, - "type": "typography" - }, - "p5": { - "value": { - "fontFamily": "{fontFamilies.Secondary}", - "fontWeight": "{paragraphWeight.bold}", - "lineHeight": "{lineHeights.100}", - "fontSize": "{paragraphSize.p5}" - }, - "type": "typography" - } - }, - "paragraphWeight": { - "Bold": { - "value": "Bold", - "type": "other" - }, - "bold": { - "value": "Bold", - "type": "fontWeights" - }, - "medium": { - "value": "Medium", - "type": "fontWeights" - } - }, - "primaryButton": { - "Medium": { - "value": { - "paddingTop": "12", - "paddingBottom": "12", - "paddingRight": "20", - "paddingLeft": "20", - "borderRadius": "{primary-rounding}" - }, - "type": "composition" - } - }, - "secondaryButton": { - "Medium": { - "value": { - "paddingTop": "12", - "paddingBottom": "12", - "paddingRight": "20", - "paddingLeft": "20", - "borderRadius": "{primary-rounding}", - "typography": "{paragraphs.p4}" - }, - "type": "composition" - } - }, - "borderShadow": { - "Main-box": { - "value": "4,0,4,0", - "type": "borderWidth" - } - }, - "dropdownStyle": { - "AssetActions": { - "value": { - "border": "{primary.bright-blue.300}", - "borderWidth": "1", - "horizontalPadding": "0", - "fill": "{primary.Alpha_0.35}", - "borderRadius": "{dropdowns}" - }, - "type": "composition" - } - }, - "gradients": { - "green-graph": { - "value": "linear-gradient(180deg, #4fffb04f 0%, #4fffb000 100%)", - "type": "color" - }, - "orange-graph": { - "value": "linear-gradient(180deg, #fcae33 0%, #fcae3300 100%)", - "type": "color" - } - }, - "caps": { - "value": "uppercase", - "type": "textCase" - } - }, - "Basilisk_v2": { - "Red_Alpha_0": { - "3": { - "value": "#f43e5f4d", - "type": "color" - } - }, - "primary": { - "Alpha_0": { - "15": { - "value": "#4cd5f31f", - "type": "color" - }, - "20": { - "value": "rgba(37,203,255,0.2)", - "type": "color" - }, - "35": { - "value": "rgba(47,211,247,0.35)", - "type": "color" - }, - "06": { - "value": "#daffee0f", - "type": "color" - } - }, - "pink": { - "100": { - "value": "#ffbbd6", - "type": "color" - }, - "200": { - "value": "#fea6ca", - "type": "color" - }, - "300": { - "value": "#ff99c2", - "type": "color" - }, - "400": { - "value": "#ff8bba", - "type": "color" - }, - "500": { - "value": "#ff67a4", - "type": "color" - }, - "600": { - "value": "#fc408c", - "type": "color" - }, - "700": { - "value": "#f6297c", - "type": "color" - }, - "700 (Alpha)": { - "value": "#f40063d6", - "type": "color", - "description": "Translucent equivalent of primary/pink/700 placed against #FFFFFF" - }, - "600 (Alpha)": { - "value": "#fb0066bf", - "type": "color", - "description": "Translucent equivalent of primary/pink/600 placed against #FFFFFF" - }, - "500 (Alpha)": { - "value": "#ff026799", - "type": "color", - "description": "Translucent equivalent of primary/pink/500 placed against #FFFFFF" - }, - "400 (Alpha)": { - "value": "#ff036975", - "type": "color", - "description": "Translucent equivalent of primary/pink/400 placed against #FFFFFF" - }, - "300 (Alpha)": { - "value": "#ff006766", - "type": "color", - "description": "Translucent equivalent of primary/pink/300 placed against #FFFFFF" - }, - "200 (Alpha)": { - "value": "#fc016859", - "type": "color", - "description": "Translucent equivalent of primary/pink/200 placed against #FFFFFF" - }, - "100 (Alpha)": { - "value": "#ff036745", - "type": "color", - "description": "Translucent equivalent of primary/pink/100 placed against #FFFFFF" - } - }, - "vibrant-blue": { - "100": { - "value": "#7889ff", - "type": "color" - }, - "200": { - "value": "#5f73fe", - "type": "color" - }, - "300": { - "value": "#485ef8", - "type": "color" - }, - "400": { - "value": "#2b40c8", - "type": "color" - }, - "500": { - "value": "#152dc7", - "type": "color" - }, - "600": { - "value": "#0a1fa7", - "type": "color" - }, - "700": { - "value": "#031586", - "type": "color" - } - }, - "bright-blue": { - "100": { - "value": "#a6ddff", - "type": "color" - }, - "200": { - "value": "#9cddff", - "type": "color" - }, - "300": { - "value": "#85d1ff", - "type": "color" - }, - "400": { - "value": "#3192cd", - "type": "color" - }, - "500": { - "value": "#1a7ab4", - "type": "color" - }, - "600": { - "value": "#57b3eb", - "type": "color" - }, - "700": { - "value": "#009fff", - "type": "color" - }, - "700 (Alpha)": { - "value": "#009fff", - "type": "color", - "description": "Translucent equivalent of primary/bright-blue/700 placed against #FFFFFF" - }, - "600 (Alpha)": { - "value": "#008ce1a8", - "type": "color", - "description": "Translucent equivalent of primary/bright-blue/600 placed against #FFFFFF" - }, - "500 (Alpha)": { - "value": "#016bace6", - "type": "color", - "description": "Translucent equivalent of primary/bright-blue/500 placed against #FFFFFF" - }, - "400 (Alpha)": { - "value": "#0178c1cf", - "type": "color", - "description": "Translucent equivalent of primary/bright-blue/400 placed against #FFFFFF" - }, - "300 (Alpha)": { - "value": "#019fff7a", - "type": "color", - "description": "Translucent equivalent of primary/bright-blue/300 placed against #FFFFFF" - }, - "200 (Alpha)": { - "value": "#01a8ff63", - "type": "color", - "description": "Translucent equivalent of primary/bright-blue/200 placed against #FFFFFF" - }, - "100 (Alpha)": { - "value": "#019eff59", - "type": "color", - "description": "Translucent equivalent of primary/bright-blue/100 placed against #FFFFFF" - } - }, - "(500)": { - "value": "#009fff", - "type": "color" - }, - "(450)": { - "value": "#57b3eb", - "type": "color" - }, - "(400)": { - "value": "#3192cd", - "type": "color" - }, - "(300)": { - "value": "#85d1ff", - "type": "color" - }, - "(200)": { - "value": "#9cddff", - "type": "color" - }, - "(100)": { - "value": "#a6ddff", - "type": "color" - }, - "dark-blue": { - "100": { - "value": "#cccdd3", - "type": "color" - }, - "200": { - "value": "#999ba7", - "type": "color" - }, - "300": { - "value": "#66697c", - "type": "color" - }, - "400": { - "value": "#333750", - "type": "color" - }, - "500": { - "value": "#000524", - "type": "color" - }, - "600": { - "value": "#00041d", - "type": "color" - }, - "700": { - "value": "#000316", - "type": "color" - }, - "800": { - "value": "#00020e", - "type": "color" - }, - "900": { - "value": "#000107", - "type": "color" - }, - "900 (Alpha)": { - "value": "#000107", - "type": "color", - "description": "Translucent equivalent of dark-blue//900 placed against #FFFFFF" - }, - "desaturated-500": { - "value": "#191A23", - "type": "color" - } - } - }, - "secondary-blue": { - "100": { - "value": "#85D1FF", - "type": "color" - }, - "200": { - "value": "#009FFF", - "type": "color" - }, - "300": { - "value": "#031586", - "type": "color" - }, - "400": { - "value": "#152DC7", - "type": "color" - }, - "500": { - "value": "#485EF8", - "type": "color" - }, - "": { - "value": "#1A7AB4", - "type": "color" - } - }, - "warning-yellow": { - "100": { - "value": "#f5f0de", - "type": "color" - }, - "200": { - "value": "#f4e7b0", - "type": "color" - }, - "300": { - "value": "#f0da73", - "type": "color" - }, - "400": { - "value": "#f7bf06", - "type": "color" - }, - "500": { - "value": "#e5b30b", - "type": "color" - } - }, - "warning-orange": { - "100": { - "value": "#ffe2c3", - "type": "color" - }, - "200": { - "value": "#fbcd9c", - "type": "color" - }, - "300": { - "value": "#f5a855", - "type": "color" - }, - "400": { - "value": "#ff931e", - "type": "color" - }, - "500": { - "value": "#e18521", - "type": "color" - }, - "(450)": { - "value": "#f38d1d", - "type": "color" - } - }, - "alarm-pink": { - "100": { - "value": "#fbe3ec", - "type": "color" - }, - "200": { - "value": "#fcc9dc", - "type": "color" - }, - "300": { - "value": "#ffa6c7", - "type": "color" - }, - "400": { - "value": "#ff7bac", - "type": "color" - }, - "500": { - "value": "#d87398", - "type": "color" - } - }, - "alarm-red": { - "100": { - "value": "#ffd7d7", - "type": "color" - }, - "200": { - "value": "#ffaeae", - "type": "color" - }, - "300": { - "value": "#ff8a8a", - "type": "color" - }, - "400": { - "value": "#ff6868", - "type": "color" - }, - "500": { - "value": "#da5d5d", - "type": "color" - } - }, - "gradients-old": { - "green-graph": { - "value": "linear-gradient(180deg, #4fffb04f 0%, #4fffb000 100%)", - "type": "color" - }, - "orange-graph": { - "value": "linear-gradient(180deg, #fcae33 0%, #fcae3300 100%)", - "type": "color" - }, - "red-graph": { - "value": "linear-gradient(180deg, #ff6868 0%, #ff686800 100%)", - "type": "color" - }, - "primary": { - "value": "linear-gradient(90deg, #4FFFB0 0%, #B3FF8F 50%, #FF984E 100%)", - "type": "color" - }, - "bg-dark": { - "value": "linear-gradient(180deg, #1c2527 0%, #14161a 80.73%, #121316 100%)", - "type": "color" - } - }, - "Flowkit": { - "Purple": { - "value": "#7b61ff", - "type": "color" - }, - "Charcoal": { - "value": "#222222", - "type": "color" - }, - "Red": { - "value": "#fc5555", - "type": "color" - }, - "Green": { - "value": "#29cc6a", - "type": "color" - }, - "Blue": { - "value": "#0099ff", - "type": "color" - }, - "White": { - "value": "#ffffff", - "type": "color" - } - }, - "base": { - "white_alpha_0": { - "5": { - "value": "#ffffffb3", - "type": "color" - } - } - }, - "alpha-white": { - "A_0": { - "12": { - "value": "#ffffff1f", - "type": "color" - }, - "20": { - "value": "rgba(255,255,255,0.2)", - "type": "color" - }, - "05": { - "value": "#ffffff0f", - "type": "color" - }, - "05-copy": { - "value": "rgba(255,255,255,0.03)", - "type": "color" - } - } - }, - "fontFamilies": { - "Pexico": { - "value": "fontFamilies.Pexico", - "type": "fontFamilies" - }, - "Secondary": { - "value": "Chakra Petch", - "type": "fontFamilies" - }, - "Primary-Font": { - "value": "Font Over", - "type": "fontFamilies" - }, - "satoshi-variable": { - "value": "Satoshi Variable", - "type": "fontFamilies" - } - }, - "lineHeights": { - "100": { - "value": "100%", - "type": "lineHeights" - }, - "110": { - "value": "110%", - "type": "lineHeights" - }, - "120": { - "value": "120%", - "type": "lineHeights" - }, - "130": { - "value": "130%", - "type": "lineHeights" - }, - "140": { - "value": "140%", - "type": "lineHeights" - }, - "150": { - "value": "150%", - "type": "lineHeights" - } - }, - "fontWeights": { - "roboto-0": { - "value": "Black", - "type": "fontWeights" - }, - "roboto-1": { - "value": "ExtraBold", - "type": "fontWeights" - }, - "roboto-2": { - "value": "Bold", - "type": "fontWeights" - }, - "roboto-3": { - "value": "SemiBold", - "type": "fontWeights" - }, - "roboto-4": { - "value": "Medium", - "type": "fontWeights" - }, - "roboto-5": { - "value": "Regular", - "type": "fontWeights" - }, - "roboto-6": { - "value": "Light", - "type": "fontWeights" - }, - "roboto-7": { - "value": "ExtraLight", - "type": "fontWeights" - }, - "satoshi-8": { - "value": "Bold", - "type": "fontWeights" - }, - "satoshi-variable-9": { - "value": "Medium", - "type": "fontWeights" - }, - "satoshi-10": { - "value": "Medium", - "type": "fontWeights" - }, - "satoshi-11": { - "value": "Regular", - "type": "fontWeights" - } - }, - "headlineSize": { - "h1": { - "value": "roundTo({headlineSize.h2}*{headlineSize.scale}, 0)", - "type": "fontSizes" - }, - "h2": { - "value": "roundTo({headlineSize.h3}*{headlineSize.scale}, 0)", - "type": "fontSizes" - }, - "h3": { - "value": "roundTo({headlineSize.h4}*{headlineSize.scale}, 0)", - "type": "fontSizes" - }, - "h4": { - "value": "roundTo({headlineSize.h5}*{headlineSize.scale}, 0)", - "type": "fontSizes" - }, - "h5": { - "value": "roundTo({headlineSize.h6}*{headlineSize.scale}, 0)", - "type": "fontSizes" - }, - "h6": { - "value": "roundTo({headlineSize.h7}*{headlineSize.scale}, 0)", - "type": "fontSizes" - }, - "h7": { - "value": "{headlineSize.base}*{headlineSize.scale}", - "type": "fontSizes" - }, - "scale": { - "value": "1.25", - "type": "fontSizes" - }, - "base": { - "value": "12", - "type": "fontSizes" - } - }, - "letterSpacing": { - "0": { - "value": "0", - "type": "letterSpacing" - }, - "1": { - "value": "1%", - "type": "letterSpacing" - }, - "2": { - "value": "-2%", - "type": "letterSpacing" - }, - "3": { - "value": "10%", - "type": "letterSpacing" - }, - "4": { - "value": "0%", - "type": "letterSpacing" - }, - "5": { - "value": "2%", - "type": "letterSpacing" - } - }, - "paragraphSpacing": { - "0": { - "value": "0", - "type": "paragraphSpacing" - } - }, - "H1": { - "black": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-0", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.100}", - "type": "lineHeight" - }, - "fontSize": { - "value": "$fontSize.9", - "type": "fontSize" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "extrabold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-1", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.100}", - "type": "lineHeight" - }, - "fontSize": { - "value": "$fontSize.9", - "type": "fontSize" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "bold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-2", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.100}", - "type": "lineHeight" - }, - "fontSize": { - "value": "$fontSize.9", - "type": "fontSize" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "semibold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-3", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.100}", - "type": "lineHeight" - }, - "fontSize": { - "value": "$fontSize.9", - "type": "fontSize" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "medium": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-4", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.100}", - "type": "lineHeight" - }, - "fontSize": { - "value": "$fontSize.9", - "type": "fontSize" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "regular": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-5", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.100}", - "type": "lineHeight" - }, - "fontSize": { - "value": "$fontSize.9", - "type": "fontSize" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "light": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-6", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.100}", - "type": "lineHeight" - }, - "fontSize": { - "value": "$fontSize.9", - "type": "fontSize" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "extralight": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-7", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.100}", - "type": "lineHeight" - }, - "fontSize": { - "value": "$fontSize.9", - "type": "fontSize" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - } - }, - "H2": { - "black": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-0", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.1", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h8}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "extrabold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-1", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.1", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h8}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "bold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-2", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.1", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h8}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "semibold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-3", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.1", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h8}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "medium": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-4", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.1", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h8}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "regular": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-5", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.1", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h8}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "light": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-6", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.1", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h8}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "extralight": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-7", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.1", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h8}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - } - }, - "H3": { - "black": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-0", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.110}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h7}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "extrabold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-1", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.110}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h7}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "bold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-2", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.110}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h7}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "semibold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-3", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.110}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h7}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "medium": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-4", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.110}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h7}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "regular": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-5", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.110}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h7}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "light": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-6", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.110}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h7}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "extralight": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-7", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.110}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h7}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - } - }, - "H4": { - "black": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-0", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.120}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h6}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "extrabold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-1", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.120}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h6}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "bold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-2", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.120}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h6}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "semibold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-3", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.120}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h6}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "medium": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-4", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.120}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h6}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "regular": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-5", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.120}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h6}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "light": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-6", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.120}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h6}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "extralight": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-7", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.120}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h6}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - } - }, - "H5": { - "black": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-0", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.130}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h5}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "extrabold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-1", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.130}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h5}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "bold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-2", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.130}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h5}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "semibold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-3", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.130}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h5}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "medium": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-4", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.130}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h5}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "regular": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-5", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.130}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h5}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "light": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-6", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.130}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h5}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "extralight": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-7", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.130}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h5}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - } - }, - "H6": { - "black": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-0", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.140}", - "type": "lineHeight" - }, - "fontSize": { - "value": "{roundTo({fontSize.3}*{fontSize.scale}, 0)}", - "type": "fontSize" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "extrabold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-1", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.140}", - "type": "lineHeight" - }, - "fontSize": { - "value": "{roundTo({fontSize.3}*{fontSize.scale}, 0)}", - "type": "fontSize" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "bold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-2", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.140}", - "type": "lineHeight" - }, - "fontSize": { - "value": "{roundTo({fontSize.3}*{fontSize.scale}, 0)}", - "type": "fontSize" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "semibold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-3", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.140}", - "type": "lineHeight" - }, - "fontSize": { - "value": "{roundTo({fontSize.3}*{fontSize.scale}, 0)}", - "type": "fontSize" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "medium": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-4", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.140}", - "type": "lineHeight" - }, - "fontSize": { - "value": "{roundTo({fontSize.3}*{fontSize.scale}, 0)}", - "type": "fontSize" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "regular": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-5", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.140}", - "type": "lineHeight" - }, - "fontSize": { - "value": "{roundTo({fontSize.3}*{fontSize.scale}, 0)}", - "type": "fontSize" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "light": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-6", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.140}", - "type": "lineHeight" - }, - "fontSize": { - "value": "{roundTo({fontSize.3}*{fontSize.scale}, 0)}", - "type": "fontSize" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "extralight": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-7", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.140}", - "type": "lineHeight" - }, - "fontSize": { - "value": "{roundTo({fontSize.3}*{fontSize.scale}, 0)}", - "type": "fontSize" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - } - }, - "p1": { - "black": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-0", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.150}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h3}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "extrabold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-1", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.150}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h3}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "bold": { - "fontFamily": { - "value": "{fontFamilies.Secondary}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.satoshi-8", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.150}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h3}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "semibold": { - "fontFamily": { - "value": "{fontFamilies.Jura-2}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.satoshi-variable-9", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.150}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h3}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "medium": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-4", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.150}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h3}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "regular": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-5", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.150}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h3}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "light": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-6", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.150}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h3}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "extralight": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-7", - "type": "fontWeight" - }, - "lineHeight": { - "value": "{lineHeights.150}", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h3}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - } - }, - "p2": { - "black": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-0", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.7", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h2}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "extrabold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-1", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.7", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h2}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "bold": { - "fontFamily": { - "value": "{fontFamilies.Secondary}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.satoshi-8", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.7", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h2}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "semibold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-3", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.7", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h2}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "medium": { - "fontFamily": { - "value": "{fontFamilies.Jura-2}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.satoshi-variable-9", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.7", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h2}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "regular": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-5", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.7", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h2}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "light": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-6", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.7", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h2}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "extralight": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-7", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.7", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h2}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "InternalBoxes-dark": { + "value": [ + { + "x": "4", + "y": "4", + "blur": "0", + "spread": "0", + "color": "{primary.dark-blue.801}", + "type": "dropShadow" + } + ], + "type": "boxShadow" } }, - "p3": { - "black": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-0", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.8", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h1}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" + "landing": { + "Primary": { + "value": "Hubot-Sans", + "type": "fontFamilies" + } + }, + "sections": { + "Mobile": { + "value": { + "paddingTop": "50", + "paddingBottom": "50" }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "type": "composition" }, - "extrabold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" + "Mobile-ending": { + "value": { + "paddingTop": "50", + "paddingBottom": "90" }, - "fontWeight": { - "value": "$fontWeights.roboto-1", - "type": "fontWeight" + "type": "composition" + } + }, + "gradients-old": { + "green-graph": { + "value": "linear-gradient(180deg, #4fffb04f 0%, #4fffb000 100%)", + "type": "color" + }, + "orange-graph": { + "value": "linear-gradient(180deg, #fcae33 0%, #fcae3300 100%)", + "type": "color" + }, + "red-graph": { + "value": "linear-gradient(180deg, #ff6868 0%, #ff686800 100%)", + "type": "color" + }, + "primary": { + "value": "linear-gradient(90deg, #4fffb0 0%, #b3ff8f 50%, #ff984e 100%)", + "type": "color" + }, + "bg-dark": { + "value": "linear-gradient(180deg, #1c2527 0%, #14161a 80.73%, #121316 100%)", + "type": "color" + } + }, + "gradients": { + "green-graph": { + "value": "linear-gradient(180deg, #4fffb04f 0%, #4fffb000 100%)", + "type": "color" + }, + "orange-graph": { + "value": "linear-gradient(180deg, #fcae33 0%, #fcae3300 100%)", + "type": "color" + } + } + }, + "Hydra-landing": { + "Red_Alpha_0": { + "3": { + "value": "#f43e5f4d", + "type": "color" + } + }, + "primary": { + "Alpha_0": { + "15": { + "value": "#4cd5f31f", + "type": "color" }, - "lineHeight": { - "value": "$lineHeights.8", - "type": "lineHeight" + "20": { + "value": "rgba(37,203,255,0.2)", + "type": "color" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h1}" + "35": { + "value": "rgba(47,211,247,0.35)", + "type": "color" }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" + "06": { + "value": "rgba(158,167,186,0.06)", + "type": "color" }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" + "15-blue": { + "value": "rgba(84,99,128,0.35)", + "type": "color" }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" + "6-blueish": { + "value": "rgba(114,131,165,0.6)", + "type": "color" } }, - "bold": { - "fontFamily": { - "value": "{fontFamilies.Secondary}", - "type": "fontFamily" + "pink": { + "100": { + "value": "#ffbbd6", + "type": "color" }, - "fontWeight": { - "value": "$fontWeights.satoshi-8", - "type": "fontWeight" + "200": { + "value": "#fea6ca", + "type": "color" }, - "lineHeight": { - "value": "$lineHeights.8", - "type": "lineHeight" + "300": { + "value": "#ff99c2", + "type": "color" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h1}" + "400": { + "value": "#ff8bba", + "type": "color" }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" + "500": { + "value": "#ff67a4", + "type": "color" }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" + "600": { + "value": "#fc408c", + "type": "color" }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "semibold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" + "700": { + "value": "#f6297c", + "type": "color" }, - "fontWeight": { - "value": "$fontWeights.roboto-3", - "type": "fontWeight" + "700 (Alpha)": { + "value": "#f40063d6", + "type": "color", + "description": "Translucent equivalent of primary/pink/700 placed against #FFFFFF" }, - "lineHeight": { - "value": "$lineHeights.8", - "type": "lineHeight" + "600 (Alpha)": { + "value": "#fb0066bf", + "type": "color", + "description": "Translucent equivalent of primary/pink/600 placed against #FFFFFF" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h1}" + "500 (Alpha)": { + "value": "#ff026799", + "type": "color", + "description": "Translucent equivalent of primary/pink/500 placed against #FFFFFF" + }, + "400 (Alpha)": { + "value": "#ff036975", + "type": "color", + "description": "Translucent equivalent of primary/pink/400 placed against #FFFFFF" }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" + "300 (Alpha)": { + "value": "#ff006766", + "type": "color", + "description": "Translucent equivalent of primary/pink/300 placed against #FFFFFF" }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" + "200 (Alpha)": { + "value": "#fc016859", + "type": "color", + "description": "Translucent equivalent of primary/pink/200 placed against #FFFFFF" }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" + "100 (Alpha)": { + "value": "#ff036745", + "type": "color", + "description": "Translucent equivalent of primary/pink/100 placed against #FFFFFF" } }, - "medium": { - "fontFamily": { - "value": "{fontFamilies.Secondary}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.satoshi-variable-9", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.8", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h1}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" + "vibrant-blue": { + "100": { + "value": "#7889ff", + "type": "color" }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" + "200": { + "value": "#5f73fe", + "type": "color" }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "regular": { - "fontFamily": { - "value": "{fontFamilies.Secondary}", - "type": "fontFamily" + "300": { + "value": "#485ef8", + "type": "color" }, - "fontWeight": { - "value": "$fontWeights.satoshi-11", - "type": "fontWeight" + "400": { + "value": "#2b40c8", + "type": "color" }, - "lineHeight": { - "value": "$lineHeights.8", - "type": "lineHeight" + "500": { + "value": "#152dc7", + "type": "color" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h1}" + "600": { + "value": "#0a1fa7", + "type": "color" }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" + "700": { + "value": "#031586", + "type": "color" }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" + "800-alpha": { + "value": "rgba(0,7,50,0.7)", + "type": "color" }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" + "bg-base": { + "value": "#001736", + "type": "color" } }, - "light": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" + "bright-blue": { + "100": { + "value": "#a6ddff", + "type": "color" }, - "fontWeight": { - "value": "$fontWeights.roboto-6", - "type": "fontWeight" + "200": { + "value": "#9cddff", + "type": "color" }, - "lineHeight": { - "value": "$lineHeights.8", - "type": "lineHeight" + "300": { + "value": "#85d1ff", + "type": "color" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h1}" + "400": { + "value": "#3192cd", + "type": "color" + }, + "500": { + "value": "#1a7ab4", + "type": "color" }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" + "600": { + "value": "#57b3eb", + "type": "color" }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" + "700": { + "value": "#009fff", + "type": "color" }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "extralight": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" + "700 (Alpha)": { + "value": "#009fff", + "type": "color", + "description": "Translucent equivalent of primary/bright-blue/700 placed against #FFFFFF" }, - "fontWeight": { - "value": "$fontWeights.roboto-7", - "type": "fontWeight" + "600 (Alpha)": { + "value": "#008ce1a8", + "type": "color", + "description": "Translucent equivalent of primary/bright-blue/600 placed against #FFFFFF" }, - "lineHeight": { - "value": "$lineHeights.8", - "type": "lineHeight" + "500 (Alpha)": { + "value": "#016bace6", + "type": "color", + "description": "Translucent equivalent of primary/bright-blue/500 placed against #FFFFFF" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h1}" + "400 (Alpha)": { + "value": "#0178c1cf", + "type": "color", + "description": "Translucent equivalent of primary/bright-blue/400 placed against #FFFFFF" }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" + "300 (Alpha)": { + "value": "#019fff7a", + "type": "color", + "description": "Translucent equivalent of primary/bright-blue/300 placed against #FFFFFF" }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" + "200 (Alpha)": { + "value": "#01a8ff63", + "type": "color", + "description": "Translucent equivalent of primary/bright-blue/200 placed against #FFFFFF" }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" + "100 (Alpha)": { + "value": "#019eff59", + "type": "color", + "description": "Translucent equivalent of primary/bright-blue/100 placed against #FFFFFF" } - } - }, - "p4": { - "black": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-0", - "type": "fontWeight" + }, + "(500)": { + "value": "#009fff", + "type": "color" + }, + "(450)": { + "value": "#57b3eb", + "type": "color" + }, + "(400)": { + "value": "#3192cd", + "type": "color" + }, + "(300)": { + "value": "#85d1ff", + "type": "color" + }, + "(200)": { + "value": "#9cddff", + "type": "color" + }, + "(100)": { + "value": "#a6ddff", + "type": "color" + }, + "dark-blue": { + "100": { + "value": "#cccdd3", + "type": "color" }, - "lineHeight": { - "value": "$lineHeights.9", - "type": "lineHeight" + "200": { + "value": "#999ba7", + "type": "color" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h}" + "300": { + "value": "#66697c", + "type": "color" }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" + "400": { + "value": "#333750", + "type": "color" }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" + "401": { + "value": "#1c2038", + "type": "color" }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } - }, - "extrabold": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" + "500": { + "value": "#000524", + "type": "color" }, - "fontWeight": { - "value": "$fontWeights.roboto-1", - "type": "fontWeight" + "600": { + "value": "#00041d", + "type": "color" }, - "lineHeight": { - "value": "$lineHeights.9", - "type": "lineHeight" + "700": { + "value": "#111320", + "type": "color" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h}" + "800": { + "value": "#00020e", + "type": "color" }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" + "801": { + "value": "#0a0c17", + "type": "color" }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" + "900": { + "value": "#000107", + "type": "color" }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" + "alpha": { + "401": { + "value": "rgba(28,32,56,0.8)", + "type": "color" + }, + "900 (Alpha)": { + "value": "rgba(0,1,7,0.6)", + "type": "color", + "description": "Translucent equivalent of dark-blue//900 placed against #FFFFFF" + }, + "800alpha": { + "value": "rgba(0,1,7,0.4)", + "type": "color", + "description": "Translucent equivalent of dark-blue//900 placed against #FFFFFF" + } } + } + }, + "secondary-blue": { + "100": { + "value": "#85D1FF", + "type": "color" + }, + "200": { + "value": "#009FFF", + "type": "color" + }, + "300": { + "value": "#031586", + "type": "color" + }, + "400": { + "value": "#152DC7", + "type": "color" + }, + "500": { + "value": "#485EF8", + "type": "color" + }, + "": { + "value": "#1A7AB4", + "type": "color" + } + }, + "warning-yellow": { + "100": { + "value": "#f5f0de", + "type": "color" + }, + "200": { + "value": "#f4e7b0", + "type": "color" + }, + "300": { + "value": "#f0da73", + "type": "color" + }, + "400": { + "value": "#f7bf06", + "type": "color" + }, + "500": { + "value": "#e5b30b", + "type": "color" + } + }, + "warning-orange": { + "100": { + "value": "#ffe2c3", + "type": "color" + }, + "200": { + "value": "#fbcd9c", + "type": "color" + }, + "300": { + "value": "#f5a855", + "type": "color" + }, + "400": { + "value": "#ff931e", + "type": "color" + }, + "500": { + "value": "#e18521", + "type": "color" + }, + "(450)": { + "value": "#f38d1d", + "type": "color" + } + }, + "alarm-pink": { + "100": { + "value": "#fbe3ec", + "type": "color" + }, + "200": { + "value": "#fcc9dc", + "type": "color" + }, + "300": { + "value": "#ffa6c7", + "type": "color" + }, + "400": { + "value": "#ff7bac", + "type": "color" + }, + "500": { + "value": "#d87398", + "type": "color" + } + }, + "alarm-red": { + "100": { + "value": "#ffd7d7", + "type": "color" + }, + "200": { + "value": "#ffaeae", + "type": "color" + }, + "300": { + "value": "#ff8a8a", + "type": "color" + }, + "400": { + "value": "#ff6868", + "type": "color" + }, + "500": { + "value": "#da5d5d", + "type": "color" + } + }, + "Flowkit": { + "Purple": { + "value": "#7b61ff", + "type": "color" + }, + "Charcoal": { + "value": "#222222", + "type": "color" + }, + "Red": { + "value": "#fc5555", + "type": "color" + }, + "Green": { + "value": "#29cc6a", + "type": "color" + }, + "Blue": { + "value": "#0099ff", + "type": "color" }, - "bold": { - "fontFamily": { - "value": "{fontFamilies.Secondary}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.satoshi-8", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.9", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" + "White": { + "value": "#ffffff", + "type": "color" + } + }, + "base": { + "white_alpha_0": { + "5": { + "value": "#ffffffb3", + "type": "color" } + } + }, + "alpha-white": { + "2": { + "value": "rgba(255,255,255,0.2)", + "type": "color" }, - "semibold": { - "fontFamily": { - "value": "{fontFamilies.Jura-2}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.satoshi-variable-9", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.9", - "type": "lineHeight" + "A_0": { + "4": { + "value": "rgba(255,255,255,0.4)", + "type": "color" }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h}" + "6": { + "value": "rgba(255,255,255,0.6)", + "type": "color" }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" + "12": { + "value": "#ffffff1f", + "type": "color" }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" + "05": { + "value": "#ffffff0f", + "type": "color" }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" + "05-copy": { + "value": "rgba(255,255,255,0.03)", + "type": "color" } + } + }, + "fontFamilies": { + "Pexico": { + "value": "fontFamilies.Pexico", + "type": "fontFamilies" }, - "medium": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-4", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.9", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "Secondary": { + "value": "Chakra Petch", + "type": "fontFamilies" }, - "medium - 2%": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-4", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.9", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "Primary-Font": { + "value": "Hubot-Sans", + "type": "fontFamilies" }, - "regular": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-5", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.9", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "satoshi-variable": { + "value": "Satoshi Variable", + "type": "fontFamilies" + } + }, + "lineHeights": { + "100": { + "value": "100%", + "type": "lineHeights" }, - "light": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-6", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.9", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "110": { + "value": "110%", + "type": "lineHeights" }, - "extralight": { - "fontFamily": { - "value": "{fontFamilies.Pexico}", - "type": "fontFamily" - }, - "fontWeight": { - "value": "$fontWeights.roboto-7", - "type": "fontWeight" - }, - "lineHeight": { - "value": "$lineHeights.9", - "type": "lineHeight" - }, - "fontSize": { - "type": "fontSize", - "value": "{fontSize.h}" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" - } + "120": { + "value": "120%", + "type": "lineHeights" + }, + "130": { + "value": "130%", + "type": "lineHeights" + }, + "140": { + "value": "140%", + "type": "lineHeights" + }, + "150": { + "value": "150%", + "type": "lineHeights" + } + }, + "headlineSize": { + "h1": { + "value": "roundTo({headlineSize.h2}*{headlineSize.scale}, 0)", + "type": "fontSizes" + }, + "h2": { + "value": "roundTo({headlineSize.h3}*{headlineSize.scale}, 0)", + "type": "fontSizes" + }, + "h3": { + "value": "roundTo({headlineSize.h4}*{headlineSize.scale}, 0)", + "type": "fontSizes" + }, + "h4": { + "value": "roundTo({headlineSize.h5}*{headlineSize.scale}, 0)", + "type": "fontSizes" + }, + "h5": { + "value": "roundTo({headlineSize.h6}*{headlineSize.scale}, 0)", + "type": "fontSizes" + }, + "h6": { + "value": "roundTo({headlineSize.h7}*{headlineSize.scale}, 0)", + "type": "fontSizes" + }, + "h7": { + "value": "{headlineSize.base}*{headlineSize.scale}", + "type": "fontSizes" + }, + "scale": { + "value": "1.25", + "type": "fontSizes" + }, + "base": { + "value": "12", + "type": "fontSizes" } }, "trade-screen": { @@ -9533,22 +4203,6 @@ "fontSize": { "type": "fontSize", "value": "{fontSize.h7}" - }, - "letterSpacing": { - "value": "$letterSpacing.4", - "type": "letterSpacing" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.uppercase", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" } }, "bold": { @@ -9567,22 +4221,6 @@ "fontSize": { "type": "fontSize", "value": "{fontSize.h6}" - }, - "letterSpacing": { - "value": "$letterSpacing.2", - "type": "letterSpacing" - }, - "paragraphSpacing": { - "value": "$paragraphSpacing.0", - "type": "paragraphSpacing" - }, - "textCase": { - "value": "$textCase.none", - "type": "textCase" - }, - "textDecoration": { - "value": "$textDecoration.none", - "type": "textDecoration" } } }, @@ -9607,12 +4245,16 @@ "type": "spacing" }, "main-content-box": { - "value": "0", + "value": "4", "type": "borderRadius", "description": "Defines the corner style of main content box" }, "primary-rounding": { - "value": "0", + "value": "4", + "type": "borderRadius" + }, + "internal-roundings": { + "value": "2", "type": "borderRadius" }, "dropdowns": { @@ -9620,8 +4262,18 @@ "type": "borderRadius" }, "buttons": { - "value": "0", - "type": "borderRadius" + "value": "4", + "type": "borderRadius", + "Primary": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.bold}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p2}", + "textCase": "{textCase.uppercase}" + }, + "type": "typography" + } }, "gradient": { "darkblue-pink": { @@ -9649,16 +4301,28 @@ "type": "color" }, "pink-lightpink": { - "value": "linear-gradient(90deg, #fc408c 0%, #efb0ff 100%)", + "value": "linear-gradient(90deg, #fc408c 30%, #efb0ff 100%)", "type": "color" }, "main": { "value": "linear-gradient(0deg, #0a061a 7.91%, #200e28 42.33%, #85356e 100%)", "type": "color" }, - "vertical-darkblue": { + "vertical-bg": { + "value": "linear-gradient(180deg, #00579F 0%, #023b6a 25%, {primary.vibrant-blue.bg-base} 100%)", + "type": "color" + }, + "vertical-darkblue-copy": { "value": "linear-gradient(180deg, #00569e 0%, #023b6a 15.34%, #00041d 54.17%)", "type": "color" + }, + "blue-transparent": { + "value": "linear-gradient(180deg, #00569e33 0%, {alpha-white.A_0.03} 100%)", + "type": "color" + }, + "stroke-gradient": { + "value": "linear-gradient(180deg, rgba(68, 109, 174, 0.3) 0%), rgba(68, 109, 174, 0.3) 50%), rgba(158, 167, 180, 0.0) 100%)", + "type": "color" } }, "basic": { @@ -9694,6 +4358,10 @@ "value": "#5d6175", "type": "color" }, + "800": { + "value": "#444559", + "type": "color" + }, "900": { "value": "#00041d", "type": "color" @@ -9702,14 +4370,14 @@ "value": "#1c1a1f", "type": "color" }, - "BLACK": { - "value": "#000000", - "type": "color" - }, "WHITE": { "value": "#ffffff", "type": "color" }, + "BLACK": { + "value": "#000000", + "type": "color" + }, "gray-soft": { "value": "#ebebeb", "type": "color" @@ -9751,9 +4419,8 @@ "type": "color" }, "100 (Alpha)": { - "value": "#03ef9740", - "type": "color", - "description": "Translucent equivalent of green/100 placed against #FFFFFF" + "value": "rgba(0,238,149,0.1)", + "type": "color" }, "200 (Alpha)": { "value": "#07ffa154", @@ -9780,140 +4447,398 @@ "type": "color", "description": "Translucent equivalent of green/600 placed against #FFFFFF" }, - "700 (Alpha)": { - "value": "#00ffa0", - "type": "color", - "description": "Translucent equivalent of green/700 placed against #FFFFFF" - } - }, - "low": { - "value": "100%", - "type": "lineHeights" - }, - "ultraBig": { - "value": "78", - "type": "fontSizes" - }, - "headlines": { - "H1": { + "700 (Alpha)": { + "value": "#00ffa0", + "type": "color", + "description": "Translucent equivalent of green/700 placed against #FFFFFF" + }, + "new": { + "value": "#009F79", + "type": "color" + } + }, + "low": { + "value": "100%", + "type": "lineHeights" + }, + "ultraBig": { + "value": "78", + "type": "fontSizes" + }, + "headlines": { + "H1": { + "value": { + "fontFamily": "{fontFamilies.Primary-Font}", + "fontWeight": "", + "lineHeight": "{lineHeights.100}", + "fontSize": "{headlineSize.h1}", + "paragraphSpacing": "", + "letterSpacing": "0", + "textDecoration": "", + "textCase": "" + }, + "type": "typography" + }, + "H2": { + "value": { + "fontFamily": "{fontFamilies.Primary-Font}", + "fontWeight": "Weight: 550, Width 125", + "lineHeight": "{lineHeights.130}", + "fontSize": "{headlineSize.h2}", + "paragraphSpacing": "", + "letterSpacing": "0", + "textDecoration": "", + "textCase": "" + }, + "type": "typography" + }, + "H3": { + "value": { + "fontFamily": "{fontFamilies.Primary-Font}", + "fontWeight": "Semibold", + "lineHeight": "{lineHeights.130}", + "fontSize": "{headlineSize.h3}", + "paragraphSpacing": "", + "letterSpacing": "0", + "textDecoration": "", + "textCase": "{textCase.uppercase}" + }, + "type": "typography" + }, + "H4": { + "value": { + "fontFamily": "{fontFamilies.Primary-Font}", + "fontWeight": "", + "lineHeight": "{lineHeights.100}", + "fontSize": "{headlineSize.h4}", + "paragraphSpacing": "", + "letterSpacing": "0", + "textDecoration": "", + "textCase": "" + }, + "type": "typography" + }, + "H5": { + "value": { + "fontFamily": "{fontFamilies.Primary-Font}", + "fontWeight": "", + "lineHeight": "{lineHeights.130}", + "fontSize": "{headlineSize.h5}", + "paragraphSpacing": "", + "letterSpacing": "0", + "textDecoration": "", + "textCase": "" + }, + "type": "typography" + }, + "H6": { + "value": { + "fontFamily": "{fontFamilies.Primary-Font}", + "fontWeight": "", + "lineHeight": "{lineHeights.130}", + "fontSize": "{headlineSize.h6}", + "paragraphSpacing": "", + "letterSpacing": "", + "textDecoration": "", + "textCase": "" + }, + "type": "typography" + }, + "H7": { + "value": { + "fontFamily": "{fontFamilies.Primary-Font}", + "fontWeight": "", + "lineHeight": "{lineHeights.130}", + "fontSize": "{headlineSize.h7}", + "paragraphSpacing": "", + "letterSpacing": "", + "textDecoration": "", + "textCase": "" + }, + "type": "typography" + } + }, + "paragraphSize": { + "base": { + "value": "18", + "type": "fontSizes" + }, + "scale": { + "value": "0.9", + "type": "fontSizes" + }, + "p1": { + "value": "18", + "type": "fontSizes" + }, + "p2": { + "value": "roundTo({paragraphSize.p1}*{paragraphSize.scale}, 0)", + "type": "fontSizes" + }, + "p3": { + "value": "roundTo({paragraphSize.p2}*{paragraphSize.scale}, 0)", + "type": "fontSizes" + }, + "p4": { + "value": "roundTo({paragraphSize.p3}*{paragraphSize.scale}, 0)", + "type": "fontSizes" + }, + "p5": { + "value": "roundTo({paragraphSize.p4}*{paragraphSize.scale}, 0)", + "type": "fontSizes" + }, + "p6": { + "value": "roundTo({paragraphSize.p5}*{paragraphSize.scale}, 0)", + "type": "fontSizes" + } + }, + "paragraphs": { + "p1": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.130}", + "fontSize": "{paragraphSize.p1}" + }, + "type": "typography" + }, + "p2-caps": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.bold}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p2}", + "textCase": "{textCase.uppercase}" + }, + "type": "typography" + }, + "p4": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.150}", + "fontSize": "{paragraphSize.p4}" + }, + "type": "typography" + }, + "p6-caps": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p6}", + "textCase": "{textCase.uppercase}" + }, + "type": "typography" + }, + "p5-regular": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "Regular", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p5}" + }, + "type": "typography" + } + }, + "mediumType": { + "p1": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.130}", + "fontSize": "{paragraphSize.p1}" + }, + "type": "typography" + }, + "p2": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p2}", + "textCase": "" + }, + "type": "typography" + }, + "p2-caps": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p2}", + "textCase": "{textCase.uppercase}" + }, + "type": "typography" + }, + "p3": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p3}" + }, + "type": "typography", + "regular": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "Regular", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p3}" + }, + "type": "typography" + } + }, + "p3-caps": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p3}", + "textCase": "{textCase.uppercase}" + }, + "type": "typography", + "regular": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "Regular", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p3}" + }, + "type": "typography" + } + }, + "p4": { "value": { - "fontFamily": "{fontFamilies.Primary-Font}", - "fontWeight": "", + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", "lineHeight": "{lineHeights.100}", - "fontSize": "{headlineSize.h1}", - "paragraphSpacing": "", - "letterSpacing": "0", - "textDecoration": "", - "textCase": "" + "fontSize": "{paragraphSize.p4}", + "textCase": "{textCase.none}" }, "type": "typography" }, - "H2": { + "p4-caps": { "value": { - "fontFamily": "{fontFamilies.Primary-Font}", - "fontWeight": "", + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", "lineHeight": "{lineHeights.100}", - "fontSize": "{headlineSize.h2}", - "paragraphSpacing": "", - "letterSpacing": "0", - "textDecoration": "", - "textCase": "" + "fontSize": "{paragraphSize.p4}", + "textCase": "{textCase.uppercase}" }, "type": "typography" }, - "H3": { + "p5": { "value": { - "fontFamily": "{fontFamilies.Primary-Font}", - "fontWeight": "", - "lineHeight": "{lineHeights.100}", - "fontSize": "{headlineSize.h3}", - "paragraphSpacing": "", - "letterSpacing": "0", - "textDecoration": "", - "textCase": "" + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.120}", + "fontSize": "{paragraphSize.p5}" }, "type": "typography" }, - "H4": { + "p5-caps": { "value": { - "fontFamily": "{fontFamilies.Primary-Font}", - "fontWeight": "", + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", "lineHeight": "{lineHeights.100}", - "fontSize": "{headlineSize.h4}", - "paragraphSpacing": "", - "letterSpacing": "0", - "textDecoration": "", - "textCase": "" + "fontSize": "{paragraphSize.p5}", + "textCase": "{textCase.uppercase}" }, "type": "typography" }, - "H5": { + "p6": { "value": { - "fontFamily": "{fontFamilies.Primary-Font}", - "fontWeight": "", - "lineHeight": "{lineHeights.100}", - "fontSize": "{headlineSize.h5}", - "paragraphSpacing": "", - "letterSpacing": "0", - "textDecoration": "", - "textCase": "" + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p6}" }, "type": "typography" }, - "H6": { + "p6-caps": { "value": { - "fontFamily": "{fontFamilies.Primary-Font}", - "fontWeight": "", - "lineHeight": "{lineHeights.100}", - "fontSize": "{headlineSize.h6}", - "paragraphSpacing": "", - "letterSpacing": "", - "textDecoration": "", - "textCase": "" + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.medium}", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p6}", + "textCase": "{textCase.uppercase}" }, "type": "typography" } }, - "paragraphSize": { - "base": { - "value": "18", - "type": "fontSizes" - }, - "scale": { - "value": "0.9", - "type": "fontSizes" - }, + "boldType": { "p1": { - "value": "18", - "type": "fontSizes" + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.bold}", + "lineHeight": "{lineHeights.130}", + "fontSize": "{paragraphSize.p1}" + }, + "type": "typography" }, "p2": { - "value": "roundTo({paragraphSize.p1}*{paragraphSize.scale}, 0)", - "type": "fontSizes" + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.bold}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p2}", + "textCase": "" + }, + "type": "typography" }, "p3": { - "value": "roundTo({paragraphSize.p2}*{paragraphSize.scale}, 0)", - "type": "fontSizes" + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.bold}", + "lineHeight": "{lineHeights.100}", + "fontSize": "{paragraphSize.p3}" + }, + "type": "typography", + "regular": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "Regular", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p3}" + }, + "type": "typography" + } }, "p4": { - "value": "roundTo({paragraphSize.p3}*{paragraphSize.scale}, 0)", - "type": "fontSizes" + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.bold}", + "lineHeight": "{lineHeights.120}", + "fontSize": "{paragraphSize.p4}" + }, + "type": "typography" }, "p5": { - "value": "roundTo({paragraphSize.p4}*{paragraphSize.scale}, 0)", - "type": "fontSizes" + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.bold}", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p5}" + }, + "type": "typography" }, "p6": { - "value": "roundTo({paragraphSize.p5}*{paragraphSize.scale}, 0)", - "type": "fontSizes" + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.bold}", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p6}" + }, + "type": "typography" } }, - "paragraphs": { + "regularType": { "p1": { "value": { "fontFamily": "{fontFamilies.Secondary}", - "fontWeight": "Bold", - "lineHeight": "{lineHeights.100}", + "fontWeight": "{paragraphWeight.regular}", + "lineHeight": "{lineHeights.130}", "fontSize": "{paragraphSize.p1}" }, "type": "typography" @@ -9921,46 +4846,97 @@ "p2": { "value": { "fontFamily": "{fontFamilies.Secondary}", - "fontWeight": "{paragraphWeight.medium}", - "lineHeight": "{lineHeights.100}", - "fontSize": "{paragraphSize.p2}" + "fontWeight": "{paragraphWeight.regular}", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p2}", + "textCase": "" }, "type": "typography" }, "p3": { "value": { "fontFamily": "{fontFamilies.Secondary}", - "fontWeight": "{paragraphWeight.medium}", - "lineHeight": "{lineHeights.100}", + "fontWeight": "{paragraphWeight.regular}", + "lineHeight": "{lineHeights.140}", "fontSize": "{paragraphSize.p3}" }, + "type": "typography", + "regular": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "Regular", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p3}" + }, + "type": "typography" + } + }, + "p4": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.regular}", + "lineHeight": "{lineHeights.130}", + "fontSize": "{paragraphSize.p4}" + }, "type": "typography" }, + "p5": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.regular}", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p5}" + }, + "type": "typography", + "regular": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "Regular", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p3}" + }, + "type": "typography" + } + }, + "p6": { + "value": { + "fontFamily": "{fontFamilies.Secondary}", + "fontWeight": "{paragraphWeight.regular}", + "lineHeight": "{lineHeights.140}", + "fontSize": "{paragraphSize.p6}" + }, + "type": "typography" + } + }, + "lowLine-height": { "p4": { "value": { "fontFamily": "{fontFamilies.Secondary}", "fontWeight": "{paragraphWeight.medium}", - "lineHeight": "{lineHeights.100}", + "lineHeight": "{lineHeights.120}", "fontSize": "{paragraphSize.p4}" }, "type": "typography" - }, - "p4-caps": { + } + }, + "links&buttons": { + "tabs": { "value": { "fontFamily": "{fontFamilies.Secondary}", "fontWeight": "{paragraphWeight.bold}", "lineHeight": "{lineHeights.100}", - "fontSize": "{paragraphSize.p4}", + "fontSize": "{paragraphSize.p5}", "textCase": "{textCase.uppercase}" }, "type": "typography" }, - "p5": { + "Medium": { "value": { "fontFamily": "{fontFamilies.Secondary}", "fontWeight": "{paragraphWeight.bold}", "lineHeight": "{lineHeights.100}", - "fontSize": "{paragraphSize.p5}" + "fontSize": "{paragraphSize.p4}", + "textCase": "{textCase.uppercase}" }, "type": "typography" } @@ -9977,6 +4953,10 @@ "medium": { "value": "Medium", "type": "fontWeights" + }, + "regular": { + "value": "Regular", + "type": "fontWeights" } }, "primaryButton": { @@ -9986,7 +4966,7 @@ "paddingBottom": "12", "paddingRight": "20", "paddingLeft": "20", - "borderRadius": "{primary-rounding}" + "borderRadius": "{mobile.primary-rounding}" }, "type": "composition" } @@ -9994,12 +4974,12 @@ "secondaryButton": { "Medium": { "value": { - "paddingTop": "12", - "paddingBottom": "12", - "paddingRight": "20", - "paddingLeft": "20", - "borderRadius": "{primary-rounding}", - "typography": "{paragraphs.p4}" + "paddingTop": "9", + "paddingBottom": "9", + "paddingRight": "12", + "paddingLeft": "12", + "borderRadius": "{mobile.primary-rounding}", + "borderWidth": "1" }, "type": "composition" } @@ -10022,29 +5002,316 @@ "type": "composition" } }, - "gradients": { - "green-graph": { - "value": "linear-gradient(180deg, #4fffb04f 0%, #4fffb000 100%)", + "boxStyle": { + "Main-content-mobile": { + "value": { + "borderRadius": "0", + "fill": "{primary.dark-blue.700}", + "border": "{gradient.stroke-gradient}", + "borderWidth": "1", + "boxShadow": "{sharpShadow.MainContentBox-v2}" + }, + "type": "composition" + }, + "Main-content": { + "value": { + "borderRadius": "{main-content-box}", + "fill": "{primary.dark-blue.700}", + "border": "{gradient.stroke-gradient}", + "borderWidth": "1", + "boxShadow": "{sharpShadow.MainContentBox}" + }, + "type": "composition" + }, + "chart": { + "value": { + "borderRadius": "0", + "fill": "{primary.dark-blue.500}", + "border": "0", + "borderWidth": "0", + "boxShadow": "{sharpShadow.MainContentBox}" + }, + "type": "composition" + }, + "ClickableTiles": { + "value": { + "borderRadius": "{internal-roundings}", + "fill": "{primary.dark-blue.401}", + "borderWidth": "0" + }, + "type": "composition" + } + }, + "input": { + "Base": { + "value": { + "fill": "{primary.Alpha_0.06}", + "borderRadius": "{internal-roundings}", + "fontFamilies": "{fontFamilies.Secondary}", + "borderWidthBottom": "1", + "borderWidthTop": "0", + "borderWidthRight": "0", + "borderWidthLeft": "0", + "typography": "{paragraphs.p4}", + "border": "{primary.dark-blue.400}" + }, + "type": "composition" + } + }, + "sharpShadow": { + "MainContentBox": { + "value": [ + { + "x": "3", + "y": "4", + "blur": "0", + "spread": "0", + "color": "rgba(102,181,255,0.19)", + "type": "dropShadow" + } + ], + "type": "boxShadow" + }, + "MainContentBox-copy": { + "value": [ + { + "x": "4", + "y": "6", + "blur": "0", + "spread": "0", + "color": "rgba(102,181,255,0.19)", + "type": "dropShadow" + }, + { + "x": "0", + "y": "0", + "blur": "100", + "spread": "0", + "color": "rgba(84,155,194,0.12)", + "type": "dropShadow" + } + ], + "type": "boxShadow" + }, + "MainContentBox-v2": { + "value": [ + { + "x": "3", + "y": "3", + "blur": "0", + "spread": "0", + "color": "rgba(126,161,194,0.12)", + "type": "dropShadow" + } + ], + "type": "boxShadow" + }, + "Soft Box": { + "value": [ + { + "x": "0", + "y": "10", + "blur": "30", + "spread": "0", + "color": "rgba(91,144,172,0.12)", + "type": "dropShadow" + } + ], + "type": "boxShadow" + }, + "InternalBoxes": { + "value": [ + { + "x": "4", + "y": "4", + "blur": "0", + "spread": "0", + "color": "rgba(102,181,255,0.19)", + "type": "dropShadow" + } + ], + "type": "boxShadow" + }, + "InternalBoxes-secondary": { + "value": [ + { + "x": "4", + "y": "4", + "blur": "0", + "spread": "0", + "color": "{primary.pink.100 (Alpha)}", + "type": "dropShadow" + } + ], + "type": "boxShadow" + }, + "InternalBoxes-dark": { + "value": [ + { + "x": "4", + "y": "4", + "blur": "0", + "spread": "0", + "color": "{primary.dark-blue.801}", + "type": "dropShadow" + } + ], + "type": "boxShadow" + } + }, + "icons": { + "Rectangle-frame": { + "value": "0", + "type": "borderRadius" + } + }, + "actions": { + "PopupActionButtons": { + "value": "4", + "type": "borderRadius" + } + }, + "red": { + "100": { + "value": "#fbc0c0", "type": "color" }, - "orange-graph": { - "value": "linear-gradient(180deg, #fcae33 0%, #fcae3300 100%)", + "200": { + "value": "#ffb0b0", + "type": "color" + }, + "300": { + "value": "#ff9e9e", + "type": "color" + }, + "400": { + "value": "#f87171", + "type": "color" + }, + "500": { + "value": "#ff4b4b", + "type": "color" + }, + "600": { + "value": "#f11313", "type": "color" + }, + "700": { + "value": "#ff0000", + "type": "color" + }, + "aplha-100": { + "value": "#ef030340", + "type": "color", + "description": "Translucent equivalent of red/100 placed against #FFFFFF" + }, + "aplha-200": { + "value": "#ff00004f", + "type": "color", + "description": "Translucent equivalent of red/200 placed against #FFFFFF" + }, + "aplha-300": { + "value": "#ff060663", + "type": "color", + "description": "Translucent equivalent of red/300 placed against #FFFFFF" + }, + "aplha-400": { + "value": "#f301018f", + "type": "color", + "description": "Translucent equivalent of red/400 placed against #FFFFFF" + }, + "aplha-500": { + "value": "#ff0101b5", + "type": "color", + "description": "Translucent equivalent of red/500 placed against #FFFFFF" + }, + "aplha-600": { + "value": "#f00101ed", + "type": "color", + "description": "Translucent equivalent of red/600 placed against #FFFFFF" + }, + "aplha-700": { + "value": "#ff0000", + "type": "color", + "description": "Translucent equivalent of red/700 placed against #FFFFFF" + } + }, + "sharpShadow-mobile": { + "MainContentBox": { + "value": [ + { + "x": "6", + "y": "6", + "blur": "0", + "spread": "0", + "color": "rgba(102,181,255,0.19)", + "type": "dropShadow" + }, + { + "x": "0", + "y": "0", + "blur": "100", + "spread": "0", + "color": "rgba(84,155,194,0.12)", + "type": "dropShadow" + } + ], + "type": "boxShadow" + }, + "InternalBoxes": { + "value": [ + { + "x": "4", + "y": "4", + "blur": "0", + "spread": "0", + "color": "rgba(102,181,255,0.19)", + "type": "dropShadow" + } + ], + "type": "boxShadow" + }, + "InternalBoxes-secondary": { + "value": [ + { + "x": "4", + "y": "4", + "blur": "0", + "spread": "0", + "color": "{primary.pink.100 (Alpha)}", + "type": "dropShadow" + } + ], + "type": "boxShadow" + }, + "InternalBoxes-dark": { + "value": [ + { + "x": "4", + "y": "4", + "blur": "0", + "spread": "0", + "color": "{primary.dark-blue.801}", + "type": "dropShadow" + } + ], + "type": "boxShadow" } }, - "caps": { - "value": "uppercase", - "type": "textCase" + "landing": { + "Primary": { + "value": "Hubot-Sans", + "type": "fontFamilies" + } } }, + "Alt-Font": {}, "$themes": [ { "id": "a756faf11e5d85a7aeb77d21e652f45e753df4e8", - "name": "Base Theme", + "name": "Desktop", "selectedTokenSets": { - "Basilisk": "enabled", - "Basilisk_v1": "disabled", - "Basilisk_v2": "disabled" + "Hydra": "enabled" }, "$figmaStyleReferences": { "Red_Alpha_0.3": "S:33863dd26581a940519196d6ff280ee43832746c,", @@ -10079,7 +5346,6 @@ "gradients-old.green-graph": "S:96924dc9103f9d3e99e600011c1ceca010677cf3,", "gradients-old.orange-graph": "S:9df5e1c39b9c4e2618a197add01bc79e07c8f965,", "gradients-old.red-graph": "S:eba359f2a68a5584f607818159f583d6b29ffb11,", - "gradients-old.primary": "S:dd63bc69b67d6a8f25fc78dd6e4827ba8aa46ea3,", "gradients-old.bg-dark": "S:de4d3e60da2296cbd61ac2b9869890c7e3ff3513,", "Flowkit.Purple": "S:decbcde27c3960e15dee78de15d01c1cf9533791,", "Flowkit.Charcoal": "S:e4472598887a7aa3ffb1ff89abb3346ac7e6cefc,", @@ -10090,7 +5356,6 @@ "base.white_alpha_0.5": "S:85ad61fde279aee7aa9a58f4b07a1d363d64ac6f,", "alpha-white.A_0.12": "S:c7a25c64eacd038d635015c3fd57c22b11d60fc4,", "alpha-white.A_0.05": "S:80f01b547c090e2d91d5d8d0835a1787e1848a24,", - "alpha-white.A_0.05-copy": "S:3b8988c7e31daa52170bd4cc99c1356421fface4,", "secondary-blue.": "S:e3135c5624dcff063efef7d9dea3ccdc2c04ed16,", "primary.pink.100": "S:f6e7febfff1771a848a15b80e159d52653ff3ed2,", "primary.pink.200": "S:25cc8086fd39ec16a6d2e98c72a31e930d9590ef,", @@ -10098,7 +5363,6 @@ "primary.pink.400": "S:36e9796378dc1abe54473c68ad6a3adc38fe72a9,", "primary.pink.500": "S:1b461c4c4b7e547124e00127245eef98c1d2f239,", "primary.pink.600": "S:159db50f47fa719f83770e3939c332a1de55d5fd,", - "primary.pink.700": "S:c762799ede73497feb39fae79ee91d7f9f70f344,", "primary.vibrant-blue.700": "S:6e61f2de205d8b67d6f71bd5502939cb459ae25a,", "primary.vibrant-blue.600": "S:fba23b9e5461471b100a8e38415c6a4efdef1a80,", "primary.vibrant-blue.500": "S:b1dd736490e68d69bb21be614410ae55ebbc19bf,", @@ -10122,7 +5386,6 @@ "primary.(500)": "S:3c2993395e26c16256475a99c1669160afdc16cb,", "primary.(450)": "S:ab735845060503a97f8229c3f852802420803887,", "primary.(400)": "S:33668fc60d52cec481c8bf692fee7e4bbe81dc57,", - "primary.(300)": "S:427bc0089cfd2cccb9c699034689f8c24b29b09c,", "primary.(200)": "S:1a2b21dd182f24bf634d9eab5f823d82ca353f47,", "primary.(100)": "S:113acd08a527ba657be74ee633613af80a6b308d,", "neutral.1000": "S:5fea8dc600cd23e744f5bc4de7aafb03e535343e,", @@ -10159,7 +5422,6 @@ "primary.bright-blue.400 (Alpha)": "S:2d4395c56289f8e1a797267ec54312b330ec3de9,", "primary.bright-blue.300 (Alpha)": "S:cd6bf9771b20a82c2de462008cadff534f202a7c,", "primary.bright-blue.200 (Alpha)": "S:9100b5172a04538f6ff85ae2f3ab587e2ca0d5b8,", - "primary.bright-blue.100 (Alpha)": "S:5d86202e8556d9e7ec8362ca5b8eb923c4778208,", "green.700": "S:614080a1138389f182bd9d03f0bbf40bd2e5d6ec,", "green.600": "S:e841c285c49d6be34a617709ffee76a687934f9e,", "green.500": "S:867d4af94dfe6a9aa4420af7e14f7f72c0de79d7,", @@ -10183,15 +5445,107 @@ "primary.dark-blue.700": "S:9e034832ae3c65a8c05293a9d2494c04756b3c8c,", "primary.dark-blue.800": "S:4855c576a4768594bb4130e2aaa39b8635ed87cd,", "primary.dark-blue.900": "S:7879a89c64a5d4c1acb1028edf5f8835dc10ace1,", - "primary.dark-blue.900 (Alpha)": "S:204648016bbd7f395984528e0a68290cd32655e9," + "primary.dark-blue.900 (Alpha)": "S:204648016bbd7f395984528e0a68290cd32655e9,", + "primary.bright-blue.101 (Alpha)": "S:5d86202e8556d9e7ec8362ca5b8eb923c4778208,", + "alpha-white.A_0.03": "S:3b8988c7e31daa52170bd4cc99c1356421fface4,", + "primary.bright-blue.alpha.alpha": "S:427bc0089cfd2cccb9c699034689f8c24b29b09c," + }, + "$figmaCollectionId": "VariableCollectionId:36896:212220", + "$figmaModeId": "36896:0", + "$figmaVariableReferences": { + "Red_Alpha_0.3": "30e1f12e3c9965ac4f68f6c92332d91da6db73ac", + "primary.Alpha_0.15": "7a9ea2beaff26b00a3d250903fa870dfa1aca86e", + "primary.Alpha_0.20": "8d7cdaeac6d1272338e0d177ef4390df1f73e89c", + "primary.Alpha_0.35": "9ef4844ff105f29aa209cfd4d4811b96ac971221", + "primary.Alpha_0.06": "7592e34cee41e733bad08a75503ae736a34dd4d1", + "primary.Alpha_0.15-blue": "fdaaa70e441bbe4726f4318ac90586438c3774fc", + "primary.Alpha_0.6-blueish": "3fd465f28fe6d1756064730c3ca92b273d7348b7", + "primary.pink.100": "b67013c7b420befb2e41b4e2206724b909979def", + "primary.pink.200": "6d7ef56401a45470ba999cf7d74750fb030ba38a", + "primary.pink.300": "12f989029069f9d7d6ecc836d91d294b49104530", + "primary.pink.400": "02a66f2c61e0d308d6a630387c7cee3e8adccd70", + "primary.pink.500": "be27e0a94af42428428196aca50b14f2b4d12ed0", + "primary.pink.600": "0aeb89d212c8069defee4958f8bf6f3ac6e481ab", + "primary.pink.700 (Alpha)": "e61a17c9a6aec3243380b09e56ef61d727b15252", + "primary.pink.600 (Alpha)": "929e0b35ba340072cf42a68cb8f64da7297816f3", + "primary.pink.500 (Alpha)": "a917164a88f557e83d8d13c533176ce764d715a5", + "primary.pink.400 (Alpha)": "fdbd0afaa9d67e79e52f49b95eedd4260b3dcd55", + "primary.pink.300 (Alpha)": "b14db8b7994c3b45a47daf067c9d90c7a35a29b6", + "primary.pink.100 (Alpha)": "a67ec48e09d39cdddb4988e67bd3968131e076bb", + "primary.pink.200 (Alpha)": "6c8f7e3759ede7ecd5f613e8aaf655a6fc84f24a", + "primary.vibrant-blue.100": "9190288fa55f458d78443384e77c6ffafc48adec", + "primary.vibrant-blue.200": "18627b5f9d118cff34ab71dcba2fbbc6dbca69af", + "primary.vibrant-blue.300": "937a0dd8ad81765f83bbb9197117f5b073cd76d6", + "primary.vibrant-blue.400": "a2ccb1d5dd0d702d592fcbf7140b7f59b322aef8", + "primary.vibrant-blue.500": "3de8d9188e9bcb350c0cbcea53021296d7f79923", + "primary.vibrant-blue.600": "bf705b15aca8493a9d6cbd3aacd8ce66078acb3c", + "primary.vibrant-blue.700": "6a21028bc5bfe65992db7787e7bbe6456585e40e", + "primary.vibrant-blue.bg-base": "71b521ddf0cb7c101e61f28ecee50e2aa63e8dcb", + "primary.vibrant-blue.800-alpha": "16be92dd70d39dad682af39a85f4f6bdc24055dc", + "primary.bright-blue.100": "f0e7dfd17d4110ea3d8e88cf948dba77c3d7d73f", + "primary.bright-blue.200": "e61a93b42fbf46ef8b4d3bba8dc6e1f6400de496", + "primary.bright-blue.300": "15e15de48947e54fa4d22e7a9dd0f2a8fcd1cada", + "primary.bright-blue.400": "1f987bc43f73e4727eae9291dbfc596227fa0ea7", + "primary.bright-blue.500": "9713245ca1d86d887abcfc86b97bd621ef09f364", + "primary.bright-blue.600": "afe9b76f83caf2b7a29a012b6eef37390803cfd1", + "primary.bright-blue.700": "ff1c1130a72407172c73dbb036f3883af25d68e6", + "primary.bright-blue.700 (Alpha)": "386d531188740208cf7fe004dcf50da4c90c34d2", + "primary.bright-blue.600 (Alpha)": "320643e6a4dcc17b1a8dccf16e7916dc98a268d2", + "primary.bright-blue.500 (Alpha)": "61cb553e0b312a62e9dd757ceaebb58e3cd56f8f", + "primary.bright-blue.400 (Alpha)": "b07f7c293d02d07d3473e22c8582e8e923f9c56c", + "primary.bright-blue.300 (Alpha)": "777a73bbc124f4db04eed7dbae6cb7b3f68e902c", + "primary.bright-blue.200 (Alpha)": "66e4fc2eff9bec528fba80cbbbd5f9d9228aafe9", + "primary.bright-blue.101 (Alpha)": "efa3c8d36d5920980c12dcc03014cd2a934f7782", + "primary.bright-blue.alpha.alpha": "35179fceb9bd13ddda091cc6b8bbb54ca22b33a9", + "primary.(500)": "95ca27822d3b8148662828df0d34e8551e438382", + "primary.(450)": "3a4e9fd3b8e0a0fec9de65156017c93c3026d7ee", + "primary.(400)": "65fd88067fbf10c4203ae5b520112898e7f4ec67", + "primary.(200)": "41dcf0b9bb35e89cf6098eed56d90dff51062f87", + "primary.(100)": "1c602379a4acb81c808f385b10f55d30c90e1482", + "primary.dark-blue.100": "ca04a3ca1a2f6ed1442376d8ee49de6f365ddb3c", + "primary.dark-blue.200": "2ee536b36e4016a079d0df96ff1bd951604ad0f6", + "primary.dark-blue.300": "47f24399156e6e1e09dd1e0bfba6b20fa9ac31ca", + "primary.dark-blue.400": "1ec48686ef974d60b47f265203729701bbeac5a9", + "primary.dark-blue.401": "21ebe3e959459539658692fec11ee671c47605ba", + "primary.dark-blue.500": "699360b2620fc215aa26ac56ea2b78c772ccbb9f", + "primary.dark-blue.600": "90df57e2e26c9e8b1d995da4c03adfac4f2c8250", + "primary.dark-blue.700": "72d367f7c6b75cab23725122465c1efabaaf1239", + "primary.dark-blue.800": "2cd24b6f578a3b8c2611a847ac630d64a61a4f21", + "primary.dark-blue.801": "de71e8ba2de5ff705b38ce5c111f75d79d08da42", + "primary.dark-blue.900": "237bea017777463a954b2ebad7944719b035c8be", + "primary.dark-blue.alpha.401": "76622ae9f8675527a9a7a01a6263e6e043987162", + "primary.dark-blue.alpha.1000": "8d73d2b10ab71403423adcbbeb172bee50992e48", + "primary.dark-blue.alpha.900 (Alpha)": "a276d6ba53eb6584974b4635a3f7fc74ae3296d9", + "primary.dark-blue.alpha.900-0,2": "4085fd3d75125ce74bf2e89287f4ff4434900a26", + "primary.dark-blue.alpha.800alpha": "8d488416c54cd1939ee322360c49591640aff706", + "function.content.primary": "e480cfeafee570129111e6e585616172782375c7", + "function.content.primary-copy": "6fe3bc392f6486938b9cfc158d8010cdcee0764e", + "secondary-blue.100": "cba5ba5c32e7bb20b39c4e290c1821af8c0c409f", + "secondary-blue.200": "038b235e1ab0cb537e87fece61e4c5ac71034b95", + "secondary-blue.300": "13470c3160ee1ef8333e927dee6f15d34963ba42", + "secondary-blue.400": "748636d60d57f9d9449e9fd5616a1ba168403e5b", + "secondary-blue.500": "f6216d9fefa0a12096d34019f638bfd6e70ae541" } + }, + { + "id": "d0ca297a173f51d7e1b21d7b608107066528cedb", + "name": "White", + "selectedTokenSets": { + "White": "source", + "Alt-Font": "enabled" + }, + "$figmaStyleReferences": {}, + "$figmaCollectionId": "VariableCollectionId:28828:354020", + "$figmaModeId": "28828:1", + "$figmaVariableReferences": {} } ], "$metadata": { "tokenSetOrder": [ - "Basilisk", - "Basilisk_v1", - "Basilisk_v2" + "Hydra", + "White", + "Hydra-landing", + "Alt-Font" ] } } \ No newline at end of file