{ "format": "uix-figma-variables", "formatVersion": 1, "preset": { "id": "custard-schoolbook", "name": "Custard Schoolbook", "version": "1.1.0" }, "collections": [ { "name": "Custard Schoolbook / Primitives", "modes": [ "Value" ], "variables": [ { "name": "color/brand/50", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#fff8ea" } } }, { "name": "color/brand/100", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#ffedc9" } } }, { "name": "color/brand/200", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#fedb97" } } }, { "name": "color/brand/300", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#f6c25f" } } }, { "name": "color/brand/400", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#e8a52d" } } }, { "name": "color/brand/500", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#c08113" } } }, { "name": "color/brand/600", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#96600a" } } }, { "name": "color/brand/700", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#764a08" } } }, { "name": "color/brand/800", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#5a3707" } } }, { "name": "color/brand/900", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#3f2605" } } }, { "name": "color/brand/950", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#271602" } } }, { "name": "color/neutral/50", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#fbf6ec" } } }, { "name": "color/neutral/100", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#f3ecde" } } }, { "name": "color/neutral/200", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#e5dbca" } } }, { "name": "color/neutral/300", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#cec2ad" } } }, { "name": "color/neutral/400", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#ad9f8a" } } }, { "name": "color/neutral/500", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#8c7f69" } } }, { "name": "color/neutral/600", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#71654f" } } }, { "name": "color/neutral/700", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#5a503e" } } }, { "name": "color/neutral/800", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#433c2e" } } }, { "name": "color/neutral/900", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#2e291f" } } }, { "name": "color/neutral/950", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#1b1812" } } }, { "name": "color/success/50", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#f0fae8" } } }, { "name": "color/success/100", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#dcf3cd" } } }, { "name": "color/success/200", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#bae3a4" } } }, { "name": "color/success/300", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#93ce78" } } }, { "name": "color/success/400", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#6cb451" } } }, { "name": "color/success/500", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#4c9a37" } } }, { "name": "color/success/600", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#387e27" } } }, { "name": "color/success/700", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#2a6520" } } }, { "name": "color/success/800", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#1e4c17" } } }, { "name": "color/success/900", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#143610" } } }, { "name": "color/success/950", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#0a1f08" } } }, { "name": "color/warning/50", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#fffbe0" } } }, { "name": "color/warning/100", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#fff4b0" } } }, { "name": "color/warning/200", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#f8e46e" } } }, { "name": "color/warning/300", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#e7ce3a" } } }, { "name": "color/warning/400", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#cfb31a" } } }, { "name": "color/warning/500", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#ad9306" } } }, { "name": "color/warning/600", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#8b7500" } } }, { "name": "color/warning/700", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#6c5a00" } } }, { "name": "color/warning/800", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#514300" } } }, { "name": "color/warning/900", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#392e00" } } }, { "name": "color/warning/950", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#231b00" } } }, { "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": "#ffe2e6" } } }, { "name": "color/danger/200", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#ffc4cd" } } }, { "name": "color/danger/300", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#fb97a8" } } }, { "name": "color/danger/400", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#ef677f" } } }, { "name": "color/danger/500", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#d93d5d" } } }, { "name": "color/danger/600", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#b92646" } } }, { "name": "color/danger/700", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#961a38" } } }, { "name": "color/danger/800", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#73122b" } } }, { "name": "color/danger/900", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#520a1d" } } }, { "name": "color/danger/950", "type": "COLOR", "scopes": [ "ALL_FILLS", "STROKE_COLOR" ], "values": { "Value": { "hex": "#340210" } } }, { "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": 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": "Custard Schoolbook / 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": "#fffdf8" }, "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": "#fffdf8" }, "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/300" }, "Dark": { "alias": "color/neutral/700" } } }, { "name": "input/default", "type": "COLOR", "scopes": [ "STROKE_COLOR" ], "values": { "Light": { "alias": "color/neutral/400" }, "Dark": { "alias": "color/neutral/600" } } }, { "name": "ring/default", "type": "COLOR", "scopes": [ "STROKE_COLOR" ], "values": { "Light": { "alias": "color/brand/600" }, "Dark": { "alias": "color/brand/400" } } } ] } ], "textStyles": [ { "name": "Custard Schoolbook/display / lg", "fontFamily": "Epilogue", "fontStyle": "ExtraBold", "fontSize": 56, "lineHeightPercent": 105, "letterSpacingPercent": -3 }, { "name": "Custard Schoolbook/display / md", "fontFamily": "Epilogue", "fontStyle": "ExtraBold", "fontSize": 40, "lineHeightPercent": 110, "letterSpacingPercent": -2.5 }, { "name": "Custard Schoolbook/heading / lg", "fontFamily": "Epilogue", "fontStyle": "Bold", "fontSize": 28, "lineHeightPercent": 120, "letterSpacingPercent": -1.5 }, { "name": "Custard Schoolbook/heading / md", "fontFamily": "Epilogue", "fontStyle": "Bold", "fontSize": 20, "lineHeightPercent": 130, "letterSpacingPercent": -1 }, { "name": "Custard Schoolbook/heading / sm", "fontFamily": "Karla", "fontStyle": "Bold", "fontSize": 16, "lineHeightPercent": 140, "letterSpacingPercent": 0 }, { "name": "Custard Schoolbook/body / lg", "fontFamily": "Karla", "fontStyle": "Regular", "fontSize": 18, "lineHeightPercent": 160, "letterSpacingPercent": 0 }, { "name": "Custard Schoolbook/body / md", "fontFamily": "Karla", "fontStyle": "Regular", "fontSize": 16, "lineHeightPercent": 160, "letterSpacingPercent": 0 }, { "name": "Custard Schoolbook/body / sm", "fontFamily": "Karla", "fontStyle": "Regular", "fontSize": 14, "lineHeightPercent": 150, "letterSpacingPercent": 0 }, { "name": "Custard Schoolbook/label", "fontFamily": "Karla", "fontStyle": "Bold", "fontSize": 14, "lineHeightPercent": 125, "letterSpacingPercent": 1 }, { "name": "Custard Schoolbook/caption", "fontFamily": "Karla", "fontStyle": "Medium", "fontSize": 12, "lineHeightPercent": 140, "letterSpacingPercent": 2 }, { "name": "Custard Schoolbook/code", "fontFamily": "IBM Plex Mono", "fontStyle": "Regular", "fontSize": 14, "lineHeightPercent": 155, "letterSpacingPercent": 0 } ] }