Headstart Brand Identity

A complete profile of Headstart's visual system — colors, typography, components, and personality — extracted from https://www.headstart.io. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://www.headstart.io.

• primary: #0D2133
• rgb(13, 33, 51)
• secondary: #FF009E
• rgb(255, 0, 158)
• accent: #FF009E
• rgb(255, 0, 158)
• background: #F2F2F2
• rgb(242, 242, 242)
• textPrimary: #2B2B2B
• rgb(43, 43, 43)
• link: #5966F3
• rgb(89, 102, 243)

Typography

Each font links to its Google Fonts page where available.

• primary: Quicksand
• heading: Ginto Nord Bold
• Ginto Nord Bold, Verdana, Arial, sans-serif

Visual Assets

Logo

Favicon

UI Components

Live previews rendered using Headstart's actual button styles.

• Button Primary

  • background: #FF009E
  • textColor: #000000
  • borderColor: #000000
  • borderRadius: 10px
  • shadow: none

• Button Secondary

  • background: #FCFCFF
  • textColor: #2B2B2B
  • borderRadius: 0px
  • shadow: none

Brand Personality

• Tone: professional
• Energy: medium
• Audience: recruitment professionals and HR teams

Headstart Brand in the Wild

Image: headstart.io
Source: headstart.io

Image: i.ytimg.com
Source: headstart.io

Frequently Asked Questions

• What is Headstart's primary brand color?
  Headstart's primary brand color is #0D2133.
• What accent color does Headstart use?
  Headstart uses #FF009E as an accent color.
• What font does Headstart use?
  Headstart uses Quicksand for body text and Ginto Nord Bold for headings.
• Does Headstart use a light or dark theme?
  Headstart's primary site uses a light color scheme.
• Where can I find Headstart's logo?
  Headstart's logo is available directly on their site.
• How was this brand profile generated?
  This profile was extracted using the Firecrawl branding extraction API.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Quicksand",
      "role": "body"
    },
    {
      "family": "Ginto Nord Bold",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#0D2133",
    "secondary": "#FF009E",
    "accent": "#FF009E",
    "background": "#F2F2F2",
    "textPrimary": "#2B2B2B",
    "link": "#5966F3"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Quicksand",
      "heading": "Ginto Nord Bold"
    }
  },
  "components": {
    "buttonPrimary": {
      "background": "#FF009E",
      "textColor": "#000000",
      "borderColor": "#000000",
      "borderRadius": "10px"
    },
    "buttonSecondary": {
      "background": "#FCFCFF",
      "textColor": "#2B2B2B",
      "borderRadius": "0px"
    }
  },
  "images": {
    "logo": "https://www.headstart.io/files/wp-content/uploads/2019/05/headstart_logo_white-1024x177.png",
    "favicon": "https://www.headstart.io/files/wp-content/uploads/2019/05/cropped-headstart_favicon-32x32.png"
  }
}