Harmonic Brand: Colors, Fonts, Logo & Visual Identity

Harmonic Brand Identity

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

Color Palette

Brand palette extracted from https://www.harmonic.fun/.

Color Name Hex Code RGB Values
primary #133264 rgb(19, 50, 100)
secondary #03439B rgb(3, 67, 155)
accent #020912 rgb(2, 9, 18)
background #F6F9FC rgb(246, 249, 252)
textPrimary #020912 rgb(2, 9, 18)
link #020912 rgb(2, 9, 18)

Typography

Each font links to its Google Fonts page where available.

Role Font Link
primary JetBrains Mono Google Fonts →
heading JetBrains Mono Google Fonts →

Visual Assets

Logo

Favicon

Brand Personality

Tone: modern
Energy: medium
Audience: tech-savvy individuals

Harmonic Brand in the Wild

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

Image: aristotle.harmonic.fun
Source: aristotle.harmonic.fun

Image: harmonic.fun
Source: harmonic.fun

Image: harmonic.fun
Source: harmonic.fun

Image: harmonic.fun
Source: harmonic.fun

Image: harmonic.fun
Source: harmonic.fun

Image: harmonic.fun
Source: harmonic.fun

Frequently Asked Questions

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

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

  3. What font does Harmonic use?
    Harmonic uses JetBrains Mono as the primary typeface across body and headings.

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

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

Machine-Readable Profile

Direct endpoints for agents, designers, and tooling. No login or auth required.

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "JetBrains Mono",
      "role": "monospace"
    }
  ],
  "colors": {
    "primary": "#133264",
    "secondary": "#03439B",
    "accent": "#020912",
    "background": "#F6F9FC",
    "textPrimary": "#020912",
    "link": "#020912"
  },
  "typography": {
    "fontFamilies": {
      "primary": "JetBrains Mono",
      "heading": "JetBrains Mono"
    },
    "fontStacks": {
      "heading": [
        "JetBrains Mono",
        "monospace"
      ],
      "body": [
        "JetBrains Mono",
        "monospace"
      ],
      "paragraph": [
        "JetBrains Mono",
        "monospace"
      ]
    },
    "fontSizes": {
      "h1": "64px",
      "h2": "64px",
      "body": "12px"
    }
  },
  "spacing": {
    "baseUnit": 8,
    "borderRadius": "0px"
  },
  "components": {},
  "images": {
    "logo": "https://www.harmonic.fun/images/harmonic-white.svg",
    "favicon": "https://www.harmonic.fun/harmonic-logo.svg",
    "ogImage": null,
    "logoHref": "/",
    "logoAlt": "Harmonic"
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "tech-savvy individuals"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0,
    "colors": 0.9,
    "overall": 0.45
  }
}