Name: Dembrandt
Author: Dembrandt

Krea AI

Real-time generative AI design platform

Generative image canvas

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

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

#000000

#404040

#ffffff

#a3a3a3

#737373

#f6f6f6

Typography

Suisse Intl, ui-sans-serif, system-ui

hero:96px / 600

body:20px / 400

button:16px / 400

Shadows

Spacing

2px4px6px8px10px12px

Border Radius

6px

8px

14px

16px

24px

Button States

Tailwind CSS

Default

#ffffff

Hover

#000000

Active

#000000

radius: 9999pxpadding: 8px 16px

output.json

{
  "url": "krea.ai",
  "colors": [
    "#000000",
    "#404040",
    "#ffffff",
    "#a3a3a3",
    "#737373",
    "#f6f6f6"
  ],
  "typography": {
    "fontFamily": "Suisse Intl, ui-sans-serif, system-ui",
    "hero": "96px / 600",
    "body": "20px / 400",
    "button": "16px / 400"
  },
  "shadows": [
    "rgba(0, 0, 0, 0.1) 0px 1px 6px 0px",
    "rgba(0, 0, 0, 0.05) 0px 1px 2px 0px"
  ],
  "spacing": [
    "2px",
    "4px",
    "6px",
    "8px",
    "10px",
    "12px"
  ],
  "borderRadius": [
    "6px",
    "8px",
    "14px",
    "16px",
    "24px"
  ],
  "buttons": {
    "default": {
      "bg": "#ffffff",
      "text": "#000000"
    },
    "hover": {
      "bg": "#000000",
      "text": "#000000"
    },
    "active": {
      "bg": "#000000",
      "text": "#000000"
    },
    "radius": "9999px",
    "padding": "8px 16px",
    "framework": "Tailwind CSS"
  }
}

$npx dembrandt krea.ai