H1 Brand Identity

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

Color Palette

Brand palette extracted from https://www.h1.co/.

• primary: #262F38 (rgb(38, 47, 56))
• secondary: #EFF6FF (rgb(239, 246, 255))
• accent: #064997 (rgb(6, 73, 151))
• background: #FFFFFF (rgb(255, 255, 255))
• textPrimary: #064997 (rgb(6, 73, 151))
• link: #064997 (rgb(6, 73, 151))

Typography

Each font links to its Google Fonts page where available.

• primary: Gilroy - Google Fonts →
• heading: GT Sectra - Google Fonts →

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using H1's actual button styles.

• Button Primary:
  background: #064997
  text color: #FFFFFF
  border radius: 0px
  shadow: none

• Button Secondary:
  background: #F1F0EA
  text color: #064997
  border color: #064997
  border radius: 40px
  shadow: none

Brand Personality

• Tone: professional
• Energy: medium
• Audience: healthcare professionals and organizations

H1 Brand in the Wild

Image: h1.co

Image: archive.connect.h1.co

Image: connect.h1.co

Frequently Asked Questions

• What is H1's primary brand color?
  H1's primary brand color is #262F38. It anchors the visual identity across their website, product UI, and marketing materials.

• What accent color does H1 use?
  H1 uses #064997 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

• What font does H1 use?
  H1 uses Gilroy for body text and GT Sectra for headings. Fonts were detected on https://www.h1.co/ as part of their live design system.

• Does H1 use a light or dark theme?
  H1's primary site uses a light color scheme, with a background of #FFFFFF.

• Where can I find H1's logo?
  H1's logo is available directly on their site (https://www.h1.co/). 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 https://www.h1.co/ using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles.

Methodology

Brand data on this page was extracted from https://www.h1.co/ on 2026-07-27 using the Firecrawl branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles. Brand-in-the-wild images were sourced via Google Image Search restricted to ad/webinar/report queries and link out to their original third-party publishers; we link to the source rather than re-hosting third-party content.