# HelloSign Brand Identity

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

## Color Palette

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

primary

- #0061FE
- rgb(0, 97, 254)

secondary

- #0F503C
- rgb(15, 80, 60)

accent

- #0061FE
- rgb(0, 97, 254)

background

- #FFFFFF
- rgb(255, 255, 255)

textPrimary

- #1E1919
- rgb(30, 25, 25)

link

- #3984FF
- rgb(57, 132, 255)

## Typography

Each font links to its Google Fonts page where available.

primary

- AtlasGrotesk
- AtlasGrotesk [Google Fonts →](https://fonts.google.com/specimen/AtlasGrotesk)

heading

- AtlasGrotesk
- AtlasGrotesk [Google Fonts →](https://fonts.google.com/specimen/AtlasGrotesk)
- SharpGroteskDB23, sans-serif

## Visual Assets

Logo

Favicon

Social Card

## UI Components

Live previews rendered using HelloSign's actual button styles.

### Input

input

background#EFEFEFtextColor#121519borderColornullborderRadius0pxshadownone

### Button Primary

buttonPrimary

background#0061FEtextColor#FFFFFFborderRadius0pxshadownone

### Button Secondary

buttonSecondary

background#1E1919textColor#FFFFFFborderRadius0pxshadownone

## Brand Personality

**Tone:** professional  
**Energy:** medium  
**Audience:** business professionals

## HelloSign Brand in the Wild

Source: [developers.hellosign.com](https://developers.hellosign.com/api/manual-reference-pages/premium-branding)

Source: [hellosign.com](https://www.hellosign.com/blog/how-to-make-your-react-apps-15x-faster?utm_contnet=what%25252525252520is%25252525252520a%25252525252520non-po)

Source: [gb.hellosign.com](https://gb.hellosign.com/integrations/microsoft-word?utm_medium=paid-search&utm_source=adwords-search&utm_campaign=brand-tofu-emea&utm_content=brand-new-v3&utm_term=hellosign+api&utm_matchtype=e&utm_var=hp-take-over&utm_ad_group=braze-brand)

Source: [hellosign.com](https://www.hellosign.com/blog/how-to-map-a-sales-process)

Source: [hellosign.com](https://www.hellosign.com/terms)

## Frequently Asked Questions

**What is HelloSign's primary brand color?**  
HelloSign's primary brand color is #0061FE. It anchors the visual identity across their website, product UI, and marketing materials.

**What font does HelloSign use?**  
HelloSign uses AtlasGrotesk as the primary typeface across body and headings.

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

**Where can I find HelloSign's logo?**  
HelloSign's logo is available directly on their site (https://www.hellosign.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.hellosign.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 HelloSign.

## Methodology

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