HelixDB Brand Identity

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

Color Palette

Brand palette extracted from https://helix-db.com.

• primary: #381603
• secondary: #EBD9AF
• accent: #FF5C01
• background: #060404
• textPrimary: #EBD9AF
• link: #625948

Typography

Each font links to its Google Fonts page where available.

• primary: Geist Google Fonts →
• heading: Geist Google Fonts →
• Font Stack: Geist, ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace

Visual Assets

%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M428%20135.75L361%20181V8.10623e-06H428V135.75Z%22%20style%3D%22fill%3A%20rgb(235%2C%20217%2C%20175)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M67%20181H361V248H67V181Z%22%20style%3D%22fill%3A%20rgb(235%2C%20217%2C%20175)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M0%20135.75L67%20181V157H277V146H338.5V135H67V111H216V100H277.5V89H67V65H153V54H214.5V43H67V22H110V11H171.5V0L67%208.10623e-06H0V135.75Z%22%20style%3D%22fill%3A%20rgb(235%2C%20217%2C%20175)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M428%20293L361%20248V272H152.387V283H91V294H361V318H212.84V329H151V340H361V363H276.5V374H215V385H361V406H318.794V417H257V428H361H428V293Z%22%20style%3D%22fill%3A%20rgb(235%2C%20217%2C%20175)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)

Logo

Favicon

UI Components

Live previews rendered using HelixDB's actual button styles.

• Button Primary:

  • background: #381603
  • textColor: #FF5C01
  • borderRadius: 0px
  • shadow: none

• Button Secondary:

  • background: #37260D
  • textColor: #FBAF2F
  • borderRadius: 0px
  • shadow: none

Brand Personality

• Tone: modern
• Energy: medium
• Audience: developers and tech enthusiasts

HelixDB Brand in the Wild

Source: helix-db.com

Source: helix-db.com

Source: docs.helix-db.com

Frequently Asked Questions

1. What is HelixDB's primary brand color?
   HelixDB's primary brand color is #381603.
2. What accent color does HelixDB use?
   HelixDB uses #FF5C01.
3. What font does HelixDB use?
   HelixDB uses Geist.
4. Does HelixDB use a light or dark theme?
   HelixDB primarily uses a dark color scheme.
5. Where can I find HelixDB's logo?
   HelixDB's logo is available on their site (https://helix-db.com).
6. How was this brand profile generated?
   This profile was extracted using the Firecrawl branding extraction API.

Methodology

Brand data on this page was extracted from https://helix-db.com using the Firecrawl branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles.

Machine-Readable Profile

Direct endpoints for agents, designers, and tooling:

• GET /branding/helixdb.json

JSON Profile

{
  "colorScheme": "dark",
  "fonts": [
    {
      "family": "Geist",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#381603",
    "secondary": "#EBD9AF",
    "accent": "#FF5C01",
    "background": "#060404",
    "textPrimary": "#EBD9AF",
    "link": "#625948"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Geist",
      "heading": "Geist"
    }
  },
  "components": {
    "buttonPrimary": {
      "background": "#381603",
      "textColor": "#FF5C01"
    },
    "buttonSecondary": {
      "background": "#37260D",
      "textColor": "#FBAF2F"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20428%20428%22%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22h-7%20w-7%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M0%20293L67%20248V428H0V293Z%22%20style%3D%22fill%3A%20rgb(235%2C%20217%2C%20175)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M428%20135.75L361%20181V8.10623e-06H428V135.75Z%22%20style%3D%22fill%3A%20rgb(235%2C%20217%2C%20175)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M67%20181H361V248H67V181Z%22%20style%3D%22fill%3A%20rgb(235%2C%20217%2C%20175)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M0%20135.75L67%20181V157H277V146H338.5V135H67V111H216V100H277.5V89H67V65H153V54H214.5V43H67V22H110V11H171.5V0L67%208.10623e-06H0V135.75Z%22%20style%3D%22fill%3A%20rgb(235%2C%20217%2C%20175)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M428%20293L361%20248V272H152.387V283H91V294H361V318H212.84V329H151V340H361V363H276.5V374H215V385H361V406H318.794V417H257V428H361H428V293Z%22%20style%3D%22fill%3A%20rgb(235%2C%20217%2C%20175)%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
    "favicon": "https://www.helix-db.com/favicon.ico?favicon.8d099a8b.ico"
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "developers and tech enthusiasts"
  }
}