{
  "name": "Kata colors",
  "version": "gradients v2",
  "geometry": {
    "css": "linear-gradient(0deg, STRONG 0%, LIGHT 72%)",
    "rule": "Every gradient fill is vertical, bottom to top: the strong end at 0%, the light end fully reached at 72% and holding to the top. The mark and the supplied icon art keep their own axis, verbatim."
  },
  "neutrals": [
    {
      "name": "Ink",
      "token": "--ink",
      "hex": "#2d3233",
      "use": "Mineral Black, text and letterforms, never pure black"
    },
    {
      "name": "Ground",
      "token": "--bg",
      "hex": "#fafaf8",
      "use": "the one continuous paper ground"
    },
    {
      "name": "Panel",
      "token": "--panel",
      "hex": "#ffffff",
      "use": "raised surfaces"
    },
    {
      "name": "Panel 2",
      "token": "--panel-2",
      "hex": "#f2f4f0",
      "use": "soft fills, a breath of sage"
    },
    {
      "name": "Line",
      "token": "--line",
      "hex": "#e7eae4",
      "use": "hairline borders"
    },
    {
      "name": "Line strong",
      "token": "--line-strong",
      "hex": "#dde1da",
      "use": "stronger borders"
    },
    {
      "name": "Ink dim",
      "token": "--ink-dim",
      "hex": "#5c6360",
      "use": "secondary text"
    },
    {
      "name": "Ink faint",
      "token": "--ink-faint",
      "hex": "#8a918c",
      "use": "tertiary text and labels"
    }
  ],
  "brandGradients": [
    {
      "name": "Kata sage",
      "strong": "#96a48d",
      "light": "#dae3cf",
      "use": "the mark, on its own supplied axis, and every brand surface"
    },
    {
      "name": "Mineral Black",
      "strong": "#000000",
      "light": "#2d3233",
      "use": "the black pair and the default filled button"
    }
  ],
  "areaGradients": [
    {
      "key": "kata",
      "area": "Brand",
      "strong": "#96a48d",
      "light": "#dae3cf"
    },
    {
      "key": "train",
      "area": "Train",
      "strong": "#87a266",
      "light": "#c5dba5"
    },
    {
      "key": "water",
      "area": "Focus, water",
      "strong": "#4e6391",
      "light": "#a1b1ce"
    },
    {
      "key": "sleep",
      "area": "Sleep",
      "strong": "#9e79d3",
      "light": "#bba6dd"
    },
    {
      "key": "fuel",
      "area": "Nutrition",
      "strong": "#9e6a7f",
      "light": "#ccaebe"
    },
    {
      "key": "today",
      "area": "Today",
      "strong": "#e2845a",
      "light": "#f2dac9"
    },
    {
      "key": "mind",
      "area": "Mind",
      "strong": "#4b8599",
      "light": "#a3c5ce"
    },
    {
      "key": "coach",
      "area": "Coach",
      "strong": "#000000",
      "light": "#2d3233"
    },
    {
      "key": "alert",
      "area": "Alert",
      "strong": "#cd7966",
      "light": "#f3d5c9"
    }
  ],
  "buttons": {
    "label": "#ffffff",
    "measuredAt": "white against the vertical midpoint of the 0..72 fall, then the strong and light ends",
    "note": "Only mineral clears 4.5, which is why the default button is the black pair. Never call this set AA.",
    "pairs": [
      {
        "key": "mineral",
        "strong": "#000000",
        "light": "#2d3233",
        "contrastWhite": {
          "mid": 15.87,
          "strong": 21,
          "light": 13
        }
      },
      {
        "key": "water",
        "strong": "#4e6391",
        "light": "#a1b1ce",
        "contrastWhite": {
          "mid": 2.87,
          "strong": 5.97,
          "light": 2.17
        }
      },
      {
        "key": "fuel",
        "strong": "#9e6a7f",
        "light": "#ccaebe",
        "contrastWhite": {
          "mid": 2.52,
          "strong": 4.36,
          "light": 2.03
        }
      },
      {
        "key": "sleep",
        "strong": "#9e79d3",
        "light": "#bba6dd",
        "contrastWhite": {
          "mid": 2.5,
          "strong": 3.43,
          "light": 2.18
        }
      },
      {
        "key": "mind",
        "strong": "#4b8599",
        "light": "#a3c5ce",
        "contrastWhite": {
          "mid": 2.31,
          "strong": 4.11,
          "light": 1.84
        }
      },
      {
        "key": "train",
        "strong": "#87a266",
        "light": "#c5dba5",
        "contrastWhite": {
          "mid": 1.79,
          "strong": 2.84,
          "light": 1.49
        }
      },
      {
        "key": "alert",
        "strong": "#cd7966",
        "light": "#f3d5c9",
        "contrastWhite": {
          "mid": 1.76,
          "strong": 3.22,
          "light": 1.38
        }
      },
      {
        "key": "today",
        "strong": "#e2845a",
        "light": "#f2dac9",
        "contrastWhite": {
          "mid": 1.65,
          "strong": 2.73,
          "light": 1.34
        }
      },
      {
        "key": "sage",
        "strong": "#96a48d",
        "light": "#dae3cf",
        "contrastWhite": {
          "mid": 1.6,
          "strong": 2.63,
          "light": 1.32
        }
      }
    ]
  },
  "tags": [
    {
      "key": "sage",
      "ink": "#626f59",
      "wash": "#eef2e9",
      "contrast": 4.7
    },
    {
      "key": "train",
      "ink": "#5b6e43",
      "wash": "#e5efd7",
      "contrast": 4.7
    },
    {
      "key": "water",
      "ink": "#4a5e8a",
      "wash": "#d5dce9",
      "contrast": 4.68
    },
    {
      "key": "sleep",
      "ink": "#743fc0",
      "wash": "#e0d7f0",
      "contrast": 4.71
    },
    {
      "key": "fuel",
      "ink": "#815466",
      "wash": "#e8dbe2",
      "contrast": 4.62
    },
    {
      "key": "today",
      "ink": "#b24c1f",
      "wash": "#f9eee7",
      "contrast": 4.67
    },
    {
      "key": "mind",
      "ink": "#3b6978",
      "wash": "#d6e5e9",
      "contrast": 4.67
    },
    {
      "key": "alert",
      "ink": "#a5503a",
      "wash": "#faece7",
      "contrast": 4.78
    }
  ],
  "charts": {
    "series": [
      "#87a266",
      "#4e6391",
      "#9e79d3",
      "#9e6a7f",
      "#e2845a",
      "#4b8599",
      "#2d3233"
    ],
    "positive": "#87a266",
    "negative": "#cd7966"
  }
}