# Harper Brand Identity

A complete profile of **Harper**'s visual system — colors, typography, components, and personality — extracted from [https://www.harperinsure.com/](https://www.harperinsure.com/). Built for designers, agents, and AI tools.

## Color Palette

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

| Color        | Hex Code | RGB                       |
|--------------|----------|--------------------------|
| primary      | #1D3A47  | rgb(29, 58, 71)          |
| secondary    | #F8E7D8  | rgb(248, 231, 216)       |
| accent       | #FF6D63  | rgb(255, 109, 99)        |
| background   | #F6E1CE  | rgb(246, 225, 206)       |
| textPrimary  | #1D3A47  | rgb(29, 58, 71)          |
| link         | #1D3A47  | rgb(29, 58, 71)          |

## Typography

Each font links to its Google Fonts page where available.

| Role      | Font                  | Google Fonts Link                                   |
|-----------|-----------------------|----------------------------------------------------|
| primary   | Plus Jakarta Sans      | [Google Fonts →](https://fonts.google.com/specimen/Plus+Jakarta+Sans) |
| heading   | Plus Jakarta Sans      | [Google Fonts →](https://fonts.google.com/specimen/Plus+Jakarta+Sans) |

## Visual Assets

Logo

Favicon

## UI Components

Live previews rendered using Harper's actual button styles.

| Component              | Background   | Text Color   | Border Radius | Shadow  |
|------------------------|---------------|--------------|---------------|---------|
| Input                  | #F8E7D8      | #F6E1CE      | 9999px        | none    |
| Button Primary         | #FF6D63      | #F6E1CE      | 30px          | none    |
| Button Secondary       | #FFFFFF      | #000000      | 0px           | none    |

## Brand Personality

**Tone:** professional  **Energy:** medium  **Audience:** business owners seeking insurance

## Harper Brand in the Wild

Image: [harper-marketing-site-assets.s3.us-east-1.amazonaws.com](https://harper-marketing-site-assets.s3.us-east-1.amazonaws.com/assets/announcement/LinkedIn%20Banner%20%281%29.png)

Source: [harperinsure.com](https://www.harperinsure.com/insurance-insights/harper-45m-funding-announcement)

## Frequently Asked Questions

- **What is Harper's primary brand color?** Harper's primary brand color is #1D3A47. It anchors the visual identity across their website, product UI, and marketing materials.
- **What accent color does Harper use?** Harper uses #FF6D63 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
- **What font does Harper use?** Harper uses Plus Jakarta Sans as the primary typeface across body and headings.
- **Does Harper use a light or dark theme?** Harper's primary site uses a light color scheme, with a background of #F6E1CE.
- **Where can I find Harper's logo?** Harper's logo is available directly on their site (https://www.harperinsure.com/). 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.harperinsure.com/ using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by Harper.

## Methodology

Brand data on this page was extracted from [https://www.harperinsure.com/](https://www.harperinsure.com/) 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.