Linear,
in tokens.

{
  "slug": "linear-app",
  "name": "Linear",
  "url": "https://linear.app/",
  "category": "developer tool",
  "tagline": "The system for product development and AI agents.",
  "theme": "dark",
  "type": {
    "primary": "Inter Variable",
    "stack": [
      "Inter Variable",
      "SF Pro Display",
      "-apple-system",
      "system-ui",
      "Segoe UI"
    ]
  },
  "palette": [
    "#f7f8f8",
    "#8a8f98",
    "#62666d",
    "#d0d6e0",
    "#ffffff",
    "#0f1011",
    "#e2e4e7",
    "#2e2e32"
  ],
  "semantic": {
    "background": "#08090a",
    "surface": "#0f1011",
    "text": "#f7f8f8",
    "muted": "#8a8f98",
    "border": "#23252a",
    "accent": "#e4f222"
  },
  "typeScale": {
    "sizes": [
      10,
      12,
      13,
      14,
      15,
      16,
      18,
      24,
      48,
      64
    ],
    "body": 14,
    "display": 64
  },
  "spacingScale": {
    "values": [
      2,
      3,
      4,
      6,
      7,
      8,
      10,
      12,
      14,
      16,
      24,
      32
    ],
    "base": null
  },
  "fontWeights": [
    300,
    400,
    500,
    600
  ],
  "radii": [
    "9999px",
    "50%",
    "8px",
    "12px",
    "4px",
    "9px"
  ],
  "motion": {
    "animatedElements": 423,
    "durations": [
      100,
      160,
      1600,
      2800,
      3200
    ],
    "easings": [
      "ease",
      "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
      "steps(1)"
    ]
  },
  "notes": [
    {
      "kind": "color",
      "text": "Deep black background (#0f1011) paired with neutral gray border strokes and crisp white heading text creates high contrast."
    },
    {
      "kind": "typography",
      "text": "Set in Inter Variable with tight tracking on oversized, multi-line hero headers establishing a serious developer-tool tone."
    },
    {
      "kind": "layout",
      "text": "Product preview window utilizes rounded containers and nested sidebar elements that mirror the actual software interface accurately."
    },
    {
      "kind": "color",
      "text": "Semantic palette: background #08090a, surface #0f1011, text #f7f8f8, muted #8a8f98, border #23252a, accent #e4f222."
    },
    {
      "kind": "typography",
      "text": "Type scale: 10, 12, 13, 14, 15, 16, 18, 24, 48, 64px; body at 14px, display at 64px."
    },
    {
      "kind": "layout",
      "text": "Spacing repeats at 2, 3, 4, 6, 7, 8, 10, 12, 14, 16, 24, 32px."
    },
    {
      "kind": "detail",
      "text": "Corner radii: 9999px, 50%, 8px, 12px, 4px, 9px."
    },
    {
      "kind": "motion",
      "text": "423 elements animate; durations 100, 160ms; primary easing ease."
    },
    {
      "kind": "typography",
      "text": "Font weights in use: 300 / 400 / 500 / 600."
    }
  ],
  "prompt": "Rebuild the above-the-fold of Linear (https://linear.app/) as a responsive web page.\nTheme: dark\nPrimary typeface: Inter Variable\nType stack: Inter Variable, SF Pro Display, -apple-system, system-ui, Segoe UI\nSemantic colors: background #08090a, surface #0f1011, text #f7f8f8, muted #8a8f98, border #23252a, accent #e4f222.\nType scale: 10, 12, 13, 14, 15, 16, 18, 24, 48, 64px.\nSpacing: 2, 3, 4, 6, 7, 8, 10, 12, 14, 16, 24, 32px.\nCorner radii: 9999px, 50%, 8px, 12px, 4px, 9px.\nMotion: durations 100, 160ms; primary easing ease.\nLayout: Product preview window utilizes rounded containers and nested sidebar elements that mirror the actual software interface accurately.\nMatch the hierarchy and spacing shown in the source page. Treat the palette, type stack and scales as constraints.\nReplace all copy, logos and proprietary imagery with your own. Do not copy assets you do not have the rights to.",
  "capturedAt": "2026-10-25T02:57:33.887Z"
}