# BeatDeck Brand Identity

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

## Color Palette

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

| Color Name | HEX      | RGB                |
|------------|----------|--------------------|
| primary    | #19184A  | rgb(25, 24, 74)    |
| secondary  | #0F172A  | rgb(15, 23, 42)    |
| accent     | #637CF7  | rgb(99, 124, 247)  |
| background | #F8FAFC  | rgb(248, 250, 252) |
| textPrimary| #343434  | rgb(52, 52, 52)    |
| link       | #637CF7  | rgb(99, 124, 247)  |

## 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

```json
{
  "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"
  }
}
```