FirstWork Brand Identity

A complete profile of FirstWork's visual system — colors, typography, components, and personality.

Quick Facts

Color Palette

• primary: #3848A7
• secondary: #364152
• accent: #1718FF
• background: #FFFFFF
• textPrimary: #1718FF
• link: #1718FF

Typography

• primary: PP Neue Corp — https://fonts.google.com/specimen/PP+Neue+Corp
• heading: Pp Neue Corp - Wide — https://fonts.google.com/specimen/Pp+Neue+Corp+-+Wide

Visual Assets

• Logo:
• Favicon:
• Social card (og:image):

UI Components

• buttonPrimary: background=#1718FF, textColor=#FFFFFF, borderRadius=0px, shadow=none
• buttonSecondary: 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

Real-world brand assets — ads, campaigns, marketing materials.

• Firstwork Blog | AI Recruiting & Workforce Management
  • Image:
  • Source: https://www.firstwork.com/blog
• Firstwork Blog | AI Recruiting & Workforce Management
  • Image:
  • Source: https://www.firstwork.com/blog
• Firstwork Blog | AI Recruiting & Workforce Management
  • Image: .png)
  • Source: https://www.firstwork.com/blog
• Firstwork Blog | AI Recruiting & Workforce Management
  • Image: .png)
  • Source: https://www.firstwork.com/blog
• Firstwork Blog | AI Recruiting & Workforce Management
  • Image: .png)
  • Source: https://www.firstwork.com/blog
• Top 10 Recruitment Automation Tools
  • Image:
  • Source: https://www.firstwork.com/post/top-10-recruitment-automation-tools

Working with these fonts

Not found on Google Fonts? Instructions if you have permission to use the fonts:

CharacterQuilt.com suggests this flow that can help:

1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font".
3. Hard-reload the page and click around (some weights only load on specific routes).
4. For each captured font URL: right-click → Save As to download the file locally.
5. View the page's CSS and copy out the matching @font-face declarations.

Programmatic alternative: load the URL with Playwright or Puppeteer, listen for response events whose Content-Type starts with font/, and write the body to disk.

Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.

Machine-Readable Profile

{
 "colorScheme": "light",
 "fonts": [
 {"family": "PP Neue Corp", "role": "body"},
 {"family": "Pp Neue Corp - Wide", "role": "heading"}
 ],
 "colors": {
 "primary": "#3848A7",
 "secondary": "#364152",
 "accent": "#1718FF",
 "background": "#FFFFFF",
 "textPrimary": "#1718FF",
 "link": "#1718FF"
 },
 "typography": {
 "fontFamilies": {
 "primary": "PP Neue Corp",
 "heading": "Pp Neue Corp - Wide"
 },
 "fontStacks": {
 "heading": ["PP Neue Corp", "Arial", "sans-serif"],
 "body": ["PP Neue Corp", "Arial", "sans-serif"],
 "paragraph": ["PP Neue Corp", "Arial", "sans-serif"]
 },
 "fontSizes": {
 "h1": "48px",
 "h2": "54.4px",
 "body": "18px"
 }
 },
 "spacing": {
 "baseUnit": 4,
 "borderRadius": "0px"
 },
 "components": {
 "buttonPrimary": {
 "background": "#1718FF",
 "textColor": "#FFFFFF",
 "borderRadius": "0px",
 "borderRadiusCorners": {
 "topLeft": "0px",
 "topRight": "0px",
 "bottomRight": "0px",
 "bottomLeft": "0px"
 },
 "shadow": "none"
 },
 "buttonSecondary": {
 "background": "#FFFFFF",
 "textColor": "#1718FF",
 "borderColor": "#1718FF",
 "borderRadius": "0px",
 "borderRadiusCorners": {
 "topLeft": "0px",
 "topRight": "0px",
 "bottomRight": "0px",
 "bottomLeft": "0px"
 },
 "shadow": "none"
 }
 },
 "images": {
 "logo": "https://cdn.prod.website-files.com/6796783f35faa4c61a224a54/693fada5ce8bd0fb971c0782_Firstwork%20logo.svg",
 "favicon": "https://cdn.prod.website-files.com/6796783f35faa4c61a224a54/67ca75619941ed286c6616dd_favicon-2.jpg",
 "ogImage": "https://cdn.prod.website-files.com/6796783f35faa4c61a224a54/67ad8583a0bc8ea324b129aa_og-firstwork.jpg",
 "logoHref": "/",
 "logoAlt": "Firstwork Logo"
 },
 "personality": {
 "tone": "modern",
 "energy": "medium",
 "targetAudience": "businesses with frontline workforces"
 },
 "designSystem": {
 "framework": "custom",
 "componentLibrary": ""
 }
}