hyperbrowser.json

Hyperbrowser Brand Identity

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

Quick Facts

Field Value
Primary #9CA3AF
Accent #FFFFFF
Body Font Inter
Heading Font Manrope

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: modern · Energy: medium · Audience: tech-savvy professionals

Hyperbrowser Brand in the Wild

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

Working with these fonts

Not found on Google Fonts? Instructions that you can follow if you have permission to use the fonts. Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.

Machine-Readable Profile

{
  "colorScheme": "dark",
  "fonts": [
    {
      "family": "Inter",
      "role": "body"
    },
    {
      "family": "DM Mono",
      "role": "monospace"
    },
    {
      "family": "Manrope",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#9CA3AF",
    "secondary": "#292E38",
    "accent": "#FFFFFF",
    "background": "#1A1A1F",
    "textPrimary": "#1A1A1F",
    "link": "#6B7280"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Manrope"
    },
    "fontStacks": {
      "heading": [
        "Inter",
        "sans-serif"
      ],
      "body": [
        "Inter",
        "sans-serif"
      ],
      "paragraph": [
        "Inter",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "72px",
      "h2": "36px",
      "body": "18px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "4px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#FFFFFF",
      "textColor": "#000000",
      "borderRadius": "9999px",
      "borderRadiusCorners": {
        "topLeft": "9999px",
        "topRight": "9999px",
        "bottomRight": "9999px",
        "bottomLeft": "9999px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#45454A",
      "textColor": "#FFFFFF",
      "borderRadius": "9999px",
      "borderRadiusCorners": {
        "topLeft": "9999px",
        "topRight": "9999px",
        "bottomRight": "9999px",
        "bottomLeft": "9999px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://www.hyperbrowser.ai/hyperbrowser%20(white).svg?dpl=dpl_AmJ45poHSJxoQrU83HYHcyR2aKpn",
    "favicon": "https://www.hyperbrowser.ai/favicon.ico",
    "ogImage": "https://www.hyperbrowser.ai/og-image.png",
    "logoHref": "/",
    "logoAlt": "Hyperbrowser"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, matching the brand name 'Hyperbrowser'.",
    "confidence": 0.95,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 4,
      "text": "START FOR FREE",
      "reasoning": "Button #3 'START FOR FREE' is likely the primary CTA due to its action-oriented text and prominence. It is in a light color group, making it stand out against the dark theme."
    },
    "secondary": {
      "index": 1,
      "text": "BOOK DEMO",
      "reasoning": "Button #4 'BOOK DEMO' is selected as secondary because it is in a different color group (neutral) and offers a secondary action."
    },
    "confidence": 0.9
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "tech-savvy professionals"
  },
  "designSystem": {
    "framework": "tailwind",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0.9,
    "colors": 0.9,
    "overall": 0.9
  },
  "__llm_metadata": {
    "logoSelection": {
      "llmCalled": true,
      "llmSucceeded": true,
      "finalSource": "llm",
      "rawLogoSelection": {
        "selectedLogoIndex": 0,
        "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, matching the brand name 'Hyperbrowser'.",
        "confidence": 0.95
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}