# H1 Brand Identity

A complete profile of **H1**'s visual system — colors, typography, components, and personality — extracted from [https://www.h1.co/](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 →](https://fonts.google.com/specimen/Gilroy)
- **heading**: GT Sectra - [Google Fonts →](https://fonts.google.com/specimen/GT+Sectra)

## 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](https://h1.co/wp-content/uploads/2026/02/H1-Support-Services-Blog-1050x712.png)

Image: [archive.connect.h1.co](https://archive.connect.h1.co/static-assets/collections/opioids.jpeg)

Image: [connect.h1.co](https://connect.h1.co/blog/wp-content/uploads/sites/2/2021/09/Parallax-Header-for-Blog-1-600x403.png)

## 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/](https://www.h1.co/) on 2026-07-27 using the [Firecrawl](https://firecrawl.dev/) 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.