Playgent Brand: Colors, Fonts, Logo & Visual Identity

Playgent Brand Identity

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

Color Palette

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

Typography

Each font links to its Google Fonts page where available.

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using Playgent's actual button styles.

Brand Personality

Frequently Asked Questions

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

What font does Playgent use?
Playgent uses Arial for body text and Inter for headings. Fonts were detected on https://useplaygent.com as part of their live design system.

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

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

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Arial",
      "role": "body"
    },
    {
      "family": "Inter",
      "role": "heading"
    },
    {
      "family": "Roboto",
      "role": "body"
    },
    {
      "family": "Ubuntu",
      "role": "body"
    },
    {
      "family": "Helvetica Neue",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#0891B2",
    "secondary": "#3FB950",
    "accent": "#0891B2",
    "background": "#FFFFFF",
    "textPrimary": "#000000",
    "link": "#64748B"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Arial",
      "heading": "Inter"
    },
    "fontStacks": {
      "heading": [
        "Space Grotesk",
        "Inter",
        "system-ui",
        "-apple-system",
        "Segoe UI",
        "Roboto",
        "Ubuntu",
        "Cantarell",
        "Helvetica Neue",
        "Arial",
        "Noto Sans"
      ],
      "body": [
        "Inter",
        "system-ui",
        "-apple-system",
        "Segoe UI",
        "Roboto",
        "Ubuntu",
        "Cantarell",
        "Helvetica Neue",
        "Arial",
        "Noto Sans",
        "Apple Color Emoji",
        "Segoe UI Emoji"
      ],
      "paragraph": [
        "Inter",
        "system-ui",
        "-apple-system",
        "Segoe UI",
        "Roboto",
        "Ubuntu",
        "Cantarell",
        "Helvetica Neue",
        "Arial",
        "Noto Sans",
        "Apple Color Emoji",
        "Segoe UI Emoji"
      ]
    },
    "fontSizes": {
      "h1": "56px",
      "h2": "36px",
      "body": "20px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#0891B2",
      "textColor": "#FFFFFF",
      "borderColor": "#0891B2",
      "borderRadius": "0px",
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#64748B",
      "borderColor": "#CCCCCC",
      "borderRadius": "0px",
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://www.useplaygent.com/images/logolight.svg",
    "favicon": "https://www.useplaygent.com/images/iconlight.svg",
    "ogImage": "/images/icondark.svg",
    "logoHref": "/",
    "logoAlt": "Playgent logo"
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "financial professionals and developers"
  }
}