{ "typeScale": [3, 2.25, 1.5, 1.25, 1, 0.875, 0.75], "spacing": [0.125, 0.25, 0.5, 0.75, 1, 1.5, 2, 3, 4, 8, 16], "customMedia": [ { "s": 20 }, { "ns": { "value": 40, "minWidth": true } }, { "m": { "value": 40, "minWidth": true } }, { "l": { "value": 64, "minWidth": true } }, { "xl": { "value": 80, "minWidth": true } } ], "colors": { "black-90": "rgba(0,0,0,.9)", "black-80": "rgba(0,0,0,.8)", "black-70": "rgba(0,0,0,.7)", "black-60": "rgba(0,0,0,.6)", "black-50": "rgba(0,0,0,.5)", "black-40": "rgba(0,0,0,.4)", "black-30": "rgba(0,0,0,.3)", "black-20": "rgba(0,0,0,.2)", "black-10": "rgba(0,0,0,.1)", "black-05": "rgba(0,0,0,.05)", "black-025": "rgba(0,0,0,.025)", "black-0125": "rgba(0,0,0,.0125)", "white-90": "rgba(255,255,255,.9)", "white-80": "rgba(255,255,255,.8)", "white-70": "rgba(255,255,255,.7)", "white-60": "rgba(255,255,255,.6)", "white-50": "rgba(255,255,255,.5)", "white-40": "rgba(255,255,255,.4)", "white-30": "rgba(255,255,255,.3)", "white-20": "rgba(255,255,255,.2)", "white-10": "rgba(255,255,255,.1)", "white-05": "rgba(255,255,255,.05)", "white-025": "rgba(255,255,255,.025)", "white-0125": "rgba(255,255,255,.0125)" }, "semanticColors": { "background": { "base": "#ffffff", "base--inverted": "#03044e", "action-primary": "#000000", "action-secondary": "#eef3f7", "emphasis": "#f71963", "disabled": "#f2f4f5", "success": "#8bc34a", "success--faded": "#eafce3", "danger": "#ff4c4c", "danger--faded": "#ffe6e6", "warning": "#ffb100", "warning--faded": "#fff6e0", "muted-1": "#727273", "muted-2": "#979899", "muted-3": "#cacbcc", "muted-4": "#e3e4e6", "muted-5": "#f2f4f5" }, "hover-background": { "action-primary": "#072c75", "action-secondary": "#dbe9fd", "emphasis": "#dd1659", "success": "#8bc34a", "success--faded": "#eafce3", "danger": "#e13232", "danger--faded": "#ffe6e6", "warning": "#ffb100", "warning--faded": "#fff6e0", "muted-1": "#727273", "muted-2": "#979899", "muted-3": "#cacbcc", "muted-4": "#e3e4e6", "muted-5": "#f2f4f5" }, "active-background": { "action-primary": "#000000", "action-secondary": "#d2defc", "emphasis": "#dd1659", "success": "#8bc34a", "success--faded": "#eafce3", "danger": "#ff4c4c", "danger--faded": "#ffe6e6", "warning": "#ffb100", "warning--faded": "#fff6e0", "muted-1": "#727273", "muted-2": "#979899", "muted-3": "#cacbcc", "muted-4": "#e3e4e6", "muted-5": "#f2f4f5" }, "text": { "action-primary": "#000000", "action-secondary": "#eef3f7", "link": "#000000", "emphasis": "#f71963", "disabled": "#979899", "success": "#8bc34a", "success--faded": "#eafce3", "danger": "#ff4c4c", "danger--faded": "#ffe6e6", "warning": "#ffb100", "warning--faded": "#fff6e0", "muted-1": "#9292927a", "muted-2": "#979899", "muted-3": "#cacbcc", "muted-4": "#e3e4e6", "muted-5": "#f2f4f5" }, "visited-text": { "link": "#000000" }, "hover-text": { "action-primary": "#072c75", "action-secondary": "#dbe9fd", "link": "#000000", "emphasis": "#dd1659", "success": "#8bc34a", "success--faded": "#eafce3", "danger": "#e13232", "danger--faded": "#ffe6e6", "warning": "#ffb100", "warning--faded": "#fff6e0" }, "active-text": { "link": "#000000", "emphasis": "#dd1659", "success": "#8bc34a", "success--faded": "#eafce3", "danger": "#ff4c4c", "danger--faded": "#ffe6e6", "warning": "#ffb100", "warning--faded": "#fff6e0" }, "border": { "action-primary": "#000000", "action-secondary": "#eef3f7", "action-third": "#b9b9b9", "emphasis": "#f71963", "disabled": "#e3e4e6", "success": "#8bc34a", "success--faded": "#eafce3", "danger": "#ff4c4c", "danger--faded": "#ffe6e6", "warning": "#ffb100", "warning--faded": "#fff6e0", "muted-1": "#727273", "muted-2": "#979899", "muted-3": "#cacbcc", "muted-4": "#e3e4e6", "muted-5": "#f2f4f5" }, "hover-border": { "action-primary": "#072c75", "action-secondary": "#dbe9fd", "emphasis": "#dd1659", "success": "#8bc34a", "success--faded": "#eafce3", "danger": "#e13232", "danger--faded": "#ffe6e6", "warning": "#ffb100", "warning--faded": "#fff6e0", "muted-1": "#727273", "muted-2": "#979899", "muted-3": "#cacbcc", "muted-4": "#e3e4e6", "muted-5": "#f2f4f5" }, "active-border": { "action-primary": "#000000", "action-secondary": "#d2defc", "emphasis": "#dd1659", "success": "#8bc34a", "success--faded": "#eafce3", "danger": "#ff4c4c", "danger--faded": "#ffe6e6", "warning": "#ffb100", "warning--faded": "#fff6e0", "muted-1": "#727273", "muted-2": "#979899", "muted-3": "#cacbcc", "muted-4": "#e3e4e6", "muted-5": "#f2f4f5" }, "on": { "base": "#B9B9B999", "base-100": "#000000", "base-200": "#575757", "base-300": "#929292", "base--inverted": "#ffffff", "action-primary": "#ffffff", "action-secondary": "#000000", "emphasis": "#ffffff", "disabled": "#979899", "success": "#ffffff", "success--faded": "#3f3f40", "danger": "#ffffff", "danger--faded": "#3f3f40", "warning": "#ffffff", "warning--faded": "#1a1a1a", "muted-1": "#ffffff", "muted-2": "#ffffff", "muted-3": "#3f3f40", "muted-4": "#3f3f40", "muted-5": "#3f3f40" }, "hover-on": { "action-primary": "#ffffff", "action-secondary": "#0F3E99", "emphasis": "#ffffff", "success": "#ffffff", "success--faded": "#3f3f40", "danger": "#ffffff", "danger--faded": "#3f3f40", "warning": "#ffffff", "warning--faded": "#1a1a1a" }, "active-on": { "action-primary": "#ffffff", "action-secondary": "#000000", "emphasis": "#ffffff", "success": "#ffffff", "success--faded": "#3f3f40", "danger": "#ffffff", "danger--faded": "#3f3f40", "warning": "#ffffff", "warning--faded": "#1a1a1a" } }, "borderWidths": [0, 0.125, 0.25, 0.5, 1, 2], "borderRadius": [0, 0.125, 0.25, 0.5, 1], "widths": [1, 2, 4, 8, 16], "maxWidths": [1, 2, 4, 8, 16, 32, 48, 64, 96], "heights": [1, 2, 4, 8, 16], "sizes": [ { "name": "small", "value": 2 }, { "name": "regular", "value": 2.5 }, { "name": "large", "value": 3 } ], "typography": { "measure": [30, 34, 20], "styles": { "heading-1": { "fontFamily": "Open Sans, arial, sans-serif", "fontWeight": "700", "fontSize": "3rem", "textTransform": "initial", "letterSpacing": "0" }, "heading-2": { "fontFamily": "Open Sans, arial, sans-serif", "fontWeight": "400", "fontSize": "1.5rem", "textTransform": "initial", "letterSpacing": "0" }, "heading-3": { "fontFamily": "Open Sans, arial, sans-serif", "fontWeight": "400", "fontSize": "0.875rem", "textTransform": "initial", "letterSpacing": "0" }, "heading-4": { "fontFamily": "Open Sans, arial, sans-serif", "fontWeight": "300", "fontSize": "1.25rem", "textTransform": "initial", "letterSpacing": "0" }, "heading-5": { "fontFamily": "Open Sans, arial, sans-serif", "fontWeight": "normal", "fontSize": "1.25rem", "textTransform": "initial", "letterSpacing": "0" }, "heading-6": { "fontFamily": "Open Sans, arial, sans-serif", "fontWeight": "normal", "fontSize": "1.25rem", "textTransform": "initial", "letterSpacing": "0" }, "body": { "fontFamily": "Open Sans, arial, sans-serif", "fontWeight": "normal", "fontSize": "1rem", "textTransform": "initial", "letterSpacing": "0" }, "small": { "fontFamily": "Open Sans, arial, sans-serif", "fontWeight": "normal", "fontSize": "0.875rem", "textTransform": "initial", "letterSpacing": "0" }, "mini": { "fontFamily": "Open Sans, arial, sans-serif", "fontWeight": "normal", "fontSize": "0.75rem", "textTransform": "initial", "letterSpacing": "0" }, "action": { "fontFamily": "Open Sans, arial, sans-serif", "fontWeight": "500", "fontSize": "1rem", "textTransform": "uppercase", "letterSpacing": "0" }, "action--small": { "fontFamily": "Open Sans, arial, sans-serif", "fontWeight": "500", "fontSize": "0.875rem", "textTransform": "uppercase", "letterSpacing": "0" }, "action--large": { "fontFamily": "Open Sans, arial, sans-serif", "fontWeight": "500", "fontSize": "1.25rem", "textTransform": "uppercase", "letterSpacing": "0" }, "code": { "fontFamily": "Consolas, monaco, monospace", "fontWeight": "normal", "fontSize": "1rem", "textTransform": "initial", "letterSpacing": "0" } } }, "opacity": [1, 0.9, 0.8, 0.7, 0.6, 0.5, 0.4, 0.3, 0.2, 0.1, 0.05, 0.025, 0] }