Skip to main content
Home/Explorer/Cursor

Cursor

AI-first code editor built on VS Code

AI-native editor interface

Extracted with Dembrandt. Showing a simplified version — the full output includes button states, logos, gradients, animations, and more. Try the CLI for complete results.

Colors

#26251e
#f2f1ed
#c08532

Typography

CursorGothic, CursorGothic Fallback, system-ui
hero:72px / 400
body:17.28px / 400
button:36px / 400

Shadows

sm
md
lg

Spacing

1.5px2px2.5px3px4px4.66667px

Border Radius

1.5px
2px
3px
4px
8px

Button States

Tailwind CSS
Default
#26251e
Hover
#26251e
Active
#26251e
radius: 9999pxpadding: 5.6px 10.5px
output.json
{
  "url": "cursor.com",
  "colors": [
    "#26251e",
    "#f2f1ed",
    "#c08532"
  ],
  "typography": {
    "fontFamily": "CursorGothic, CursorGothic Fallback, system-ui",
    "hero": "72px / 400",
    "body": "17.28px / 400",
    "button": "36px / 400"
  },
  "shadows": [
    "rgba(0, 0, 0, 0.14) 0px 28px 70px 0px, rgba(0, 0, 0, 0.1) 0px 14px 32px 0px",
    "rgba(0, 0, 0, 0.02) 0px 0px 16px 0px, rgba(0, 0, 0, 0.008) 0px 0px 8px 0px",
    "rgba(0, 0, 0, 0.3) 0px 22px 70px 4px, rgba(0, 0, 0, 0.15) 0px 0px 0px 0.5px"
  ],
  "spacing": [
    "1.5px",
    "2px",
    "2.5px",
    "3px",
    "4px",
    "4.66667px"
  ],
  "borderRadius": [
    "1.5px",
    "2px",
    "3px",
    "4px",
    "8px"
  ],
  "buttons": {
    "default": {
      "bg": "#26251e",
      "text": "#f7f7f4"
    },
    "hover": {
      "bg": "#26251e",
      "text": "#edecec"
    },
    "active": {
      "bg": "#26251e",
      "text": "#f7f7f4"
    },
    "radius": "9999px",
    "padding": "5.6px 10.5px",
    "framework": "Tailwind CSS"
  }
}
$npx dembrandt cursor.com