PgDog Brand: Colors, Fonts, Logo & Visual Identity

PgDog Brand Identity

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

Color Palette

Brand palette extracted from https://pgdog.dev.

Primary

#0751CF

Secondary

#4B5563

Accent

#3D62B0

Background

#FFFFFF

Text Primary

#3D62B0

Link

#3D62B0

Typography

Each font links to its Google Fonts page where available.

Primary

Inter
Google Fonts →

Heading

Inter
Google Fonts →

Font Stack

Inter, Arial, sans-serif

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using PgDog's actual button styles.

Button Primary

buttonPrimary

Button Secondary

buttonSecondary

Brand Personality

PgDog Brand in the Wild

Source: docs.pgdog.dev

Source: pgdog.dev

Source: pgdog.dev

Source: pgdog.dev

Source: docs.pgdog.dev

Source: pgdog.dev

Frequently Asked Questions

  1. What is PgDog's primary brand color?
    PgDog's primary brand color is #0751CF. It anchors the visual identity across their website, product UI, and marketing materials.

  2. What accent color does PgDog use?
    PgDog uses #3D62B0 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

  3. What font does PgDog use?
    PgDog uses Inter as the primary typeface across body and headings.

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

  5. Where can I find PgDog's logo?
    PgDog's logo is available directly on their site (https://pgdog.dev). 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://pgdog.dev 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 PgDog.

Methodology

Brand data on this page was extracted from https://pgdog.dev on 2026-07-27 using the Firecrawl branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Inter",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#0751CF",
    "secondary": "#4B5563",
    "accent": "#3D62B0",
    "background": "#FFFFFF",
    "textPrimary": "#3D62B0",
    "link": "#3D62B0"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Inter"
    },
    "fontStacks": {
      "heading": [
        "Inter",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "Inter",
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "Inter",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "64px",
      "h2": "56px",
      "body": "18px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "1px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#3D62B0",
      "textColor": "#FFFFFF",
      "borderColor": "#3D62B0",
      "borderRadius": "1px",
      "borderRadiusCorners": {
        "topLeft": "1px",
        "topRight": "1px",
        "bottomRight": "1px",
        "bottomLeft": "1px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#355BA9",
      "borderColor": "#FFFFFF",
      "borderRadius": "1px",
      "borderRadiusCorners": {
        "topLeft": "1px",
        "topRight": "1px",
        "bottomRight": "1px",
        "bottomLeft": "1px"
      },
      "shadow": "rgba(7, 77, 207, 0.06) 6px 6px 0px 0px, rgba(7, 77, 207, 0.06) -6px -6px 0px 0px"
    }
  },
  "images": {
    "logo": "https://pgdog.dev/assets/images/logo2.png",
    "favicon": "https://pgdog.dev/assets/images/favicon2.png",
    "ogImage": "https://pgdog.dev/assets/images/logo2_wide.png",
    "logoHref": "/",
    "logoAlt": "Logo"
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "developers and tech companies"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  }
}