hebbia.json

Hebbia Brand Identity

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

Quick Facts

Field Value
Primary #465BFF
Accent #465BFF
Body Font Inter
Heading Font Inter

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: modern · Energy: medium · Audience: business professionals

Hebbia Brand in the Wild

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

Working with these 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.

Programmatic alternative: load the URL with Playwright or Puppeteer, listen for response events whose Content-Type starts with font/, and write the body to disk. The CSS extraction step is the same.

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": "Roboto",
      "role": "body"
    },
    {
      "family": "Helvetica Neue",
      "role": "body"
    },
    {
      "family": "Arial Nova",
      "role": "body"
    },
    {
      "family": "Nimbus Sans",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#465BFF",
    "secondary": "#88481A",
    "accent": "#465BFF",
    "background": "#101010",
    "textPrimary": "#101010",
    "link": "#EEECDD"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Inter"
    },
    "fontStacks": {
      "heading": [
        "Selecta",
        "Inter",
        "Roboto",
        "Helvetica Neue",
        "Arial Nova",
        "Nimbus Sans",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "Selecta",
        "Inter",
        "Roboto",
        "Helvetica Neue",
        "Arial Nova",
        "Nimbus Sans",
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "Selecta",
        "Inter",
        "Roboto",
        "Helvetica Neue",
        "Arial Nova",
        "Nimbus Sans",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "16px",
      "h2": "90px",
      "body": "14px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "4px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#465BFF",
      "textColor": "#FFFFFF",
      "borderRadius": "2px",
      "borderRadiusCorners": {
        "topLeft": "2px",
        "topRight": "2px",
        "bottomRight": "2px",
        "bottomLeft": "2px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%224em%22%20height%3D%221em%22%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20viewBox%3D%220%200%2087%2015%22%20aria-hidden%3D%22true%22%20class%3D%22nav__branding__full%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M2.258%202.109V.004H.128V2.11zm0%204.879V3.006H.128v3.982zm0%207.609V7.905H.128v6.692zM7.156%202.109V.002L3.175.004V2.11zm0%204.876V3.004l-3.981.002v3.98zm0%207.61V7.901l-3.981.003v6.69zm7.569-12.486v-2.11L8.053.004V2.11h6.67Zm0%204.874V3.001l-6.671.005v3.977h6.67Zm0%207.609V7.9l-6.671.005v6.687h6.67ZM24.257.005v5.96h7.25V.005h2.674v14.586h-2.673v-6h-7.251v6h-2.673V.005zm14.456%2011.97q.75.743%202.063.741%201%200%201.667-.396c.442-.26.78-.665.959-1.146h2.691a4.62%204.62%200%200%191-1.844%202.673q-1.428%201.03-3.487%201.03-1.665%200-2.938-.749a5%205%200%200%191-1.958-2.115q-.687-1.365-.688-3.156t.688-3.157a5.03%205.03%200%200%191%201.948-2.115%206.01%206.01%200%200%191%205.81%200%205.04%205.04%200%200%191%201.946%202.12q.687%201.365.687%203.156.001.502-.063%201h-8.41q.183%201.375.93%202.115Zm4.963-4.28q-.437-2.69-2.959-2.689-1.23%200-1.958.71-.729.708-.96%201.975zm6.168-3.73V.005h-2.587v14.586h2.44v-.959q1.354%201.25%203.459%201.25a5.1%205.1%200%200%191%202.75-.739%204.93%204.93%200%200%191%201.845-2.104q.656-1.366.656-3.178c0-1.812-.219-2.268-.656-3.177a4.93%204.93%200%200%191-1.844-2.105%205.1%205.1%200%200%191%202.751-.739q-1.98%200-3.312%201.126m5.897%204.899q-.002%201.77-.803%202.789-.803%201.02-2.198%201.021t-2.208-1.021q-.814-1.021-.814-2.79%200-1.767.814-2.789.811-1.02%202.208-1.02%201.395%200%202.198%201.02.804%201.02.803%202.79M61.99.005v3.96q1.334-1.126%203.312-1.125a5.1%205.1%200%200%191%202.751.739%204.93%204.93%200%200%191%201.844%202.105q.66%201.365.66%203.173-.001%201.807-.656%203.177a4.93%204.93%200%200%191-1.844%202.105%205.1%205.1%200%200%191-2.751.739q-2.104%200-3.459-1.25v.958h-2.44V.006h2.583Zm5.094%2011.648q.801-1.02.803-2.79%200-1.77-.803-2.789-.802-1.02-2.198-1.02t-2.208%201.02q-.814%201.021-.814%202.79%200%201.767.814%202.789.813%201.02%202.208%201.021t2.198-1.021m7.116-9.42V.004h-2.714v2.227H74.2Zm-.063%2012.358V3.13h-2.583v11.46zm12.21%200h-2.48v-.917q-1.376%201.21-3.417%201.209a5.1%205.1%200%200%191-2.75-.74%204.9%204.9%200%200%191-1.844-2.104q-.657-1.365-.65-3.182.005-1.818.656-3.178a4.9%204.9%200%200%191.843-2.105%205.1%205.1%200%200%191%202.751-.739q2.042%200%203.417%201.208v-.911h2.48zm-3.271-2.938q.813-1.02.813-2.79c0-1.77-.271-2.11-.813-2.789q-.814-1.02-2.209-1.02t-2.198%201.013q-.802%201.021-.802%202.79%200%201.767.802%202.789.802%201.02%202.197%201.021t2.21-1.014%22%20clip-rule%3D%22evenodd%22%20style%3D%22fill%3A%20rgb(238%2C%20236%2C%20221)%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
    "favicon": "https://www.hebbia.com/favicon.ico",
    "ogImage": "/static/img/og-fallback.jpg?w=1200&h=628&fit=crop&q=60&fm=jpg",
    "logoHref": "https://www.hebbia.com/"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand inferred from the URL and page title.",
    "confidence": 0.95,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 0,
      "text": "Contact sales",
      "reasoning": "The button with text 'Contact sales' has a vibrant blue background (#465BFF), which is the primary brand color, making it the main call-to-action."
    },
    "secondary": {
      "index": -1,
      "text": "N/A",
      "reasoning": "There is only one button detected, so no secondary button can be selected."
    },
    "confidence": 0.9
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "business professionals"
  },
  "designSystem": {
    "framework": "custom",
    "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, links to the homepage, and matches the brand inferred from the URL and page title.",
        "confidence": 0.95
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}