{ "format": "uix-figma-variables", "formatVersion": 1, "preset": { "id": "cinnabar-vitae", "name": "Cinnabar Vitae", "version": "1.1.0" }, "collections": [ { "name": "Cinnabar Vitae / Primitives", "modes": [ "Value" ], "variables": [ { "name": "color/brand/50", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#fff2ef" } } }, { "name": "color/brand/100", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#ffe1da" } } }, { "name": "color/brand/200", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#ffc2b6" } } }, { "name": "color/brand/300", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#ff9885" } } }, { "name": "color/brand/400", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#f46e53" } } }, { "name": "color/brand/500", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#dc4e34" } } }, { "name": "color/brand/600", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#bc3a22" } } }, { "name": "color/brand/700", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#972b17" } } }, { "name": "color/brand/800", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#721d0d" } } }, { "name": "color/brand/900", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#501204" } } }, { "name": "color/brand/950", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#310a01" } } }, { "name": "color/neutral/50", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#f7f3ef" } } }, { "name": "color/neutral/100", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#ece6e0" } } }, { "name": "color/neutral/200", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#dad2cb" } } }, { "name": "color/neutral/300", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#bfb6ae" } } }, { "name": "color/neutral/400", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#a0968d" } } }, { "name": "color/neutral/500", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#82786f" } } }, { "name": "color/neutral/600", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#665e57" } } }, { "name": "color/neutral/700", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#4e4742" } } }, { "name": "color/neutral/800", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#342f2b" } } }, { "name": "color/neutral/900", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#201c1a" } } }, { "name": "color/neutral/950", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#13100f" } } }, { "name": "color/success/50", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#eefaf0" } } }, { "name": "color/success/100", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#d6f3dc" } } }, { "name": "color/success/200", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#afe5bb" } } }, { "name": "color/success/300", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#84cf96" } } }, { "name": "color/success/400", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#5bb571" } } }, { "name": "color/success/500", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#3c9a55" } } }, { "name": "color/success/600", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#2c7f45" } } }, { "name": "color/success/700", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#216537" } } }, { "name": "color/success/800", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#184d2a" } } }, { "name": "color/success/900", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#10361d" } } }, { "name": "color/success/950", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#072010" } } }, { "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": "#ffeebf" } } }, { "name": "color/warning/200", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#fadc8c" } } }, { "name": "color/warning/300", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#eec35c" } } }, { "name": "color/warning/400", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#d9a52e" } } }, { "name": "color/warning/500", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#bb8808" } } }, { "name": "color/warning/600", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#986e00" } } }, { "name": "color/warning/700", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#775500" } } }, { "name": "color/warning/800", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#593f00" } } }, { "name": "color/warning/900", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#3f2c00" } } }, { "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": "#fff1f6" } } }, { "name": "color/danger/100", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#ffe0ec" } } }, { "name": "color/danger/200", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#ffc0d8" } } }, { "name": "color/danger/300", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#ff93ba" } } }, { "name": "color/danger/400", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#f8659c" } } }, { "name": "color/danger/500", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#e03a7c" } } }, { "name": "color/danger/600", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#be2264" } } }, { "name": "color/danger/700", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#98174f" } } }, { "name": "color/danger/800", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#730f3c" } } }, { "name": "color/danger/900", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#520829" } } }, { "name": "color/danger/950", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#340218" } } }, { "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": 6 } } }, { "name": "radius/lg", "type": "FLOAT", "scopes": [ "CORNER_RADIUS" ], "values": { "Value": { "number": 10 } } }, { "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": "Cinnabar Vitae / 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": "Cinnabar Vitae/display / lg", "fontFamily": "Young Serif", "fontStyle": "Regular", "fontSize": 64, "lineHeightPercent": 105, "letterSpacingPercent": -3 }, { "name": "Cinnabar Vitae/display / md", "fontFamily": "Young Serif", "fontStyle": "Regular", "fontSize": 48, "lineHeightPercent": 110, "letterSpacingPercent": -2.5 }, { "name": "Cinnabar Vitae/heading / lg", "fontFamily": "Young Serif", "fontStyle": "Regular", "fontSize": 36, "lineHeightPercent": 115, "letterSpacingPercent": -1.5 }, { "name": "Cinnabar Vitae/heading / md", "fontFamily": "Work Sans", "fontStyle": "SemiBold", "fontSize": 24, "lineHeightPercent": 130, "letterSpacingPercent": -1 }, { "name": "Cinnabar Vitae/heading / sm", "fontFamily": "Work Sans", "fontStyle": "SemiBold", "fontSize": 20, "lineHeightPercent": 135, "letterSpacingPercent": -0.5 }, { "name": "Cinnabar Vitae/body / lg", "fontFamily": "Work Sans", "fontStyle": "Regular", "fontSize": 18, "lineHeightPercent": 165, "letterSpacingPercent": 0 }, { "name": "Cinnabar Vitae/body / md", "fontFamily": "Work Sans", "fontStyle": "Regular", "fontSize": 16, "lineHeightPercent": 160, "letterSpacingPercent": 0 }, { "name": "Cinnabar Vitae/body / sm", "fontFamily": "Work Sans", "fontStyle": "Regular", "fontSize": 14, "lineHeightPercent": 150, "letterSpacingPercent": 0 }, { "name": "Cinnabar Vitae/label", "fontFamily": "Work Sans", "fontStyle": "Medium", "fontSize": 14, "lineHeightPercent": 130, "letterSpacingPercent": 1 }, { "name": "Cinnabar Vitae/caption", "fontFamily": "Work Sans", "fontStyle": "Medium", "fontSize": 12, "lineHeightPercent": 140, "letterSpacingPercent": 4 }, { "name": "Cinnabar Vitae/code", "fontFamily": "IBM Plex Mono", "fontStyle": "Regular", "fontSize": 14, "lineHeightPercent": 160, "letterSpacingPercent": 0 } ] }