BrainHi Brand: Colors, Fonts, Logo & Visual Identity

BrainHi Brand Identity

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

Color Palette

Brand palette extracted from https://www.brainhi.com.

Type Color Code RGB
Primary #364153 rgb(54, 65, 83)
Secondary #14DF89 rgb(20, 223, 137)
Accent #00C950 rgb(0, 201, 80)
Background #FFFFFF rgb(255, 255, 255)
Text #3D5D98 rgb(61, 93, 152)
Link #3D5D98 rgb(61, 93, 152)

Typography

Each font links to its Google Fonts page where available.

Role Font Family
Primary Montserrat
Heading Montserrat

Visual Assets

UI Components

Button Primary

Button Secondary

Brand Personality

BrainHi Brand in the Wild

Source: brainhi.com

Source: brainhi.com

Source: prototype.brainhi.com

Source: prototype.brainhi.com

Source: brainhi.com

Source: brainhi.com

Frequently Asked Questions

  1. What is BrainHi's primary brand color?
    BrainHi's primary brand color is #364153.

  2. What accent color does BrainHi use?
    BrainHi uses #00C950 as an accent color.

  3. What font does BrainHi use?
    BrainHi uses Montserrat as the primary typeface.

  4. Does BrainHi use a light or dark theme?
    BrainHi's primary site uses a light color scheme.

  5. Where can I find BrainHi's logo?
    The logo is available on their site (https://www.brainhi.com).

  6. How was this brand profile generated?
    This profile was extracted from https://www.brainhi.com using the Firecrawl branding extraction API.

Methodology

Brand data on this page was extracted from https://www.brainhi.com using the Firecrawl branding extraction API.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Montserrat",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#364153",
    "secondary": "#14DF89",
    "accent": "#00C950",
    "background": "#FFFFFF",
    "textPrimary": "#3D5D98",
    "link": "#3D5D98"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Montserrat",
      "heading": "Montserrat"
    },
    "fontStacks": {
      "heading": [
        "Montserrat",
        "sans-serif"
      ],
      "body": [
        "ui-sans-serif",
        "system-ui",
        "sans-serif",
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji"
      ],
      "paragraph": [
        "ui-sans-serif",
        "system-ui",
        "sans-serif",
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji"
      ]
    },
    "fontSizes": {
      "h1": "48px",
      "h2": "36px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 8,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#00C950",
      "textColor": "#FFFFFF",
      "borderRadius": "10px",
      "borderRadiusCorners": {
        "topLeft": "10px",
        "topRight": "10px",
        "bottomRight": "10px",
        "bottomLeft": "10px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#3D5D98",
      "textColor": "#FFFFFF",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px
    }
  },
  "images": {
    "logo": "https://brainhi.com/_assets/v11/0e1e6b201c546346f915b21a989a189093e4999e.png",
    "favicon": "https://brainhi.com/_assets/v11/2c08f9b1fa12dd06545761847c920d0434a9f6c6.png",
    "ogImage": "https://brainhi.com/og-image.jpg",
    "logoHref": "/",
    "logoAlt": "BrainHi Logo"
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "Healthcare professionals and organizations"
  },
  "designSystem": {
    "framework": "tailwind",
    "componentLibrary": ""
  }
}