BeatDeck Brand Identity

A complete profile of BeatDeck's visual system — colors, typography, components, and personality — extracted from http://beatdeck.com. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from http://beatdeck.com.

Typography

Each font links to its Google Fonts page where available.

Font Families

• primary: DM Sans
• heading: DM Sans

Font Stacks

• heading: DM Sans, Inter, Product Sans, sans-serif
• body: DM Sans, Inter, Product Sans, sans-serif

Visual Assets

UI Components

Live previews rendered using BeatDeck's actual button styles.

Input

• background: #FFFFFF
• textColor: #0F172A
• borderColor: #E2E8F0
• borderRadius: 13.08px
• shadow: none

Button Primary

• background: #637CF7
• textColor: #FFFFFF
• borderRadius: 13.08px
• shadow: none

Button Secondary

• background: #EEF1FC
• textColor: #343434
• borderColor: #BFCAF0
• borderRadius: 13.08px
• shadow: rgba(99, 124, 247, 0.12) 0px 0px 0px 1px, rgba(99, 124, 247, 0.12) 0px 4px 12px -4px

Brand Personality

• Tone: professional
• Energy: medium
• Audience: businesses looking to purchase premium domains

Frequently Asked Questions

What is BeatDeck's primary brand color?

BeatDeck's primary brand color is #19184A. It anchors the visual identity across their website, product UI, and marketing materials.

What accent color does BeatDeck use?

BeatDeck uses #637CF7 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does BeatDeck use?

BeatDeck uses DM Sans as the primary typeface across body and headings.

Does BeatDeck use a light or dark theme?

BeatDeck's primary site uses a light color scheme, with a background of #F8FAFC.

Where can I find BeatDeck's logo?

BeatDeck's logo is available directly on their site (http://beatdeck.com). The current logo URL is included in the machine-readable JSON profile linked above.

How was this brand profile generated?

This profile was extracted from http://beatdeck.com using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by BeatDeck.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "DM Sans",
      "role": "body"
    },
    {
      "family": "Inter",
      "role": "body"
    },
    {
      "family": "Product Sans",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#19184A",
    "secondary": "#0F172A",
    "accent": "#637CF7",
    "background": "#F8FAFC",
    "textPrimary": "#343434",
    "link": "#637CF7"
  },
  "typography": {
    "fontFamilies": {
      "primary": "DM Sans",
      "heading": "DM Sans"
    }
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "businesses looking to purchase premium domains"
  }
}