{ "format": "uix-figma-variables", "formatVersion": 1, "preset": { "id": "beetroot-harrow", "name": "Beetroot Harrow", "version": "1.1.0" }, "collections": [ { "name": "Beetroot Harrow / Primitives", "modes": [ "Value" ], "variables": [ { "name": "color/brand/50", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#fff3f3" } } }, { "name": "color/brand/100", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#ffe2e3" } } }, { "name": "color/brand/200", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#ffc4c8" } } }, { "name": "color/brand/300", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#ff9aa2" } } }, { "name": "color/brand/400", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#f06a77" } } }, { "name": "color/brand/500", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#d94455" } } }, { "name": "color/brand/600", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#b8283a" } } }, { "name": "color/brand/700", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#961d2e" } } }, { "name": "color/brand/800", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#741523" } } }, { "name": "color/brand/900", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#550c17" } } }, { "name": "color/brand/950", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#370509" } } }, { "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": "#f1ede6" } } }, { "name": "color/neutral/200", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#e0dad1" } } }, { "name": "color/neutral/300", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#c8c1b6" } } }, { "name": "color/neutral/400", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#a9a195" } } }, { "name": "color/neutral/500", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#8a8277" } } }, { "name": "color/neutral/600", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#6e675d" } } }, { "name": "color/neutral/700", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#565049" } } }, { "name": "color/neutral/800", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#3d3934" } } }, { "name": "color/neutral/900", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#2a2723" } } }, { "name": "color/neutral/950", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#191715" } } }, { "name": "color/success/50", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#f1f9ea" } } }, { "name": "color/success/100", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#ddf2d0" } } }, { "name": "color/success/200", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#bde3a9" } } }, { "name": "color/success/300", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#94cf7d" } } }, { "name": "color/success/400", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#6bb556" } } }, { "name": "color/success/500", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#4c9a3c" } } }, { "name": "color/success/600", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#3a7f2f" } } }, { "name": "color/success/700", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#2d6526" } } }, { "name": "color/success/800", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#214c1d" } } }, { "name": "color/success/900", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#163514" } } }, { "name": "color/success/950", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#0b200a" } } }, { "name": "color/warning/50", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#fff8e6" } } }, { "name": "color/warning/100", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#ffedbd" } } }, { "name": "color/warning/200", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#fbdc8b" } } }, { "name": "color/warning/300", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#eec45a" } } }, { "name": "color/warning/400", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#d9a82c" } } }, { "name": "color/warning/500", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#b98a10" } } }, { "name": "color/warning/600", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#966d06" } } }, { "name": "color/warning/700", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#765403" } } }, { "name": "color/warning/800", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#583d01" } } }, { "name": "color/warning/900", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#3d2a00" } } }, { "name": "color/warning/950", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#261a00" } } }, { "name": "color/danger/50", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#fdf2fa" } } }, { "name": "color/danger/100", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#fbe0f3" } } }, { "name": "color/danger/200", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#f6c1e7" } } }, { "name": "color/danger/300", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#ee92d4" } } }, { "name": "color/danger/400", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#e05cba" } } }, { "name": "color/danger/500", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#c33a9c" } } }, { "name": "color/danger/600", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#a51f7d" } } }, { "name": "color/danger/700", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#841962" } } }, { "name": "color/danger/800", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#63104a" } } }, { "name": "color/danger/900", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#470834" } } }, { "name": "color/danger/950", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#2c0120" } } }, { "name": "radius/none", "type": "FLOAT", "scopes": [ "CORNER_RADIUS" ], "values": { "Value": { "number": 0 } } }, { "name": "radius/sm", "type": "FLOAT", "scopes": [ "CORNER_RADIUS" ], "values": { "Value": { "number": 2 } } }, { "name": "radius/md", "type": "FLOAT", "scopes": [ "CORNER_RADIUS" ], "values": { "Value": { "number": 4 } } }, { "name": "radius/lg", "type": "FLOAT", "scopes": [ "CORNER_RADIUS" ], "values": { "Value": { "number": 6 } } }, { "name": "radius/xl", "type": "FLOAT", "scopes": [ "CORNER_RADIUS" ], "values": { "Value": { "number": 10 } } }, { "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": "Beetroot Harrow / 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": "#fffdf9" }, "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": "#fffdf9" }, "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/500" }, "Dark": { "alias": "color/brand/400" } } } ] } ], "textStyles": [ { "name": "Beetroot Harrow/display / lg", "fontFamily": "Familjen Grotesk", "fontStyle": "Bold", "fontSize": 64, "lineHeightPercent": 102, "letterSpacingPercent": -3 }, { "name": "Beetroot Harrow/display / md", "fontFamily": "Familjen Grotesk", "fontStyle": "Bold", "fontSize": 48, "lineHeightPercent": 106, "letterSpacingPercent": -2.5 }, { "name": "Beetroot Harrow/heading / lg", "fontFamily": "Familjen Grotesk", "fontStyle": "SemiBold", "fontSize": 36, "lineHeightPercent": 112, "letterSpacingPercent": -2 }, { "name": "Beetroot Harrow/heading / md", "fontFamily": "Familjen Grotesk", "fontStyle": "SemiBold", "fontSize": 27, "lineHeightPercent": 122, "letterSpacingPercent": -1.2 }, { "name": "Beetroot Harrow/heading / sm", "fontFamily": "Rubik", "fontStyle": "SemiBold", "fontSize": 16, "lineHeightPercent": 140, "letterSpacingPercent": 0 }, { "name": "Beetroot Harrow/body / lg", "fontFamily": "Rubik", "fontStyle": "Regular", "fontSize": 18, "lineHeightPercent": 165, "letterSpacingPercent": 0 }, { "name": "Beetroot Harrow/body / md", "fontFamily": "Rubik", "fontStyle": "Regular", "fontSize": 16, "lineHeightPercent": 165, "letterSpacingPercent": 0 }, { "name": "Beetroot Harrow/body / sm", "fontFamily": "Rubik", "fontStyle": "Regular", "fontSize": 14, "lineHeightPercent": 155, "letterSpacingPercent": 0 }, { "name": "Beetroot Harrow/label", "fontFamily": "Rubik", "fontStyle": "Medium", "fontSize": 14, "lineHeightPercent": 125, "letterSpacingPercent": 1 }, { "name": "Beetroot Harrow/caption", "fontFamily": "Rubik", "fontStyle": "Medium", "fontSize": 12, "lineHeightPercent": 145, "letterSpacingPercent": 4 }, { "name": "Beetroot Harrow/code", "fontFamily": "JetBrains Mono", "fontStyle": "Regular", "fontSize": 14, "lineHeightPercent": 155, "letterSpacingPercent": 0 } ] }