{
  "brand": "DesignerBox",
  "updated": "2026-09-11",
  "note": "One accent, the lime, used as a fill. Flat fills. No gradients, no glows and no pink.",
  "typeface": {
    "family": "Stack Sans Text",
    "display": "600 weight, letter-spacing -0.02em to -0.03em",
    "body": "400, and 500 for buttons and labels",
    "licence": "SIL Open Font License 1.1, free"
  },
  "colors": [
    {
      "name": "Ink",
      "role": "Text, the primary button and the wordmark",
      "hex": "#121212",
      "rgb": "rgb(18, 18, 18)",
      "hsl": "hsl(0, 0%, 7%)"
    },
    {
      "name": "Lime",
      "role": "The one accent. A fill with ink on it: button hover and on states. Never text, and never part of the logo",
      "hex": "#96FF1A",
      "rgb": "rgb(150, 255, 26)",
      "hsl": "hsl(88, 100%, 55%)"
    },
    {
      "name": "Lime tint",
      "role": "Selected chips, the New badge and the card hover fill",
      "hex": "#E6FFC8",
      "rgb": "rgb(230, 255, 200)",
      "hsl": "hsl(87, 100%, 89%)"
    },
    {
      "name": "Lime line",
      "role": "The border of the lime tint and of a card on hover",
      "hex": "#C9F2A0",
      "rgb": "rgb(201, 242, 160)",
      "hsl": "hsl(90, 76%, 79%)"
    },
    {
      "name": "White",
      "role": "Page background, cards, menus and dialogs",
      "hex": "#FFFFFF",
      "rgb": "rgb(255, 255, 255)",
      "hsl": "hsl(0, 0%, 100%)"
    },
    {
      "name": "Canvas",
      "role": "Warm off-white for bands",
      "hex": "#F2F1F0",
      "rgb": "rgb(242, 241, 240)",
      "hsl": "hsl(30, 7%, 95%)"
    },
    {
      "name": "Hairline",
      "role": "Every border and divider",
      "hex": "#E6E4E1",
      "rgb": "rgb(230, 228, 225)",
      "hsl": "hsl(36, 9%, 89%)"
    },
    {
      "name": "Secondary ink",
      "role": "Secondary text",
      "hex": "#3D3D3C",
      "rgb": "rgb(61, 61, 60)",
      "hsl": "hsl(60, 1%, 24%)"
    }
  ]
}