{
  "$schema": "https://tr.designtokens.org/format/",
  "$description": "Design tokens for Cursor",
  "meta": {
    "name": "Cursor",
    "description": "An AI-first code editor whose marketing site reads like a quietly-confident developer-tools brand with a warm-cream editorial canvas (`#f7f7f4`) instead of the typical dark IDE atmosphere. Near-black warm ink (`#26251e`) carries body and display alike — display sits at weight 400 with negative letter-spacing for a magazine feel rather than a bold tech voice. The single brand voltage is **Cursor Orange** (`#f54e00`) reserved for primary CTAs and the wordmark. A signature pastel timeline palette (peach, mint, blue, lavender, gold) marks AI-action stages (Thinking / Reading / Editing / Grepping / Done) — only inside in-product timeline visualizations. Cards use minimal hairlines, no shadows, generous 80px section rhythm. CursorGothic for display/body, JetBrains Mono on every code surface (which is roughly half the page).",
    "theme": "light"
  },
  "color": {
    "primary": {
      "$value": "#f54e00",
      "$type": "color",
      "$description": "Use for the primary role."
    },
    "primary-active": {
      "$value": "#d04200",
      "$type": "color",
      "$description": "Use for the primary active role."
    },
    "ink": {
      "$value": "#26251e",
      "$type": "color",
      "$description": "Use for the ink role."
    },
    "body": {
      "$value": "#5a5852",
      "$type": "color",
      "$description": "Use for the body role."
    },
    "body-strong": {
      "$value": "#26251e",
      "$type": "color",
      "$description": "Use for the body strong role."
    },
    "muted": {
      "$value": "#807d72",
      "$type": "color",
      "$description": "Use for the muted role."
    },
    "muted-soft": {
      "$value": "#a09c92",
      "$type": "color",
      "$description": "Use for the muted soft role."
    },
    "hairline": {
      "$value": "#e6e5e0",
      "$type": "color",
      "$description": "Use for the hairline role."
    },
    "hairline-soft": {
      "$value": "#efeee8",
      "$type": "color",
      "$description": "Use for the hairline soft role."
    },
    "hairline-strong": {
      "$value": "#cfcdc4",
      "$type": "color",
      "$description": "Use for the hairline strong role."
    },
    "canvas": {
      "$value": "#f7f7f4",
      "$type": "color",
      "$description": "Use for the canvas role."
    },
    "canvas-soft": {
      "$value": "#fafaf7",
      "$type": "color",
      "$description": "Use for the canvas soft role."
    },
    "surface-card": {
      "$value": "#ffffff",
      "$type": "color",
      "$description": "Use for the surface card role."
    },
    "surface-strong": {
      "$value": "#e6e5e0",
      "$type": "color",
      "$description": "Use for the surface strong role."
    },
    "on-primary": {
      "$value": "#ffffff",
      "$type": "color",
      "$description": "Use for the on primary role."
    },
    "timeline-thinking": {
      "$value": "#dfa88f",
      "$type": "color",
      "$description": "Use for the timeline thinking role."
    },
    "timeline-grep": {
      "$value": "#9fc9a2",
      "$type": "color",
      "$description": "Use for the timeline grep role."
    },
    "timeline-read": {
      "$value": "#9fbbe0",
      "$type": "color",
      "$description": "Use for the timeline read role."
    },
    "timeline-edit": {
      "$value": "#c0a8dd",
      "$type": "color",
      "$description": "Use for the timeline edit role."
    },
    "timeline-done": {
      "$value": "#c08532",
      "$type": "color",
      "$description": "Use for the timeline done role."
    },
    "semantic-error": {
      "$value": "#cf2d56",
      "$type": "color",
      "$description": "Use for the semantic error role."
    },
    "semantic-success": {
      "$value": "#1f8a65",
      "$type": "color",
      "$description": "Use for the semantic success role."
    }
  },
  "typography": {
    "display-mega": {
      "$value": {
        "fontFamily": "'CursorGothic', system-ui, 'Helvetica Neue', Helvetica, Arial, sans-serif",
        "fontSize": "72px",
        "fontWeight": 400,
        "lineHeight": 1.1,
        "letterSpacing": "-2.16px"
      },
      "$type": "typography",
      "$description": "Typography style for display mega."
    },
    "display-lg": {
      "$value": {
        "fontFamily": "'CursorGothic', sans-serif",
        "fontSize": "36px",
        "fontWeight": 400,
        "lineHeight": 1.2,
        "letterSpacing": "-0.72px"
      },
      "$type": "typography",
      "$description": "Typography style for display lg."
    },
    "display-md": {
      "$value": {
        "fontFamily": "'CursorGothic', sans-serif",
        "fontSize": "26px",
        "fontWeight": 400,
        "lineHeight": 1.25,
        "letterSpacing": "-0.325px"
      },
      "$type": "typography",
      "$description": "Typography style for display md."
    },
    "display-sm": {
      "$value": {
        "fontFamily": "'CursorGothic', sans-serif",
        "fontSize": "22px",
        "fontWeight": 400,
        "lineHeight": 1.3,
        "letterSpacing": "-0.11px"
      },
      "$type": "typography",
      "$description": "Typography style for display sm."
    },
    "title-md": {
      "$value": {
        "fontFamily": "'CursorGothic', sans-serif",
        "fontSize": "18px",
        "fontWeight": 600,
        "lineHeight": 1.4,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for title md."
    },
    "title-sm": {
      "$value": {
        "fontFamily": "'CursorGothic', sans-serif",
        "fontSize": "16px",
        "fontWeight": 600,
        "lineHeight": 1.4,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for title sm."
    },
    "body-md": {
      "$value": {
        "fontFamily": "'CursorGothic', sans-serif",
        "fontSize": "16px",
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for body md."
    },
    "body-tracked": {
      "$value": {
        "fontFamily": "'CursorGothic', sans-serif",
        "fontSize": "16px",
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": "0.08px"
      },
      "$type": "typography",
      "$description": "Typography style for body tracked."
    },
    "body-sm": {
      "$value": {
        "fontFamily": "'CursorGothic', sans-serif",
        "fontSize": "14px",
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for body sm."
    },
    "caption": {
      "$value": {
        "fontFamily": "'CursorGothic', sans-serif",
        "fontSize": "13px",
        "fontWeight": 400,
        "lineHeight": 1.4,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for caption."
    },
    "caption-uppercase": {
      "$value": {
        "fontFamily": "'CursorGothic', sans-serif",
        "fontSize": "11px",
        "fontWeight": 600,
        "lineHeight": 1.4,
        "letterSpacing": "0.88px"
      },
      "$type": "typography",
      "$description": "Typography style for caption uppercase."
    },
    "code": {
      "$value": {
        "fontFamily": "'JetBrains Mono', 'Fira Code', monospace",
        "fontSize": "13px",
        "fontWeight": 400,
        "lineHeight": 1.5,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for code."
    },
    "button": {
      "$value": {
        "fontFamily": "'CursorGothic', sans-serif",
        "fontSize": "14px",
        "fontWeight": 500,
        "lineHeight": 1,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for button."
    },
    "nav-link": {
      "$value": {
        "fontFamily": "'CursorGothic', sans-serif",
        "fontSize": "14px",
        "fontWeight": 500,
        "lineHeight": 1.4,
        "letterSpacing": 0
      },
      "$type": "typography",
      "$description": "Typography style for nav link."
    }
  },
  "spacing": {
    "xxs": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Spacing step xxs."
    },
    "xs": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Spacing step xs."
    },
    "sm": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Spacing step sm."
    },
    "base": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Spacing step base."
    },
    "md": {
      "$value": "20px",
      "$type": "dimension",
      "$description": "Spacing step md."
    },
    "lg": {
      "$value": "24px",
      "$type": "dimension",
      "$description": "Spacing step lg."
    },
    "xl": {
      "$value": "32px",
      "$type": "dimension",
      "$description": "Spacing step xl."
    },
    "xxl": {
      "$value": "48px",
      "$type": "dimension",
      "$description": "Spacing step xxl."
    },
    "section": {
      "$value": "80px",
      "$type": "dimension",
      "$description": "Spacing step section."
    }
  },
  "radius": {
    "none": {
      "$value": "0px",
      "$type": "dimension",
      "$description": "Border radius none."
    },
    "xs": {
      "$value": "4px",
      "$type": "dimension",
      "$description": "Border radius xs."
    },
    "sm": {
      "$value": "6px",
      "$type": "dimension",
      "$description": "Border radius sm."
    },
    "md": {
      "$value": "8px",
      "$type": "dimension",
      "$description": "Border radius md."
    },
    "lg": {
      "$value": "12px",
      "$type": "dimension",
      "$description": "Border radius lg."
    },
    "xl": {
      "$value": "16px",
      "$type": "dimension",
      "$description": "Border radius xl."
    },
    "pill": {
      "$value": "9999px",
      "$type": "dimension",
      "$description": "Border radius pill."
    },
    "full": {
      "$value": "9999px",
      "$type": "dimension",
      "$description": "Border radius full."
    }
  },
  "shadow": {},
  "$extensions": {
    "com.design-md-editor.source": {
      "url": "https://www.cursor.com/",
      "note": "Official brand website used for visual comparison."
    }
  }
}