{
 "id": "3.6",
 "title": "Tokens",
 "department": "Design",
 "department_slug": "design",
 "direction": {
  "id": "bee",
  "name": "Buzz"
 },
 "branded": true,
 "status": "generated",
 "owner": "Param",
 "last_verified": "2026-10-26",
 "holds": "Colour, type, space, radius, motion for each direction, light and dark",
 "urls": {
  "html": "https://handbook.joinsquareup.com/design/tokens/bee",
  "markdown": "https://handbook.joinsquareup.com/design/tokens/bee.md",
  "json": "https://handbook.joinsquareup.com/design/tokens/bee.json"
 },
 "other_directions": [
  {
   "id": "dog",
   "name": "Fetch",
   "json": "https://handbook.joinsquareup.com/design/tokens/dog.json"
  },
  {
   "id": "raccoon",
   "name": "Scoop",
   "json": "https://handbook.joinsquareup.com/design/tokens/raccoon.json"
  },
  {
   "id": "octopus",
   "name": "Ocho",
   "json": "https://handbook.joinsquareup.com/design/tokens/octopus.json"
  },
  {
   "id": "cooker",
   "name": "Seeti",
   "json": "https://handbook.joinsquareup.com/design/tokens/cooker.json"
  }
 ],
 "tldr": {
  "headline": "Buzz wears pollen yellow and two fonts, nothing else",
  "points": [
   {
    "icon": "spark",
    "text": "Hero colour #ffd60a for the character, main button and focus."
   },
   {
    "icon": "book",
    "text": "Shrikhand for headlines and Parkinsans for everything else."
   },
   {
    "icon": "check",
    "text": "Text contrast passes in light and dark; light focus is the lowest of the five."
   },
   {
    "icon": "lock",
    "text": "Never a card fill: the brand's own photos carry the colour."
   }
  ],
  "stat": {
   "value": "#ffd60a",
   "label": "Hero colour"
  },
  "decide": null,
  "mood": "solid"
 },
 "sources": [
  "brand-directions/docs2/data/dirs.json"
 ],
 "open_questions": [],
 "parts": {
  "Answer": "Buzz's colour and type tokens, light and dark.",
  "Today": "Not applicable to a generated document: it is rewritten from its sources on every build.",
  "Tomorrow": "| Token | Light | Dark |\n|---|---|---|\n| bg | `#f8f7f3` | `#121110` |\n| surface | `#ffffff` | `#1a1916` |\n| surface2 | `#efede6` | `#24221d` |\n| ink | `#17130a` | `#f6f3ea` |\n| muted | `#5f5a4b` | `#aca796` |\n| line | `#e3e0d6` | `#2e2c25` |\n| hero | `#ffd60a` | `#ffd60a` |\n| heroInk | `#17130a` | `#17130a` |\n| focus | `#8a6a00` | `#ffe14d` |\n| radius | `18px` | `18px` |\n| radiusSm | `10px` | `10px` |\n| shadow | `0 8px 24px rgba(23,19,10,.10)` | `0 8px 24px rgba(0,0,0,.32)` |\n\n| Role | Face |\n|---|---|\n| Display | Shrikhand |\n| Body | Parkinsans |\n\n[src: brand-directions/docs2/data/dirs.json]",
  "How we do it": "Generated by `handbook/tools/gen.mjs` on every build. Change the source, never this file. The hero colour is for the character, the main button and focus, never a card fill.",
  "Numbers": "Not applicable to a generated document: it is rewritten from its sources on every build.",
  "Open": "Not applicable to a generated document: it is rewritten from its sources on every build."
 }
}