{ "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": "#00000066", "action-primary": "#292929", "action-secondary": "#eef3f7", "emphasis": "#292929", "disabled": "#66666669", "success": "#8bc34a", "success--faded": "#eafce3", "danger": "#ff4c4c", "danger--faded": "#ffe6e6", "warning": "#ffb100", "warning--faded": "#fff6e0", "muted-1": "#727273", "muted-2": "#292929", "muted-3": "#cacbcc", "muted-4": "#e3e4e6", "muted-5": "#66666669" }, "hover-background": { "action-primary": "#292929", "action-secondary": "#D5D5D5", "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": "#66666669" }, "active-background": { "action-primary": "#e5e5e5", "action-secondary": "#D5D5D5", "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": "#66666669" }, "text": { "action-primary": "#7D7D7D", "action-secondary": "#eef3f7", "link": "#979899", "emphasis": "#79bc43", "disabled": "#979899", "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": "#66666669" }, "visited-text": { "link": "#e5e5e5" }, "hover-text": { "action-primary": "#303030", "action-secondary": "#D5D5D5", "link": "#e5e5e5", "emphasis": "#dd1659", "success": "#8bc34a", "success--faded": "#eafce3", "danger": "#e13232", "danger--faded": "#ffe6e6", "warning": "#ffb100", "warning--faded": "#fff6e0" }, "active-text": { "link": "#e5e5e5", "emphasis": "#dd1659", "success": "#8bc34a", "success--faded": "#eafce3", "danger": "#ff4c4c", "danger--faded": "#ffe6e6", "warning": "#ffb100", "warning--faded": "#fff6e0" }, "border": { "action-primary": "#292929", "action-secondary": "#eef3f7", "emphasis": "#79bc43", "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": "#66666669" }, "hover-border": { "action-primary": "#303030", "action-secondary": "#D5D5D5", "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": "#66666669" }, "active-border": { "action-primary": "#e5e5e5", "action-secondary": "#D5D5D5", "emphasis": "#dd1659", "success": "#8bc34a", "success--faded": "#eafce3", "danger": "#ff4c4c", "danger--faded": "#ffe6e6", "warning": "#ffb100", "warning--faded": "#fff6e0", "muted-1": "#727273", "muted-2": "#7D7D7D", "muted-3": "#cacbcc", "muted-4": "#e3e4e6", "muted-5": "#66666669" }, "on": { "base": "#7D7D7D", "base--inverted": "#ffffff", "action-primary": "#ffffff", "action-secondary": "#0F3E99", "emphasis": "#ffffff", "disabled": "#979899", "success": "#ffffff", "success--faded": "#7D7D7D", "danger": "#ffffff", "danger--faded": "#7D7D7D", "warning": "#ffffff", "warning--faded": "#1a1a1a", "muted-1": "#ffffff", "muted-2": "#ffffff", "muted-3": "#7D7D7D", "muted-4": "#7D7D7D", "muted-5": "#7D7D7D", "m3": "#0F3E99" }, "m3": { "base": "#7D7D7D", "base--inverted": "#ffffff", "action-primary": "#ffffff", "action-secondary": "#0F3E99", "emphasis": "#0F3E99", "disabled": "#979899", "success": "#ffffff", "success--faded": "#7D7D7D", "danger": "#ffffff", "danger--faded": "#7D7D7D", "warning": "#ffffff", "warning--faded": "#1a1a1a", "muted-1": "#ffffff", "muted-2": "#ffffff", "muted-3": "#7D7D7D", "muted-4": "#7D7D7D", "muted-5": "#7D7D7D" }, "hover-on": { "action-primary": "#ffffff", "action-secondary": "#0F3E99", "emphasis": "#ffffff", "success": "#ffffff", "success--faded": "#7D7D7D", "danger": "#ffffff", "danger--faded": "#7D7D7D", "warning": "#ffffff", "warning--faded": "#1a1a1a" }, "active-on": { "action-primary": "#ffffff", "action-secondary": "#0F3E99", "emphasis": "#ffffff", "success": "#ffffff", "success--faded": "#7D7D7D", "danger": "#ffffff", "danger--faded": "#7D7D7D", "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": { "custom-heading-1": { "fontFamily": "Roboto, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif", "fontWeight": "700", "fontSize": "3rem", "textTransform": "initial", "letterSpacing": "0" }, "heading-1": { "fontFamily": "Roboto, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif", "fontWeight": "700", "fontSize": "3rem", "textTransform": "initial", "letterSpacing": "0" }, "heading-2": { "fontFamily": "Roboto, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif", "fontWeight": "700", "fontSize": "2.25rem", "textTransform": "initial", "letterSpacing": "0" }, "heading-3": { "fontFamily": "Roboto, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif", "fontWeight": "700", "fontSize": "1.75rem", "textTransform": "initial", "letterSpacing": "0" }, "heading-4": { "fontFamily": "Roboto, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif", "fontWeight": "900", "fontSize": "24px", "textTransform": "initial", "letterSpacing": "0" }, "heading-5": { "fontFamily": "Roboto, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif", "fontWeight": "normal", "fontSize": "1.25rem", "textTransform": "initial", "letterSpacing": "0" }, "heading-6": { "fontFamily": "Roboto, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif", "fontWeight": "normal", "fontSize": "1.25rem", "textTransform": "initial", "letterSpacing": "0" }, "body": { "fontFamily": "Roboto, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif", "fontWeight": "normal", "fontSize": "1rem", "textTransform": "initial", "letterSpacing": "0" }, "small": { "fontFamily": "Roboto, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif", "fontWeight": "normal", "fontSize": "0.875rem", "textTransform": "initial", "letterSpacing": "0" }, "mini": { "fontFamily": "Roboto, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif", "fontWeight": "normal", "fontSize": "0.75rem", "textTransform": "initial", "letterSpacing": "0" }, "action": { "fontFamily": "Roboto, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif", "fontWeight": "500", "fontSize": "1rem", "textTransform": "uppercase", "letterSpacing": "0" }, "action--small": { "fontFamily": "Roboto, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif", "fontWeight": "500", "fontSize": "0.875rem", "textTransform": "uppercase", "letterSpacing": "0" }, "action--large": { "fontFamily": "Roboto, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, 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 ] }