{
  "name": "JoltB",
  "identity": "Stencil",
  "version": "1.0",
  "color": {
    "olive-black": {
      "name": "Olive Black",
      "hex": "#1B1D17",
      "rgb": [
        27,
        29,
        23
      ],
      "cmyk": [
        65,
        55,
        75,
        80
      ],
      "pantone": "419 C",
      "share": 42,
      "role": "Primary ink and dark surfaces. Type, the wordmark, night panels."
    },
    "sand": {
      "name": "Sand",
      "hex": "#ECE7DA",
      "rgb": [
        236,
        231,
        218
      ],
      "cmyk": [
        6,
        7,
        14,
        0
      ],
      "pantone": "7527 C",
      "share": 38,
      "role": "Paper and light surfaces. The day UI background and the ink on dark."
    },
    "field": {
      "name": "Field",
      "hex": "#6B7550",
      "rgb": [
        107,
        117,
        80
      ],
      "cmyk": [
        55,
        35,
        80,
        25
      ],
      "pantone": "5757 C",
      "share": 13,
      "role": "Secondary. Contour lines, rules, Team C, supporting panels."
    },
    "signal-red": {
      "name": "Signal Red",
      "hex": "#C7361F",
      "rgb": [
        199,
        54,
        31
      ],
      "cmyk": [
        10,
        90,
        100,
        5
      ],
      "pantone": "173 C",
      "share": 7,
      "role": "The core, finds and calls to action. Nothing else."
    },
    "signal-lit": {
      "name": "Signal Lit",
      "hex": "#E0452B",
      "rgb": [
        224,
        69,
        43
      ],
      "cmyk": [
        0,
        85,
        90,
        0
      ],
      "pantone": "7417 C",
      "share": 0,
      "role": "Signal Red on dark backgrounds: the lit core, finds and calls to action."
    },
    "night": {
      "name": "Night",
      "hex": "#11120E",
      "rgb": [
        17,
        18,
        14
      ],
      "cmyk": [
        70,
        60,
        75,
        90
      ],
      "pantone": "Black 6 C",
      "share": 0,
      "role": "Night UI background only."
    },
    "day": {
      "name": "Day",
      "hex": "#ECE7DA",
      "rgb": [
        236,
        231,
        218
      ],
      "cmyk": [
        6,
        7,
        14,
        0
      ],
      "pantone": "7527 C",
      "share": 0,
      "role": "Day UI background (same value as Sand)."
    }
  },
  "team": {
    "a": {
      "night": "#E0452B",
      "day": "#C7361F",
      "name": "Team A · signal red"
    },
    "b": {
      "night": "#D6CCB2",
      "day": "#1B1D17",
      "name": "Team B · sand on night, olive black on day"
    },
    "c": {
      "night": "#8F9A6E",
      "day": "#6B7550",
      "name": "Team C · field green"
    }
  },
  "font": {
    "display": {
      "family": "Barlow Condensed",
      "weights": [
        600,
        700
      ],
      "fallback": "\"Arial Narrow\", sans-serif",
      "url": "https://fonts.google.com/specimen/Barlow+Condensed",
      "license": "SIL Open Font License 1.1"
    },
    "text": {
      "family": "Barlow",
      "weights": [
        400,
        500,
        600
      ],
      "fallback": "system-ui, sans-serif",
      "url": "https://fonts.google.com/specimen/Barlow",
      "license": "SIL Open Font License 1.1"
    },
    "data": {
      "family": "IBM Plex Mono",
      "weights": [
        400,
        500
      ],
      "fallback": "ui-monospace, monospace",
      "url": "https://fonts.google.com/specimen/IBM+Plex+Mono",
      "license": "SIL Open Font License 1.1"
    }
  },
  "type": [
    {
      "token": "display-xl",
      "role": "Cover, hero",
      "font": "display",
      "weight": 700,
      "size": 96,
      "line": 0.9,
      "tracking": 0,
      "case": "upper"
    },
    {
      "token": "display-l",
      "role": "Section titles",
      "font": "display",
      "weight": 700,
      "size": 64,
      "line": 0.95,
      "tracking": 0,
      "case": "upper"
    },
    {
      "token": "display-m",
      "role": "Headlines",
      "font": "display",
      "weight": 700,
      "size": 40,
      "line": 1,
      "tracking": 0,
      "case": "upper"
    },
    {
      "token": "display-s",
      "role": "Subheads",
      "font": "display",
      "weight": 600,
      "size": 26,
      "line": 1.1,
      "tracking": 0.01,
      "case": "upper"
    },
    {
      "token": "label",
      "role": "Eyebrows, nav, buttons",
      "font": "display",
      "weight": 600,
      "size": 14,
      "line": 1.2,
      "tracking": 0.12,
      "case": "upper"
    },
    {
      "token": "body-l",
      "role": "Lead paragraphs",
      "font": "text",
      "weight": 400,
      "size": 20,
      "line": 1.5,
      "tracking": 0,
      "case": "sentence"
    },
    {
      "token": "body",
      "role": "Running text",
      "font": "text",
      "weight": 400,
      "size": 16,
      "line": 1.55,
      "tracking": 0,
      "case": "sentence"
    },
    {
      "token": "small",
      "role": "Captions, notes",
      "font": "text",
      "weight": 500,
      "size": 13,
      "line": 1.45,
      "tracking": 0,
      "case": "sentence"
    },
    {
      "token": "data",
      "role": "HUD, tags, figures",
      "font": "data",
      "weight": 400,
      "size": 12,
      "line": 1.4,
      "tracking": 0.06,
      "case": "upper"
    }
  ],
  "space": {
    "unit": 4,
    "scale": [
      4,
      8,
      12,
      16,
      24,
      32,
      48,
      64,
      96
    ]
  },
  "radius": {
    "none": 0,
    "control": 2,
    "app-icon": "22%"
  },
  "motion": {
    "fast": "120ms",
    "base": "200ms",
    "slow": "360ms",
    "ease": "cubic-bezier(0.2, 0, 0, 1)",
    "linear": "linear",
    "blink": "steps(2, jump-none)"
  }
}