{ "format": "uix-figma-variables", "formatVersion": 1, "preset": { "id": "turnpike-haul", "name": "Turnpike Haul", "version": "1.1.0" }, "collections": [ { "name": "Turnpike Haul / Primitives", "modes": [ "Value" ], "variables": [ { "name": "color/brand/50", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#fff8e8" } } }, { "name": "color/brand/100", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#ffefc7" } } }, { "name": "color/brand/200", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#ffdd8f" } } }, { "name": "color/brand/300", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#ffc54d" } } }, { "name": "color/brand/400", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#f7ab26" } } }, { "name": "color/brand/500", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#e08a00" } } }, { "name": "color/brand/600", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#a35800" } } }, { "name": "color/brand/700", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#854700" } } }, { "name": "color/brand/800", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#663500" } } }, { "name": "color/brand/900", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#482400" } } }, { "name": "color/brand/950", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#2d1400" } } }, { "name": "color/neutral/50", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#faf7f2" } } }, { "name": "color/neutral/100", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#f1ece4" } } }, { "name": "color/neutral/200", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#e0d9cf" } } }, { "name": "color/neutral/300", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#c8c0b4" } } }, { "name": "color/neutral/400", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#a9a094" } } }, { "name": "color/neutral/500", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#8b8276" } } }, { "name": "color/neutral/600", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#70685d" } } }, { "name": "color/neutral/700", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#585148" } } }, { "name": "color/neutral/800", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#403a33" } } }, { "name": "color/neutral/900", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#2b2723" } } }, { "name": "color/neutral/950", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#1a1714" } } }, { "name": "color/success/50", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#edfbef" } } }, { "name": "color/success/100", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#d3f3da" } } }, { "name": "color/success/200", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#aee4bb" } } }, { "name": "color/success/300", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#82cd96" } } }, { "name": "color/success/400", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#5cb374" } } }, { "name": "color/success/500", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#3a9757" } } }, { "name": "color/success/600", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#267d45" } } }, { "name": "color/success/700", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#1a6437" } } }, { "name": "color/success/800", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#104c29" } } }, { "name": "color/success/900", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#08351c" } } }, { "name": "color/success/950", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#031f10" } } }, { "name": "color/warning/50", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#fffae0" } } }, { "name": "color/warning/100", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#fff3b3" } } }, { "name": "color/warning/200", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#fbe372" } } }, { "name": "color/warning/300", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#ecc93a" } } }, { "name": "color/warning/400", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#d4ad12" } } }, { "name": "color/warning/500", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#b28e00" } } }, { "name": "color/warning/600", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#8f7100" } } }, { "name": "color/warning/700", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#6f5700" } } }, { "name": "color/warning/800", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#523f00" } } }, { "name": "color/warning/900", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#392b00" } } }, { "name": "color/warning/950", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#221900" } } }, { "name": "color/danger/50", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#fff4f5" } } }, { "name": "color/danger/100", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#ffe3e6" } } }, { "name": "color/danger/200", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#ffc6ce" } } }, { "name": "color/danger/300", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#ff9dac" } } }, { "name": "color/danger/400", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#f66e89" } } }, { "name": "color/danger/500", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#e1436b" } } }, { "name": "color/danger/600", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#c02d56" } } }, { "name": "color/danger/700", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#9c2043" } } }, { "name": "color/danger/800", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#791231" } } }, { "name": "color/danger/900", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#580521" } } }, { "name": "color/danger/950", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#390011" } } }, { "name": "radius/none", "type": "FLOAT", "scopes": [ "CORNER_RADIUS" ], "values": { "Value": { "number": 0 } } }, { "name": "radius/sm", "type": "FLOAT", "scopes": [ "CORNER_RADIUS" ], "values": { "Value": { "number": 4 } } }, { "name": "radius/md", "type": "FLOAT", "scopes": [ "CORNER_RADIUS" ], "values": { "Value": { "number": 8 } } }, { "name": "radius/lg", "type": "FLOAT", "scopes": [ "CORNER_RADIUS" ], "values": { "Value": { "number": 12 } } }, { "name": "radius/xl", "type": "FLOAT", "scopes": [ "CORNER_RADIUS" ], "values": { "Value": { "number": 16 } } }, { "name": "radius/full", "type": "FLOAT", "scopes": [ "CORNER_RADIUS" ], "values": { "Value": { "number": 9999 } } }, { "name": "space/0", "type": "FLOAT", "scopes": [ "GAP", "WIDTH_HEIGHT" ], "values": { "Value": { "number": 0 } } }, { "name": "space/1", "type": "FLOAT", "scopes": [ "GAP", "WIDTH_HEIGHT" ], "values": { "Value": { "number": 4 } } }, { "name": "space/2", "type": "FLOAT", "scopes": [ "GAP", "WIDTH_HEIGHT" ], "values": { "Value": { "number": 8 } } }, { "name": "space/3", "type": "FLOAT", "scopes": [ "GAP", "WIDTH_HEIGHT" ], "values": { "Value": { "number": 12 } } }, { "name": "space/4", "type": "FLOAT", "scopes": [ "GAP", "WIDTH_HEIGHT" ], "values": { "Value": { "number": 16 } } }, { "name": "space/5", "type": "FLOAT", "scopes": [ "GAP", "WIDTH_HEIGHT" ], "values": { "Value": { "number": 20 } } }, { "name": "space/6", "type": "FLOAT", "scopes": [ "GAP", "WIDTH_HEIGHT" ], "values": { "Value": { "number": 24 } } }, { "name": "space/8", "type": "FLOAT", "scopes": [ "GAP", "WIDTH_HEIGHT" ], "values": { "Value": { "number": 32 } } }, { "name": "space/10", "type": "FLOAT", "scopes": [ "GAP", "WIDTH_HEIGHT" ], "values": { "Value": { "number": 40 } } }, { "name": "space/12", "type": "FLOAT", "scopes": [ "GAP", "WIDTH_HEIGHT" ], "values": { "Value": { "number": 48 } } }, { "name": "space/16", "type": "FLOAT", "scopes": [ "GAP", "WIDTH_HEIGHT" ], "values": { "Value": { "number": 64 } } }, { "name": "space/20", "type": "FLOAT", "scopes": [ "GAP", "WIDTH_HEIGHT" ], "values": { "Value": { "number": 80 } } }, { "name": "space/24", "type": "FLOAT", "scopes": [ "GAP", "WIDTH_HEIGHT" ], "values": { "Value": { "number": 96 } } }, { "name": "space/0_5", "type": "FLOAT", "scopes": [ "GAP", "WIDTH_HEIGHT" ], "values": { "Value": { "number": 2 } } }, { "name": "space/1_5", "type": "FLOAT", "scopes": [ "GAP", "WIDTH_HEIGHT" ], "values": { "Value": { "number": 6 } } } ] }, { "name": "Turnpike Haul / Theme", "modes": [ "Light", "Dark" ], "variables": [ { "name": "background/default", "type": "COLOR", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "values": { "Light": { "alias": "color/neutral/50" }, "Dark": { "alias": "color/neutral/950" } } }, { "name": "foreground/default", "type": "COLOR", "scopes": [ "TEXT_FILL", "SHAPE_FILL" ], "values": { "Light": { "alias": "color/neutral/950" }, "Dark": { "alias": "color/neutral/50" } } }, { "name": "card/default", "type": "COLOR", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "values": { "Light": { "hex": "#ffffff" }, "Dark": { "alias": "color/neutral/900" } } }, { "name": "card/foreground", "type": "COLOR", "scopes": [ "TEXT_FILL", "SHAPE_FILL" ], "values": { "Light": { "alias": "color/neutral/950" }, "Dark": { "alias": "color/neutral/50" } } }, { "name": "popover/default", "type": "COLOR", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "values": { "Light": { "hex": "#ffffff" }, "Dark": { "alias": "color/neutral/900" } } }, { "name": "popover/foreground", "type": "COLOR", "scopes": [ "TEXT_FILL", "SHAPE_FILL" ], "values": { "Light": { "alias": "color/neutral/950" }, "Dark": { "alias": "color/neutral/50" } } }, { "name": "primary/default", "type": "COLOR", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "values": { "Light": { "alias": "color/brand/600" }, "Dark": { "alias": "color/brand/400" } } }, { "name": "primary/foreground", "type": "COLOR", "scopes": [ "TEXT_FILL", "SHAPE_FILL" ], "values": { "Light": { "hex": "#ffffff" }, "Dark": { "alias": "color/brand/950" } } }, { "name": "secondary/default", "type": "COLOR", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "values": { "Light": { "alias": "color/neutral/100" }, "Dark": { "alias": "color/neutral/800" } } }, { "name": "secondary/foreground", "type": "COLOR", "scopes": [ "TEXT_FILL", "SHAPE_FILL" ], "values": { "Light": { "alias": "color/neutral/900" }, "Dark": { "alias": "color/neutral/100" } } }, { "name": "muted/default", "type": "COLOR", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "values": { "Light": { "alias": "color/neutral/100" }, "Dark": { "alias": "color/neutral/800" } } }, { "name": "muted/foreground", "type": "COLOR", "scopes": [ "TEXT_FILL", "SHAPE_FILL" ], "values": { "Light": { "alias": "color/neutral/700" }, "Dark": { "alias": "color/neutral/300" } } }, { "name": "accent/default", "type": "COLOR", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "values": { "Light": { "alias": "color/brand/100" }, "Dark": { "alias": "color/brand/900" } } }, { "name": "accent/foreground", "type": "COLOR", "scopes": [ "TEXT_FILL", "SHAPE_FILL" ], "values": { "Light": { "alias": "color/brand/900" }, "Dark": { "alias": "color/brand/100" } } }, { "name": "destructive/default", "type": "COLOR", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "values": { "Light": { "alias": "color/danger/600" }, "Dark": { "alias": "color/danger/400" } } }, { "name": "destructive/foreground", "type": "COLOR", "scopes": [ "TEXT_FILL", "SHAPE_FILL" ], "values": { "Light": { "hex": "#ffffff" }, "Dark": { "alias": "color/danger/950" } } }, { "name": "success/default", "type": "COLOR", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "values": { "Light": { "alias": "color/success/700" }, "Dark": { "alias": "color/success/400" } } }, { "name": "success/foreground", "type": "COLOR", "scopes": [ "TEXT_FILL", "SHAPE_FILL" ], "values": { "Light": { "hex": "#ffffff" }, "Dark": { "alias": "color/success/950" } } }, { "name": "warning/default", "type": "COLOR", "scopes": [ "FRAME_FILL", "SHAPE_FILL" ], "values": { "Light": { "alias": "color/warning/200" }, "Dark": { "alias": "color/warning/400" } } }, { "name": "warning/foreground", "type": "COLOR", "scopes": [ "TEXT_FILL", "SHAPE_FILL" ], "values": { "Light": { "alias": "color/warning/900" }, "Dark": { "alias": "color/warning/950" } } }, { "name": "border/default", "type": "COLOR", "scopes": [ "STROKE_COLOR" ], "values": { "Light": { "alias": "color/neutral/200" }, "Dark": { "alias": "color/neutral/800" } } }, { "name": "input/default", "type": "COLOR", "scopes": [ "STROKE_COLOR" ], "values": { "Light": { "alias": "color/neutral/300" }, "Dark": { "alias": "color/neutral/700" } } }, { "name": "ring/default", "type": "COLOR", "scopes": [ "STROKE_COLOR" ], "values": { "Light": { "alias": "color/brand/600" }, "Dark": { "alias": "color/brand/400" } } } ] } ], "textStyles": [ { "name": "Turnpike Haul/display / lg", "fontFamily": "DM Serif Display", "fontStyle": "Regular", "fontSize": 72, "lineHeightPercent": 102, "letterSpacingPercent": -3 }, { "name": "Turnpike Haul/display / md", "fontFamily": "DM Serif Display", "fontStyle": "Regular", "fontSize": 54, "lineHeightPercent": 105, "letterSpacingPercent": -2.5 }, { "name": "Turnpike Haul/heading / lg", "fontFamily": "DM Serif Display", "fontStyle": "Regular", "fontSize": 36, "lineHeightPercent": 112, "letterSpacingPercent": -1.5 }, { "name": "Turnpike Haul/heading / md", "fontFamily": "DM Sans", "fontStyle": "Bold", "fontSize": 24, "lineHeightPercent": 125, "letterSpacingPercent": -1.2 }, { "name": "Turnpike Haul/heading / sm", "fontFamily": "DM Sans", "fontStyle": "SemiBold", "fontSize": 20, "lineHeightPercent": 135, "letterSpacingPercent": -0.6 }, { "name": "Turnpike Haul/body / lg", "fontFamily": "DM Sans", "fontStyle": "Regular", "fontSize": 18, "lineHeightPercent": 160, "letterSpacingPercent": 0 }, { "name": "Turnpike Haul/body / md", "fontFamily": "DM Sans", "fontStyle": "Regular", "fontSize": 16, "lineHeightPercent": 155, "letterSpacingPercent": 0 }, { "name": "Turnpike Haul/body / sm", "fontFamily": "DM Sans", "fontStyle": "Regular", "fontSize": 14, "lineHeightPercent": 150, "letterSpacingPercent": 0 }, { "name": "Turnpike Haul/label", "fontFamily": "DM Sans", "fontStyle": "SemiBold", "fontSize": 14, "lineHeightPercent": 130, "letterSpacingPercent": 0.5 }, { "name": "Turnpike Haul/caption", "fontFamily": "DM Sans", "fontStyle": "Medium", "fontSize": 12, "lineHeightPercent": 145, "letterSpacingPercent": 2 }, { "name": "Turnpike Haul/code", "fontFamily": "DM Mono", "fontStyle": "Regular", "fontSize": 14, "lineHeightPercent": 150, "letterSpacingPercent": 0 } ] }