Name: Dembrandt
Author: Dembrandt

Linear

Issue tracking and project management tool

Frosted glass effects

Stripe Linear Notion OpenAI Tesla Airbnb Figma Slack Uber Apple Raycast Krea AI Family Oura Nike Duolingo Arc Perplexity AI Anthropic Vercel Cursor

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

Design tokens observed from publicly visible CSS. Dembrandt does not host, copy, or redistribute any brand assets.

Colors

#133174

#1d1d1f

#8b8b8b

#2e2e30

#f7f8f8

#ffffff

Typography

Inter, -apple-system, sans-serif

hero:64px / 500

body:17px / 400

button:14px / 500

Shadows

Spacing

4px8px12px16px24px32px

Border Radius

6px

8px

12px

Button States

React + Next.js

Default

#5e6ad2

Hover

#6e7ae2

Active

#4e5ac2

radius: 6pxpadding: 8px 16px

output.json

{
  "url": "linear.app",
  "colors": [
    "#133174",
    "#1d1d1f",
    "#8b8b8b",
    "#2e2e30",
    "#f7f8f8",
    "#ffffff"
  ],
  "typography": {
    "fontFamily": "Inter, -apple-system, sans-serif",
    "hero": "64px / 500",
    "body": "17px / 400",
    "button": "14px / 500"
  },
  "shadows": [
    "0 1px 2px rgba(0,0,0,0.1)",
    "0 4px 16px rgba(94,106,210,0.2)",
    "0 16px 32px rgba(0,0,0,0.25)"
  ],
  "spacing": [
    "4px",
    "8px",
    "12px",
    "16px",
    "24px",
    "32px"
  ],
  "borderRadius": [
    "6px",
    "8px",
    "12px"
  ],
  "buttons": {
    "default": {
      "bg": "#5e6ad2",
      "text": "#ffffff"
    },
    "hover": {
      "bg": "#6e7ae2",
      "text": "#ffffff"
    },
    "active": {
      "bg": "#4e5ac2",
      "text": "#ffffff"
    },
    "radius": "6px",
    "padding": "8px 16px",
    "framework": "React + Next.js"
  }
}

$npx dembrandt linear.app