# FirstWork Brand Identity

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

## Color Palette

Brand palette extracted from https://firstwork.com.

- primary
  - #3848A7
  - rgb(56, 72, 167)
- secondary
  - #364152
  - rgb(54, 65, 82)
- accent
  - #1718FF
  - rgb(23, 24, 255)
- background
  - #FFFFFF
  - rgb(255, 255, 255)
- textPrimary
  - #1718FF
  - rgb(23, 24, 255)
- link
  - #1718FF
  - rgb(23, 24, 255)

## Typography

Each font links to its Google Fonts page where available.

- primary
  - PP Neue Corp
- heading
  - Pp Neue Corp - Wide

### Fonts
- **PP Neue Corp** [Google Fonts →](https://fonts.google.com/specimen/PP+Neue+Corp)
- **Pp Neue Corp - Wide** [Google Fonts →](https://fonts.google.com/specimen/Pp+Neue+Corp+-+Wide)
- **Fallbacks:** PP Neue Corp, Arial, sans-serif

## Visual Assets

Logo

Favicon

Social Card

## UI Components

Live previews rendered using FirstWork's actual button styles.

### Button Primary
- **background:** #1718FF
- **textColor:** #FFFFFF
- **borderRadius:** 0px
- **shadow:** none

### Button Secondary
- **background:** #FFFFFF
- **textColor:** #1718FF
- **borderColor:** #1718FF
- **borderRadius:** 0px
- **shadow:** none

## Brand Personality
- **Tone:** modern
- **Energy:** medium
- **Audience:** businesses with frontline workforces

## FirstWork Brand in the Wild

### Brand Assets

. The current logo URL is included in the machine-readable JSON profile linked above.

6. **How was this brand profile generated?**
   - This profile was extracted from https://firstwork.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 FirstWork.

## Methodology

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