# HelpWear Brand Identity

A complete profile of **HelpWear**'s visual system — colors, typography, components, and personality — extracted from [http://helpwear.ca/](http://helpwear.ca/). Built for designers, agents, and AI tools.

## Color Palette

Brand palette extracted from http://helpwear.ca/.

- **primary**: #34B1E6 (rgb(52, 177, 230))
- **secondary**: #CC1818 (rgb(204, 24, 24))
- **accent**: #00284F (rgb(0, 40, 79))
- **background**: #FFFFFF (rgb(255, 255, 255))
- **textPrimary**: #00284F (rgb(0, 40, 79))
- **link**: #00284F (rgb(0, 40, 79))

## Typography

Each font links to its Google Fonts page where available.

- **primary**: Lato ([Google Fonts →](https://fonts.google.com/specimen/Lato))
- **heading**: Lato

```plaintext
-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
```

## Visual Assets

## UI Components

Live previews rendered using HelpWear's actual button styles.

### Input

- **background**: #FFFFFF
- **textColor**: #595959
- **borderColor**: #C9C9C9
- **borderRadius**: 0px
- **shadow**: none

### Button Primary

- **background**: #00284F
- **textColor**: #FFFFFF
- **borderRadius**: 0px
- **shadow**: none

## Brand Personality

- **Tone:** professional
- **Energy:** medium
- **Audience:** healthcare professionals and patients

## HelpWear Brand in the Wild

Image: [helpwear.ca](https://helpwear.ca/wp-content/uploads/2023/01/162494617_236240654872395_7045916279643835859_n.jpg)

Image: [helpwear.ca](https://helpwear.ca/wp-content/uploads/2024/04/640ea96cbd26cd576205ba61_IMG_0217-p-2000.jpg)

Image: [helpwear.ca](https://helpwear.ca/wp-content/uploads/2024/06/hero-image.png)

Image: [helpwear.ca](https://helpwear.ca/wp-content/uploads/2024/05/Screen-Shot-2024-05-09-at-8.49.49-PM.jpg)

Image: [helpwear.ca](https://helpwear.ca/wp-content/uploads/2024/05/Screen-Shot-2024-05-14-at-8.57.08-AM.jpg)

Image: [helpwear.ca](https://helpwear.ca/wp-content/uploads/2024/04/Screen-Shot-2024-04-21-at-2.46.22-PM.jpg)

## Frequently Asked Questions

- **What is HelpWear's primary brand color?**
  HelpWear's primary brand color is #34B1E6. It anchors the visual identity across their website, product UI, and marketing materials.
- **What accent color does HelpWear use?**
  HelpWear uses #00284F as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
- **What font does HelpWear use?**
  HelpWear uses Lato as the primary typeface across body and headings.
- **Does HelpWear use a light or dark theme?**
  HelpWear's primary site uses a light color scheme, with a background of #FFFFFF.
- **Where can I find HelpWear's logo?**
  HelpWear's logo is available directly on their site (http://helpwear.ca/). 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 http://helpwear.ca/ 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 HelpWear.

## Methodology

Brand data on this page was extracted from [http://helpwear.ca/](http://helpwear.ca/) 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.