{
  "brand": "DesignerBox",
  "updated": "2026-08-12",
  "note": "One hue only. Flat fills, no gradients and no glows.",
  "typeface": {
    "family": "General Sans",
    "display": "620 weight, tight tracking",
    "body": "400 to 500",
    "licence": "Fontshare, free"
  },
  "colors": [
    {
      "name": "Ink",
      "role": "Type, primary buttons and the wordmark on light surfaces",
      "hex": "#141414",
      "rgb": "rgb(20, 20, 20)",
      "hsl": "hsl(0, 0%, 8%)"
    },
    {
      "name": "Brand pink",
      "role": "The brand colour. Always carries ink text, never white text",
      "hex": "#FFD3F6",
      "rgb": "rgb(255, 211, 246)",
      "hsl": "hsl(312, 100%, 91%)"
    },
    {
      "name": "Pink tint",
      "role": "Softer depth of the same hue, for cards and chips",
      "hex": "#FFE7FA",
      "rgb": "rgb(255, 231, 250)",
      "hsl": "hsl(313, 100%, 95%)"
    },
    {
      "name": "Pink wash",
      "role": "Lightest depth of the same hue, for large fields",
      "hex": "#FFF3FC",
      "rgb": "rgb(255, 243, 252)",
      "hsl": "hsl(315, 100%, 98%)"
    },
    {
      "name": "Canvas",
      "role": "Page background on every marketing surface",
      "hex": "#FFFFFF",
      "rgb": "rgb(255, 255, 255)",
      "hsl": "hsl(0, 0%, 100%)"
    },
    {
      "name": "Paper",
      "role": "Warm off-white, for bands, hovers and photo mats",
      "hex": "#F4F2EF",
      "rgb": "rgb(244, 242, 239)",
      "hsl": "hsl(36, 19%, 95%)"
    },
    {
      "name": "Hairline",
      "role": "Borders and dividers",
      "hex": "#E7E4DF",
      "rgb": "rgb(231, 228, 223)",
      "hsl": "hsl(38, 14%, 89%)"
    },
    {
      "name": "Muted ink",
      "role": "Secondary text",
      "hex": "#57534E",
      "rgb": "rgb(87, 83, 78)",
      "hsl": "hsl(33, 5%, 32%)"
    }
  ]
}