{
  "brand": "it's RAL7047",
  "font": "Courier Prime",
  "groups": [
    {
      "group": "Core — the script paper",
      "colors": [
        {
          "name": "Paper",
          "token": "--paper",
          "hex": "#FFFFFF",
          "rgb": [
            255,
            255,
            255
          ],
          "hsl": [
            0,
            0,
            100
          ],
          "role": "Default background"
        },
        {
          "name": "Ink",
          "token": "--ink",
          "hex": "#000000",
          "rgb": [
            0,
            0,
            0
          ],
          "hsl": [
            0,
            0,
            0
          ],
          "role": "Text, borders, hard shadows"
        },
        {
          "name": "RAL 7047",
          "token": "--ral7047",
          "hex": "#C9C9C8",
          "rgb": [
            201,
            201,
            200
          ],
          "hsl": [
            60,
            1,
            79
          ],
          "role": "Telegrey 4 — watermark, dividers"
        },
        {
          "name": "Window body",
          "token": "--win-body",
          "hex": "#EAF6FC",
          "rgb": [
            234,
            246,
            252
          ],
          "hsl": [
            200,
            75,
            95
          ],
          "role": "Fill of every window card"
        }
      ]
    },
    {
      "group": "Interface — window chrome",
      "colors": [
        {
          "name": "Bar cyan",
          "token": "--bar-cyan",
          "hex": "#00A7C6",
          "rgb": [
            0,
            167,
            198
          ],
          "hsl": [
            189,
            100,
            39
          ],
          "role": "Info & credits"
        },
        {
          "name": "Bar red",
          "token": "--bar-red",
          "hex": "#EC5A5B",
          "rgb": [
            236,
            90,
            91
          ],
          "hsl": [
            360,
            79,
            64
          ],
          "role": "Synopsis & story"
        },
        {
          "name": "Bar yellow",
          "token": "--bar-yellow",
          "hex": "#FFDE59",
          "rgb": [
            255,
            222,
            89
          ],
          "hsl": [
            48,
            100,
            67
          ],
          "role": "Stage & internships"
        },
        {
          "name": "Dot red",
          "token": "--dot-red",
          "hex": "#EC5A5B",
          "rgb": [
            236,
            90,
            91
          ],
          "hsl": [
            360,
            79,
            64
          ],
          "role": "Close dot"
        },
        {
          "name": "Dot yellow",
          "token": "--dot-yellow",
          "hex": "#FECE02",
          "rgb": [
            254,
            206,
            2
          ],
          "hsl": [
            49,
            99,
            50
          ],
          "role": "Minimise dot"
        },
        {
          "name": "Dot green",
          "token": "--dot-green",
          "hex": "#34CB6A",
          "rgb": [
            52,
            203,
            106
          ],
          "hsl": [
            141,
            59,
            50
          ],
          "role": "Zoom dot"
        }
      ]
    },
    {
      "group": "Episode worlds — one per project",
      "colors": [
        {
          "name": "Maytrix pink",
          "token": "--ep-maytrix",
          "hex": "#F298D8",
          "rgb": [
            242,
            152,
            216
          ],
          "hsl": [
            317,
            78,
            77
          ],
          "role": "MAY–TRIX (shadow #C85FAE)"
        },
        {
          "name": "Maytrix lavender",
          "token": "--ep-lavender",
          "hex": "#877DDD",
          "rgb": [
            135,
            125,
            221
          ],
          "hsl": [
            246,
            59,
            68
          ],
          "role": "MAY–TRIX accent"
        },
        {
          "name": "Dorst blue",
          "token": "--ep-dorst",
          "hex": "#6A90C1",
          "rgb": [
            106,
            144,
            193
          ],
          "hsl": [
            214,
            41,
            59
          ],
          "role": "SUB — VPRO Dorst"
        },
        {
          "name": "Dorst sky",
          "token": "--ep-sky",
          "hex": "#66ABD5",
          "rgb": [
            102,
            171,
            213
          ],
          "hsl": [
            203,
            57,
            62
          ],
          "role": "SUB — VPRO Dorst accent"
        },
        {
          "name": "Breathe green",
          "token": "--ep-breathe",
          "hex": "#4D574A",
          "rgb": [
            77,
            87,
            74
          ],
          "hsl": [
            106,
            8,
            32
          ],
          "role": "A Breathe Moment"
        },
        {
          "name": "Blood maroon",
          "token": "--ep-blin",
          "hex": "#240909",
          "rgb": [
            36,
            9,
            9
          ],
          "hsl": [
            0,
            60,
            9
          ],
          "role": "Blin Fiducie, intro"
        },
        {
          "name": "Scan purple",
          "token": "--ep-scan",
          "hex": "#7A6FD6",
          "rgb": [
            122,
            111,
            214
          ],
          "hsl": [
            246,
            56,
            64
          ],
          "role": "Novice Performance Capture"
        },
        {
          "name": "Clash blue",
          "token": "--ep-clash",
          "hex": "#3C66C4",
          "rgb": [
            60,
            102,
            196
          ],
          "hsl": [
            221,
            54,
            50
          ],
          "role": "FashionClash"
        },
        {
          "name": "Night",
          "token": "--ep-night",
          "hex": "#000000",
          "rgb": [
            0,
            0,
            0
          ],
          "hsl": [
            0,
            0,
            0
          ],
          "role": "Hunch, theatre, film"
        }
      ]
    }
  ]
}