Draftbit Brand Identity

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

Color Palette

Brand palette extracted from https://draftbit.com.

• Primary: #4F39F6 (rgb(79, 57, 246))
• Secondary: #64748B (rgb(100, 116, 139))
• Accent: #4F39F6 (rgb(79, 57, 246))
• Background: #F8FAFC (rgb(248, 250, 252))
• Text Primary: #0F172A (rgb(15, 23, 42))
• Link: #0F172A (rgb(15, 23, 42))

Typography

Each font links to its Google Fonts page where available.

• Primary: DM Sans (Google Fonts →)
• Heading: DM Sans (Google Fonts →)

Visual Assets

UI Components

Live previews rendered using Draftbit's actual button styles.

• Input: Background: transparent, Text Color: #0F172A, Border Color: null, Border Radius: 0px

• Button Primary: Background: #4F39F6, Text Color: #FAFAFA, Border Radius: 6px

• Button Secondary: Background: #F8FAFC, Text Color: #0F172A, Border Color: #CBD5E1, Border Radius: 6px

Brand Personality

• Tone: modern
• Energy: high
• Audience: developers and tech-savvy entrepreneurs

Frequently Asked Questions

1. What is Draftbit's primary brand color? Draftbit's primary brand color is #4F39F6.
2. What font does Draftbit use? Draftbit uses DM Sans as the primary typeface.
3. Does Draftbit use a light or dark theme? Draftbit's primary site uses a light color scheme.
4. Where can I find Draftbit's logo? Directly on their site (https://draftbit.com). The current logo URL is included in the machine-readable JSON profile.
5. How was this brand profile generated? This profile was extracted from https://draftbit.com using the Firecrawl branding extraction API.

Methodology

Brand data on this page was extracted from https://draftbit.com on 2026-07-27 using the Firecrawl branding extraction API. Brand-in-the-wild images were sourced via Google Image Search restricted to ad/webinar/report queries.

Machine-Readable Profile

Direct endpoints for agents, designers, and tooling.

JSON Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "DM Sans",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#4F39F6",
    "secondary": "#64748B",
    "accent": "#4F39F6",
    "background": "#F8FAFC",
    "textPrimary": "#0F172A",
    "link": "#0F172A"
  },
  "typography": {
    "fontFamilies": {
      "primary": "DM Sans",
      "heading": "DM Sans"
    },
    "fontStacks": {
      "heading": [
        "DM Sans",
        "sans-serif",
        "ui-sans-serif",
        "system-ui"
      ],
      "body": [
        "DM Sans",
        "sans-serif"
      ],
      "paragraph": [
        "DM Sans",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "48px",
      "h2": "48px",
      "body": "18px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "0px"
  },
  "components": {
    "input": {
      "background": "transparent",
      "textColor": "#0F172A",
      "borderColor": null,
      "borderRadius": "0px",
      "shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px"
    },
    "buttonPrimary": {
      "background": "#4F39F6",
      "textColor": "#FAFAFA",
      "borderRadius": "6px"
    },
    "buttonSecondary": {
      "background": "#F8FAFC",
      "textColor": "#0F172A",
      "borderColor": "#CBD5E1",
      "borderRadius": "6px"
    }
  },
  "images": {
    "logo": "https://draftbit.com/draftbit-logo-text.svg",
    "favicon": "https://draftbit.com/favicon.ico?v=20260310",
    "ogImage": "https://draftbit.com/og-image.jpg"
  }
}