Name: Dembrandt
Author: Dembrandt

Slack

Business communication and collaboration platform

Multi-color brand palette

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

#4a154b

#36c5f0

#2eb67d

#ecb22e

#e01e5a

#ffffff

Typography

Slack-Larsseit, Helvetica, sans-serif

hero:64px / 700

body:16px / 400

button:15px / 700

Shadows

Spacing

4px8px16px24px32px48px

Border Radius

4px

8px

16px

Button States

React

Default

#4a154b

Hover

#611d63

Active

#360e37

radius: 4pxpadding: 12px 20px

output.json

{
  "url": "slack.com",
  "colors": [
    "#4a154b",
    "#36c5f0",
    "#2eb67d",
    "#ecb22e",
    "#e01e5a",
    "#ffffff"
  ],
  "typography": {
    "fontFamily": "Slack-Larsseit, Helvetica, sans-serif",
    "hero": "64px / 700",
    "body": "16px / 400",
    "button": "15px / 700"
  },
  "shadows": [
    "0 1px 3px rgba(0,0,0,0.08)",
    "0 4px 12px rgba(74,21,75,0.15)",
    "0 16px 32px rgba(0,0,0,0.2)"
  ],
  "spacing": [
    "4px",
    "8px",
    "16px",
    "24px",
    "32px",
    "48px"
  ],
  "borderRadius": [
    "4px",
    "8px",
    "16px"
  ],
  "buttons": {
    "default": {
      "bg": "#4a154b",
      "text": "#ffffff"
    },
    "hover": {
      "bg": "#611d63",
      "text": "#ffffff"
    },
    "active": {
      "bg": "#360e37",
      "text": "#ffffff"
    },
    "radius": "4px",
    "padding": "12px 20px",
    "framework": "React"
  }
}

$npx dembrandt slack.com