{ "format": "uix-figma-variables", "formatVersion": 1, "preset": { "id": "seasalt-digest", "name": "Seasalt Digest", "version": "1.1.0" }, "collections": [ { "name": "Seasalt Digest / Primitives", "modes": [ "Value" ], "variables": [ { "name": "color/brand/50", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#fff7ef" } } }, { "name": "color/brand/100", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#ffeadb" } } }, { "name": "color/brand/200", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#fbd2b0" } } }, { "name": "color/brand/300", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#f2b27c" } } }, { "name": "color/brand/400", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#e48d4c" } } }, { "name": "color/brand/500", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#c76e2b" } } }, { "name": "color/brand/600", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#a65a1f" } } }, { "name": "color/brand/700", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#844619" } } }, { "name": "color/brand/800", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#653514" } } }, { "name": "color/brand/900", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#49250d" } } }, { "name": "color/brand/950", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#2d1405" } } }, { "name": "color/neutral/50", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#f4f7f6" } } }, { "name": "color/neutral/100", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#e8eeed" } } }, { "name": "color/neutral/200", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#d3dcda" } } }, { "name": "color/neutral/300", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#b8c4c1" } } }, { "name": "color/neutral/400", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#94a39f" } } }, { "name": "color/neutral/500", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#75857f" } } }, { "name": "color/neutral/600", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#5d6c67" } } }, { "name": "color/neutral/700", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#4a5753" } } }, { "name": "color/neutral/800", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#364140" } } }, { "name": "color/neutral/900", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#1f2827" } } }, { "name": "color/neutral/950", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#111817" } } }, { "name": "color/success/50", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#eff9f3" } } }, { "name": "color/success/100", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#d8f1e2" } } }, { "name": "color/success/200", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#b3e2c7" } } }, { "name": "color/success/300", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#86cca4" } } }, { "name": "color/success/400", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#5bb283" } } }, { "name": "color/success/500", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#3a9767" } } }, { "name": "color/success/600", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#287b51" } } }, { "name": "color/success/700", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#1b6441" } } }, { "name": "color/success/800", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#144d32" } } }, { "name": "color/success/900", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#0d3624" } } }, { "name": "color/success/950", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#052015" } } }, { "name": "color/warning/50", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#fffaeb" } } }, { "name": "color/warning/100", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#fff1c7" } } }, { "name": "color/warning/200", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#fde28e" } } }, { "name": "color/warning/300", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#f0ca57" } } }, { "name": "color/warning/400", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#d9ae2c" } } }, { "name": "color/warning/500", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#b88f0b" } } }, { "name": "color/warning/600", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#967206" } } }, { "name": "color/warning/700", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#765905" } } }, { "name": "color/warning/800", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#594205" } } }, { "name": "color/warning/900", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#3f2e05" } } }, { "name": "color/warning/950", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#261b02" } } }, { "name": "color/danger/50", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#fff3f5" } } }, { "name": "color/danger/100", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#ffe2e8" } } }, { "name": "color/danger/200", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#ffc5d0" } } }, { "name": "color/danger/300", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#fb94aa" } } }, { "name": "color/danger/400", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#ef6288" } } }, { "name": "color/danger/500", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#d63a68" } } }, { "name": "color/danger/600", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#b52552" } } }, { "name": "color/danger/700", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#931b42" } } }, { "name": "color/danger/800", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#721234" } } }, { "name": "color/danger/900", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#520a26" } } }, { "name": "color/danger/950", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#340316" } } }, { "name": "radius/none", "type": "FLOAT", "scopes": [ "CORNER_RADIUS" ], "values": { "Value": { "number": 0 } } }, { "name": "radius/sm", "type": "FLOAT", "scopes": [ "CORNER_RADIUS" ], "values": { "Value": { "number": 6 } } }, { "name": "radius/md", "type": "FLOAT", "scopes": [ "CORNER_RADIUS" ], "values": { "Value": { "number": 10 } } }, { "name": "radius/lg", "type": "FLOAT", "scopes": [ "CORNER_RADIUS" ], "values": { "Value": { "number": 14 } } }, { "name": "radius/xl", "type": "FLOAT", "scopes": [ "CORNER_RADIUS" ], "values": { "Value": { "number": 20 } } }, { "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": "Seasalt Digest / 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/400" }, "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": "Seasalt Digest/display / lg", "fontFamily": "Playfair Display", "fontStyle": "Medium", "fontSize": 48, "lineHeightPercent": 108, "letterSpacingPercent": -2.2 }, { "name": "Seasalt Digest/display / md", "fontFamily": "Playfair Display", "fontStyle": "Medium", "fontSize": 38, "lineHeightPercent": 112, "letterSpacingPercent": -1.8 }, { "name": "Seasalt Digest/heading / lg", "fontFamily": "Playfair Display", "fontStyle": "SemiBold", "fontSize": 30, "lineHeightPercent": 120, "letterSpacingPercent": -1.2 }, { "name": "Seasalt Digest/heading / md", "fontFamily": "Source Sans 3", "fontStyle": "SemiBold", "fontSize": 20, "lineHeightPercent": 130, "letterSpacingPercent": -0.6 }, { "name": "Seasalt Digest/heading / sm", "fontFamily": "Source Sans 3", "fontStyle": "SemiBold", "fontSize": 16, "lineHeightPercent": 140, "letterSpacingPercent": 0 }, { "name": "Seasalt Digest/body / lg", "fontFamily": "Source Sans 3", "fontStyle": "Regular", "fontSize": 18, "lineHeightPercent": 160, "letterSpacingPercent": 0 }, { "name": "Seasalt Digest/body / md", "fontFamily": "Source Sans 3", "fontStyle": "Regular", "fontSize": 16, "lineHeightPercent": 160, "letterSpacingPercent": 0 }, { "name": "Seasalt Digest/body / sm", "fontFamily": "Source Sans 3", "fontStyle": "Regular", "fontSize": 14, "lineHeightPercent": 150, "letterSpacingPercent": 0 }, { "name": "Seasalt Digest/label", "fontFamily": "Source Sans 3", "fontStyle": "SemiBold", "fontSize": 14, "lineHeightPercent": 125, "letterSpacingPercent": 0.5 }, { "name": "Seasalt Digest/caption", "fontFamily": "Source Sans 3", "fontStyle": "Medium", "fontSize": 12, "lineHeightPercent": 140, "letterSpacingPercent": 1 }, { "name": "Seasalt Digest/code", "fontFamily": "IBM Plex Mono", "fontStyle": "Regular", "fontSize": 14, "lineHeightPercent": 150, "letterSpacingPercent": 0 } ] }