{
  "format": "neutral-design-tokens/1",
  "name": "Neutral Design System",
  "version": "1.0.0",
  "status": "approved",
  "reviewedAt": "2026-09-08",
  "colour": {
    "core": {
      "ink": "#292929",
      "carbon": "#1C1C1C",
      "paper": "#FFFFFF",
      "linen": "#F7F6F5",
      "ash": "#EBEAE9",
      "stone": "#D1CFCE",
      "slate": "#737373"
    },
    "accent": {
      "cobalt": "#093ACD"
    },
    "semantic": {
      "success": "#28A948",
      "warning": "#FFB200",
      "error": "#FC0035"
    },
    "mode": {
      "light": {
        "canvas": "paper",
        "surfacePrimary": "paper",
        "surfaceSecondary": "linen",
        "text": "ink",
        "metadata": "slate",
        "border": "ash",
        "divider": "stone",
        "action": "cobalt"
      },
      "dark": {
        "canvas": "carbon",
        "surfacePrimary": "ink",
        "surfaceSecondary": "ink",
        "text": "paper",
        "metadata": "stone",
        "border": "ink",
        "divider": "slate",
        "action": "cobalt"
      }
    }
  },
  "typography": {
    "primary": {
      "family": "Instrument Sans",
      "fallback": ["Helvetica Neue", "Arial", "sans-serif"],
      "bodyWeight": 500,
      "headingWeight": 600
    },
    "technical": {
      "family": "Commit Mono",
      "fallback": ["ui-monospace", "Menlo", "Monaco", "Consolas", "Liberation Mono", "monospace"],
      "detailWeight": 450,
      "emphasisWeight": 600,
      "tabularNumerals": true,
      "discretionaryLigatures": false
    },
    "wordmark": {
      "source": "logo-pack production SVG only",
      "family": "Poppins Black",
      "liveTextPermitted": false
    },
    "productMinimumPx": 12
  },
  "spacePx": {
    "0": 0,
    "1": 4,
    "2": 8,
    "3": 12,
    "4": 16,
    "5": 24,
    "6": 32,
    "7": 48,
    "8": 64,
    "9": 96,
    "10": 128
  },
  "radiusPx": {
    "structure": 0,
    "tag": 2,
    "control": 4,
    "overlay": 8,
    "capsule": "functional-only"
  },
  "densityPx": {
    "dense": { "control": 28, "row": 32 },
    "compact": { "control": 32, "row": 36 },
    "standard": { "control": 36, "row": 44 },
    "touch": { "control": 44, "row": 48 },
    "prominent": { "control": 48 }
  },
  "structurePx": {
    "rule": 1,
    "focus": 2,
    "focusOffset": 2,
    "pointerTargetMinimum": 32,
    "touchTargetMinimum": 44,
    "sidebar": 240,
    "inspector": 320
  },
  "icon": {
    "sizesPx": [16, 20, 24],
    "apparentStrokePx": 1.75,
    "terminals": "square",
    "source": "iconography/manifest/icons.json",
    "motionSource": "iconography/manifest/motion.json"
  },
  "dataVisualisation": {
    "primarySeries": "cobalt",
    "comparisonSeries": "text neutral with distinct line style or mark shape",
    "semanticSeries": ["success", "warning", "error"],
    "primaryStrokePx": 2,
    "supportedPrimaryStrokeRangePx": [1, 3],
    "structuralStrokePx": 1,
    "pointDiameterPx": 7,
    "transitionMs": 260,
    "transitionRangeMs": [200, 300],
    "transitionEasing": "cubic-bezier(0.2, 0.65, 0.3, 1)",
    "axisReserveYPx": 64,
    "ticks": { "narrow": 4, "standard": 6, "wideMaximum": 8 },
    "compactTimeLabels": ["1h", "24h", "7d", "30d", "90d", "1y", "All"],
    "initialAnimation": false,
    "loopingAnimation": false,
    "reducedMotion": "immediate static update"
  },
  "components": {
    "fixed": [
      "app-shell",
      "sidebar",
      "topbar",
      "page-header",
      "button",
      "icon-button",
      "range-selector",
      "panel",
      "stat",
      "status",
      "timeline",
      "data-table",
      "progress",
      "tooltip",
      "popover",
      "form-control",
      "empty-state",
      "loading-state",
      "error-state"
    ],
    "referenceCss": "tokens/components.css"
  }
}