{
  "id": "linear",
  "name": "Linear",
  "theme": "dark",
  "industry": "productivity",
  "summary": "Layered dark workspace with disciplined borders, keyboard-first hierarchy, and violet-blue focus states.",
  "technicalSummary": "A dark SaaS control surface with low-chroma panels, sparse accent use, tight row heights, and crisp focus affordances. Useful for issue tracking, command centers, and agent timelines.",
  "source": {
    "name": "Public source",
    "url": "https://linear.app",
    "kind": "public-design-reference"
  },
  "sourceName": "Public source",
  "sourceUrl": "https://linear.app",
  "originalSiteUrl": "https://linear.app",
  "capturedAt": "2026-04-18T16:22:10.000Z",
  "licenseNote": "Publicly visible design reference metadata. Use as inspiration and token guidance, not as copied brand assets.",
  "tags": [
    "productivity",
    "dark",
    "keyboard",
    "workspace",
    "crisp"
  ],
  "tokenCount": 19,
  "colors": [
    {
      "name": "Void",
      "value": "#0b0b0f",
      "token": "--color-void",
      "group": "surface",
      "role": "App background."
    },
    {
      "name": "Panel",
      "value": "#141419",
      "token": "--color-panel",
      "group": "surface",
      "role": "Primary panel surface."
    },
    {
      "name": "Line",
      "value": "#2a2a33",
      "token": "--color-line",
      "group": "neutral",
      "role": "Hairline border."
    },
    {
      "name": "Text",
      "value": "#f4f4f5",
      "token": "--color-text",
      "group": "neutral",
      "role": "Primary text."
    },
    {
      "name": "Muted",
      "value": "#8f8f9d",
      "token": "--color-muted",
      "group": "neutral",
      "role": "Secondary text."
    },
    {
      "name": "Focus Violet",
      "value": "#7c5cff",
      "token": "--color-focus-violet",
      "group": "accent",
      "role": "Focus, selected item, and active tab."
    }
  ],
  "typography": [
    {
      "name": "Inter",
      "token": "--font-inter",
      "family": "Inter, ui-sans-serif, system-ui, sans-serif",
      "role": "Single family for dense product UI, labels, tables, and command surfaces.",
      "weights": [
        "400",
        "500",
        "600"
      ],
      "sizes": [
        "12px",
        "13px",
        "14px",
        "16px",
        "20px",
        "40px"
      ],
      "lineHeights": [
        "1.2",
        "1.4",
        "1.5"
      ]
    }
  ],
  "spacing": {
    "baseUnit": "4px",
    "density": "compact",
    "scale": [
      {
        "name": "4",
        "value": "4px",
        "token": "--spacing-4"
      },
      {
        "name": "8",
        "value": "8px",
        "token": "--spacing-8"
      },
      {
        "name": "12",
        "value": "12px",
        "token": "--spacing-12"
      },
      {
        "name": "16",
        "value": "16px",
        "token": "--spacing-16"
      },
      {
        "name": "24",
        "value": "24px",
        "token": "--spacing-24"
      },
      {
        "name": "32",
        "value": "32px",
        "token": "--spacing-32"
      },
      {
        "name": "48",
        "value": "48px",
        "token": "--spacing-48"
      },
      {
        "name": "64",
        "value": "64px",
        "token": "--spacing-64"
      }
    ]
  },
  "radius": {
    "default": "6px",
    "controls": "6px",
    "panels": "8px"
  },
  "shadows": [
    {
      "name": "panel",
      "value": "rgba(0,0,0,0.35) 0px 12px 32px",
      "token": "--shadow-panel"
    }
  ],
  "components": [
    {
      "name": "Command row",
      "role": "Navigation",
      "technicalNotes": [
        "24-28px row height",
        "left icon",
        "right shortcut hint"
      ]
    },
    {
      "name": "Issue panel",
      "role": "Content",
      "technicalNotes": [
        "Dark raised surface",
        "single-pixel border",
        "muted metadata line"
      ]
    }
  ],
  "guidelines": {
    "do": [
      "Use one accent at a time.",
      "Let borders carry hierarchy.",
      "Keep rows compact and keyboard scannable."
    ],
    "dont": [
      "Do not use decorative gradients.",
      "Do not over-round controls.",
      "Do not brighten inactive text."
    ]
  },
  "exports": {
    "htmlUrl": "https://memoire.cv/references/linear",
    "jsonUrl": "https://memoire.cv/references/linear.json",
    "designMdUrl": "https://memoire.cv/references/linear/design.md",
    "tokensJsonUrl": "https://memoire.cv/references/linear/tokens.json",
    "tailwindV4Url": "https://memoire.cv/references/linear/tailwind-v4.css"
  }
}