Humoniq Brand: Colors, Fonts, Logo & Visual Identity

Humoniq Brand Identity

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

Color Palette

Brand palette extracted from https://humoniq.ai.

Primary:
- HEX: #1A1A36
- RGB: rgb(26, 26, 54)
Secondary:
- HEX: #737384
- RGB: rgb(115, 115, 132)
Accent:
- HEX: #33334D
- RGB: rgb(51, 51, 77)
Background:
- HEX: #000020
- RGB: rgb(0, 0, 32)
Text Primary:
- HEX: #000020
- RGB: rgb(0, 0, 32)
Link:
- HEX: #000020
- RGB: rgb(0, 0, 32)

Typography

Each font links to its Google Fonts page where available.

Primary:
- Inter
  Google Fonts →
Heading:
- Test Martina Plantijn Medium
  Google Fonts →

Not found on Google Fonts? Agent Instructions that you can follow 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" (or by extension: woff2, woff, ttf, otf).
3. Hard-reload the page and click around (pricing, blog, careers) — 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 (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each `src: url(...)` to point to your local file path.

Visual Assets

Logo

Favicon

UI Components

Live previews rendered using Humoniq's actual button styles.

Button Primary:
- Background: #33334D
- Text Color: #000000
- Border Radius: 50px
- Shadow: none
Button Secondary:
- Background: #000020
- Text Color: #0000EE
- Border Radius: 20px
- Shadow: none

Brand Personality

Tone: modern
Energy: medium
Audience: tech-savvy travelers and businesses

Humoniq Brand in the Wild

Source: humoniq.ai

Frequently Asked Questions

What is Humoniq's primary brand color?
- Humoniq's primary brand color is #1A1A36.
What accent color does Humoniq use?
- Humoniq uses #33334D as an accent color.
What font does Humoniq use?
- Humoniq uses Inter for body text and Test Martina Plantijn Medium for headings.
Does Humoniq use a light or dark theme?
- Humoniq's primary site uses a dark color scheme.
Where can I find Humoniq's logo?
- Humoniq's logo is available directly on their site.
How was this brand profile generated?
- This profile was extracted using the Firecrawl branding extraction API.

Methodology

Brand data on this page was extracted from https://humoniq.ai using the Firecrawl branding extraction API.

Machine-Readable Profile

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

{
  "colorScheme": "dark",
  "fonts": [
    {
      "family": "Inter",
      "role": "body"
    },
    {
      "family": "Test Martina Plantijn Medium",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#1A1A36",
    "secondary": "#737384",
    "accent": "#33334D",
    "background": "#000020",
    "textPrimary": "#000020",
    "link": "#000020"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Test Martina Plantijn Medium"
    },
    "fontStacks": {
      "heading": [
        "Test Martina Plantijn Medium",
        "sans-serif"
      ],
      "body": [
        "sans-serif"
      ],
      "paragraph": [
        "Inter",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "52px",
      "h2": "24px",
      "body": "24px"
    }
  },
  "spacing": {
    "baseUnit": 10,
    "borderRadius": "8px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#33334D",
      "textColor": "#000000",
      "borderRadius": "50px",
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#000020",
      "textColor": "#0000EE",
      "borderRadius": "20px",
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://framerusercontent.com/images/H41aKYQauqiDdoCLJXy3OtIU0I.png?scale-down-to=2048&width=3121&height=890",
    "favicon": "https://framerusercontent.com/images/mHYM4nbGf4t79n7FA9CsSqzxavk.svg"
  }
}