Gem Brand Identity

A complete profile of Gem's visual system — colors, typography, components, and personality — extracted from https://www.gem.com/. Built for designers, agents, and AI tools.

Color Palette

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

Typography

Each font links to its Google Fonts page where available.

Sofia Pro, sans-serif

Visual Assets

UI Components

Live previews rendered using Gem's actual button styles.

Input

Background: #FFFFFF
Text Color: #17181A
Border Color: #AEB0B6
Border Radius: 4px
Shadow: none

Button Primary

Background: #0D62FF
Text Color: #FFFFFF
Border Radius: 4px
Shadow: none

Button Secondary

Background: #FFFFFF
Text Color: #17181A
Border Radius: 0px
Shadow: none

Brand Personality

Tone: professional
Energy: medium
Audience: recruitment professionals

Frequently Asked Questions

What is Gem's primary brand color?
Gem's primary brand color is #0D62FF. It anchors the visual identity across their website, product UI, and marketing materials.

What font does Gem use?
Gem uses Sofia Pro for body text and Plus Jakarta for headings. Fonts were detected on https://www.gem.com/ as part of their live design system.

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

Where can I find Gem's logo?
Gem's logo is available directly on their site (https://www.gem.com/).

How was this brand profile generated?
This profile was extracted from https://www.gem.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 Gem.

Methodology

Brand data on this page was extracted from https://www.gem.com/ using the Firecrawl branding extraction API.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Sofia Pro",
      "role": "body"
    },
    {
      "family": "Plus Jakarta",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#0D62FF",
    "secondary": "#EFEFFF",
    "accent": "#0D62FF",
    "background": "#FFFFFF",
    "textPrimary": "#061D46",
    "link": "#061D46"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Sofia Pro",
      "heading": "Plus Jakarta"
    },
    "fontStacks": {
      "heading": [
        "Sofia Pro",
        "sans-serif"
      ],
      "body": [
        "Sofia Pro",
        "sans-serif"
      ],
      "paragraph": [
        "Plus Jakarta",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "14px",
      "h2": "70px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "4px"
  },
  "components": {
    "input": {
      "background": "#FFFFFF",
      "textColor": "#17181A",
      "borderColor": "#AEB0B6",
      "borderRadius": "4px",
      "borderRadiusCorners": {
        "topLeft": "4px",
        "topRight": "4px",
        "bottomRight": "4px",
        "bottomLeft": "4px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#0D62FF",
      "textColor": "#FFFFFF",
      "borderRadius": "4px",
      "borderRadiusCorners": {
        "topLeft": "4px",
        "topRight": "4px",
        "bottomRight": "4px",
        "bottomLeft": "4px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#17181A",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://images.ctfassets.net/wyze6bs9tw5d/4vHRYxk5yEq0vACo4CJDY8/2c1277fae628ad0b9b58c669d4de943b/Logo__1_.svg",
    "favicon": "https://www.gem.com/mkt_resources/favicons/apple-icon-57x57.png",
    "ogImage": "https://images.ctfassets.net/wyze6bs9tw5d/2bJd5W5bF7oW2PNJvIVzd2/687da239b9de0f4379bbbd6afb9ae5f4/Meta_-_Gem_Default_2025_-_ML.png",
    "logoHref": "/",
    "logoAlt": "Gem Logo"
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "recruitment professionals"
  },
  "confidence": {
    "buttons": 0.95,
    "colors": 0.9,
    "overall": 0.925
  }
}