# Beehiiv Brand Identity

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

- Page: https://characterquilt.com/branding/beehiiv
- Machine-readable JSON: https://characterquilt.com/branding/beehiiv.json
- Per-page llms.txt: https://characterquilt.com/branding/beehiiv/llms.txt

## Quick Facts

| Field | Value |
|---|---|
| Primary | #0D0B28 |
| Accent | #2F39BA |
| Body Font | SatoshiFont |
| Heading Font | SatoshiFont |

## Color Palette

- primary: #0D0B28
- secondary: #141230
- accent: #2F39BA
- background: #FFFFFF
- textPrimary: #060419
- link: #060419

## Typography

- primary: SatoshiFont — https://fonts.google.com/specimen/SatoshiFont
- heading: SatoshiFont — https://fonts.google.com/specimen/SatoshiFont

## Visual Assets

- Logo: data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22beehiiv-logo-a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20439.4%20110.2%22%20xml%3Aspace%3D%22preserve%22%20class%3D%22fill-white%20h-%5B24px%5D%22%20data-fc-idx%3D%220%22%3E%3Cg%20id%3D%22beehiiv-logo-b%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%3E%3Cg%20id%3D%22beehiiv-logo-c%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%3E%3Cg%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%3E%3Cg%20id%3D%22beehiiv-logo-d%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%3E%3Cg%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M101.7%2C51.8H15.3c-2.2%2C0-4-1.8-4-4v-6.1c0-6.9%2C5.6-12.5%2C12.5-12.5h69.3c6.9%2C0%2C12.5%2C5.6%2C12.5%2C12.5v6.1%20%20%20%20%20%20%20C105.7%2C50%2C103.9%2C51.8%2C101.7%2C51.8z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M83.5%2C22.6h-50c-2.2%2C0-4.1-1.8-4.1-4.1l0%2C0C29.4%2C8.3%2C37.7%2C0%2C47.9%2C0h21.2c10.2%2C0%2C18.5%2C8.3%2C18.5%2C18.5l0%2C0%20%20%20%20%20%20%20C87.6%2C20.8%2C85.8%2C22.6%2C83.5%2C22.6C83.5%2C22.6%2C83.5%2C22.6%2C83.5%2C22.6z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M105.7%2C58.4H11.3C5.1%2C58.4%2C0%2C63.5%2C0%2C69.7S5.1%2C81%2C11.3%2C81h33.5c1.2-6.4%2C6.8-11.3%2C13.6-11.3%20%20%20%20%20%20%20S70.9%2C74.6%2C72.1%2C81h33.5c6.2%2C0%2C11.3-5.1%2C11.3-11.3S111.9%2C58.4%2C105.7%2C58.4C105.7%2C58.4%2C105.7%2C58.4%2C105.7%2C58.4z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cg%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M101.6%2C87.6H72.3v22.6h22c6.2%2C0%2C11.3-5.1%2C11.3-11.3v-7.2C105.7%2C89.5%2C103.9%2C87.6%2C101.6%2C87.6%20%20%20%20%20%20%20%20C101.6%2C87.6%2C101.6%2C87.6%2C101.6%2C87.6z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M15.3%2C87.6c-2.2%2C0-4.1%2C1.8-4.1%2C4.1v7.2c0%2C6.2%2C5.1%2C11.3%2C11.3%2C11.3h22V87.6C44.6%2C87.6%2C15.3%2C87.6%2C15.3%2C87.6z%20%20%20%20%20%20%20%20%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M206.4%2C63c0%2C12.3-8.5%2C20.2-19.6%2C20.2c-5.3%2C0-9.5-1.7-12.3-5.1v4.5h-10.9V28.5H175v19.1%20%20%20%20%20%20c2.9-3.2%2C6.9-4.8%2C11.8-4.8C197.8%2C42.8%2C206.4%2C50.7%2C206.4%2C63z%20M194.8%2C63c0-6.8-4.3-10.9-10-10.9s-10%2C4.1-10%2C10.9s4.3%2C10.9%2C10%2C10.9%20%20%20%20%20%20S194.8%2C69.8%2C194.8%2C63z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M243.6%2C70.3l6.1%2C6.6c-3.6%2C4.2-9.1%2C6.3-16.2%2C6.3c-13.6%2C0-22.4-8.5-22.4-20.2s8.9-20.2%2C21-20.2%20%20%20%20%20%20c11.1%2C0%2C20.2%2C7.3%2C20.3%2C19.9l-29.1%2C5.6c1.7%2C3.9%2C5.3%2C5.8%2C10.4%2C5.8C237.9%2C74.1%2C240.9%2C72.9%2C243.6%2C70.3L243.6%2C70.3z%20M222.2%2C61.8%20%20%20%20%20%20l19.1-3.7c-1.1-4-4.5-6.7-9.3-6.7C226.4%2C51.4%2C222.4%2C55.2%2C222.2%2C61.8L222.2%2C61.8z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M289.6%2C70.3l6.1%2C6.6c-3.6%2C4.2-9.1%2C6.3-16.2%2C6.3c-13.6%2C0-22.4-8.5-22.4-20.2s8.9-20.2%2C21-20.2%20%20%20%20%20%20c11.1%2C0%2C20.2%2C7.3%2C20.3%2C19.9l-29%2C5.6c1.7%2C3.9%2C5.3%2C5.8%2C10.4%2C5.8C283.9%2C74.1%2C286.9%2C72.9%2C289.6%2C70.3L289.6%2C70.3z%20M268.2%2C61.8%20%20%20%20%20%20l19.1-3.7c-1.1-4-4.5-6.7-9.3-6.7C272.4%2C51.4%2C268.5%2C55.2%2C268.2%2C61.8z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M346.2%2C60.2v22.5h-11.4V61.9c0-6.3-2.9-9.3-8-9.3c-5.5%2C0-9.4%2C3.4-9.4%2C10.6v19.4h-11.4V28.5h11.4v19%20%20%20%20%20%20c3.1-3.1%2C7.5-4.7%2C12.5-4.7C339.2%2C42.8%2C346.2%2C48.2%2C346.2%2C60.2L346.2%2C60.2z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M355.1%2C31.5c0-3.6%2C2.9-6.4%2C7.1-6.4s7.1%2C2.6%2C7.1%2C6.1c0%2C3.8-2.9%2C6.6-7.1%2C6.6S355.1%2C35.1%2C355.1%2C31.5z%20%20%20%20%20%20M356.5%2C43.4h11.4v39.3h-11.4C356.5%2C82.6%2C356.5%2C43.4%2C356.5%2C43.4z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M377.1%2C31.5c0-3.6%2C2.9-6.4%2C7.1-6.4s7.1%2C2.6%2C7.1%2C6.1c0%2C3.8-2.9%2C6.6-7.1%2C6.6S377.1%2C35.1%2C377.1%2C31.5z%20%20%20%20%20%20M378.5%2C43.4h11.4v39.3h-11.4C378.5%2C82.6%2C378.5%2C43.4%2C378.5%2C43.4z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M439.4%2C43.4l-16.6%2C39.3h-11.8l-16.5-39.3h11.8l10.9%2C26.7l11.2-26.7C428.5%2C43.4%2C439.4%2C43.4%2C439.4%2C43.4z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E
- Favicon: https://beehiiv-marketing-images.s3.amazonaws.com/Redesign2023/favicon.png
- Social card (og:image): https://media.beehiiv.com/www/og-image/og-beehiiv.png

## UI Components

- buttonPrimary: background=#2F39BA, textColor=#EDEFF2, borderRadius=9999px, shadow=none
- buttonSecondary: background=#141230, textColor=#EDEFF2, borderColor=#151327, borderRadius=9999px, shadow=none

## Brand Personality

Tone: modern · Energy: medium · Audience: newsletter creators and marketers

## Beehiiv Brand in the Wild

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

- **Jumpstart Your beehiiv Journey**
  - Image: https://images.prismic.io/beehiiv/ZuyTj7VsGrYSvmmV_growth.png?auto=format,compress
  - Source: https://www.beehiiv.com/virtual-events/jumpstart-your-beehiiv-journey-04-24-2026?srsltid=AfmBOooi3rXDZHMcQPR438AukbU--lDr7aX48nG_7M_00BO0MG1NlThu
- **How Can You Make Money From a Blog? Here's What I've Learned | beehiiv Blog**
  - Image: https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/1782b6ac-3237-45c3-8751-a0de2f3dba3c/image1.png?t=1750093628
  - Source: https://www.beehiiv.com/blog/how-can-you-make-money-from-a-blog?srsltid=AfmBOor2egqexoyRTcCqviALxPe3BT0CbTItUSYYRxAiRXbbopMk_qwG
- **SUNDAY'S EDITION (26/04)**
  - Image: https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/4c9cf769-ef50-4993-89b3-83fa362cc561/image.png?t=1776950670
  - Source: https://thenewscc.beehiiv.com/p/sunday-s-edition-26-04
- **How I Built a Blog Without Plugins or Coding Stress | beehiiv Blog**
  - Image: https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/bc0d59dc-a0a9-4563-8f96-9b0a97bae14c/image4.png?t=1757779198
  - Source: https://www.beehiiv.com/blog/blog-website-builder?srsltid=AfmBOooBUlqybC7XRoKA-aFIhN0BZUtR_B9z9HHsxR56ZpsE4YQr8qSW
- **How I Built a Blog Without Plugins or Coding Stress | beehiiv Blog**
  - Image: https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/b576bac6-6914-4d0d-9d9f-e03ae222f63f/image1.png?t=1757779268
  - Source: https://www.beehiiv.com/blog/blog-website-builder?srsltid=AfmBOoqTzahl3nRW97j9T_NDURdvBzNb466kjQXtu18nmH_AIVYjAVEQ
- **Subscribe | Future Proof**
  - Image: https://media.beehiiv.com/cdn-cgi/image/format=auto,fit=scale-down,onerror=redirect/uploads/asset/file/de2fa052-d8b0-480f-b565-2dbfad0c80b1/Future_Proof_with_Justin_Worland_Email_Header_1200x630-03.png
  - Source: https://timefutureproof.beehiiv.com/subscribe

## 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

```json
{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "SatoshiFont",
      "role": "body"
    },
    {
      "family": "Roboto",
      "role": "body"
    },
    {
      "family": "Helvetica",
      "role": "body"
    },
    {
      "family": "Arial",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#0D0B28",
    "secondary": "#141230",
    "accent": "#2F39BA",
    "background": "#FFFFFF",
    "textPrimary": "#060419",
    "link": "#060419"
  },
  "typography": {
    "fontFamilies": {
      "primary": "SatoshiFont",
      "heading": "SatoshiFont"
    },
    "fontStacks": {
      "heading": [
        "ClashGroteskFont",
        "ClashGroteskFont Fallback",
        "sans-serif"
      ],
      "body": [
        "SatoshiFont",
        "system-ui",
        "-apple-system",
        "Segoe UI",
        "Roboto",
        "Helvetica",
        "Arial",
        "sans-serif",
        "Apple Color Emoji",
        "Segoe UI Emoji"
      ],
      "paragraph": [
        "SatoshiFont",
        "system-ui",
        "-apple-system",
        "Segoe UI",
        "Roboto",
        "Helvetica",
        "Arial",
        "sans-serif",
        "Apple Color Emoji",
        "Segoe UI Emoji"
      ]
    },
    "fontSizes": {
      "h1": "72px",
      "h2": "48px",
      "body": "14px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "8px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#2F39BA",
      "textColor": "#EDEFF2",
      "borderRadius": "9999px",
      "borderRadiusCorners": {
        "topLeft": "9999px",
        "topRight": "9999px",
        "bottomRight": "9999px",
        "bottomLeft": "9999px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#141230",
      "textColor": "#EDEFF2",
      "borderColor": "#151327",
      "borderRadius": "9999px",
      "borderRadiusCorners": {
        "topLeft": "9999px",
        "topRight": "9999px",
        "bottomRight": "9999px",
        "bottomLeft": "9999px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22beehiiv-logo-a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20439.4%20110.2%22%20xml%3Aspace%3D%22preserve%22%20class%3D%22fill-white%20h-%5B24px%5D%22%20data-fc-idx%3D%220%22%3E%3Cg%20id%3D%22beehiiv-logo-b%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%3E%3Cg%20id%3D%22beehiiv-logo-c%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%3E%3Cg%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%3E%3Cg%20id%3D%22beehiiv-logo-d%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%3E%3Cg%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M101.7%2C51.8H15.3c-2.2%2C0-4-1.8-4-4v-6.1c0-6.9%2C5.6-12.5%2C12.5-12.5h69.3c6.9%2C0%2C12.5%2C5.6%2C12.5%2C12.5v6.1%20%20%20%20%20%20%20C105.7%2C50%2C103.9%2C51.8%2C101.7%2C51.8z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M83.5%2C22.6h-50c-2.2%2C0-4.1-1.8-4.1-4.1l0%2C0C29.4%2C8.3%2C37.7%2C0%2C47.9%2C0h21.2c10.2%2C0%2C18.5%2C8.3%2C18.5%2C18.5l0%2C0%20%20%20%20%20%20%20C87.6%2C20.8%2C85.8%2C22.6%2C83.5%2C22.6C83.5%2C22.6%2C83.5%2C22.6%2C83.5%2C22.6z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M105.7%2C58.4H11.3C5.1%2C58.4%2C0%2C63.5%2C0%2C69.7S5.1%2C81%2C11.3%2C81h33.5c1.2-6.4%2C6.8-11.3%2C13.6-11.3%20%20%20%20%20%20%20S70.9%2C74.6%2C72.1%2C81h33.5c6.2%2C0%2C11.3-5.1%2C11.3-11.3S111.9%2C58.4%2C105.7%2C58.4C105.7%2C58.4%2C105.7%2C58.4%2C105.7%2C58.4z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cg%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M101.6%2C87.6H72.3v22.6h22c6.2%2C0%2C11.3-5.1%2C11.3-11.3v-7.2C105.7%2C89.5%2C103.9%2C87.6%2C101.6%2C87.6%20%20%20%20%20%20%20%20C101.6%2C87.6%2C101.6%2C87.6%2C101.6%2C87.6z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M15.3%2C87.6c-2.2%2C0-4.1%2C1.8-4.1%2C4.1v7.2c0%2C6.2%2C5.1%2C11.3%2C11.3%2C11.3h22V87.6C44.6%2C87.6%2C15.3%2C87.6%2C15.3%2C87.6z%20%20%20%20%20%20%20%20%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M206.4%2C63c0%2C12.3-8.5%2C20.2-19.6%2C20.2c-5.3%2C0-9.5-1.7-12.3-5.1v4.5h-10.9V28.5H175v19.1%20%20%20%20%20%20c2.9-3.2%2C6.9-4.8%2C11.8-4.8C197.8%2C42.8%2C206.4%2C50.7%2C206.4%2C63z%20M194.8%2C63c0-6.8-4.3-10.9-10-10.9s-10%2C4.1-10%2C10.9s4.3%2C10.9%2C10%2C10.9%20%20%20%20%20%20S194.8%2C69.8%2C194.8%2C63z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M243.6%2C70.3l6.1%2C6.6c-3.6%2C4.2-9.1%2C6.3-16.2%2C6.3c-13.6%2C0-22.4-8.5-22.4-20.2s8.9-20.2%2C21-20.2%20%20%20%20%20%20c11.1%2C0%2C20.2%2C7.3%2C20.3%2C19.9l-29.1%2C5.6c1.7%2C3.9%2C5.3%2C5.8%2C10.4%2C5.8C237.9%2C74.1%2C240.9%2C72.9%2C243.6%2C70.3L243.6%2C70.3z%20M222.2%2C61.8%20%20%20%20%20%20l19.1-3.7c-1.1-4-4.5-6.7-9.3-6.7C226.4%2C51.4%2C222.4%2C55.2%2C222.2%2C61.8L222.2%2C61.8z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M289.6%2C70.3l6.1%2C6.6c-3.6%2C4.2-9.1%2C6.3-16.2%2C6.3c-13.6%2C0-22.4-8.5-22.4-20.2s8.9-20.2%2C21-20.2%20%20%20%20%20%20c11.1%2C0%2C20.2%2C7.3%2C20.3%2C19.9l-29%2C5.6c1.7%2C3.9%2C5.3%2C5.8%2C10.4%2C5.8C283.9%2C74.1%2C286.9%2C72.9%2C289.6%2C70.3L289.6%2C70.3z%20M268.2%2C61.8%20%20%20%20%20%20l19.1-3.7c-1.1-4-4.5-6.7-9.3-6.7C272.4%2C51.4%2C268.5%2C55.2%2C268.2%2C61.8z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M346.2%2C60.2v22.5h-11.4V61.9c0-6.3-2.9-9.3-8-9.3c-5.5%2C0-9.4%2C3.4-9.4%2C10.6v19.4h-11.4V28.5h11.4v19%20%20%20%20%20%20c3.1-3.1%2C7.5-4.7%2C12.5-4.7C339.2%2C42.8%2C346.2%2C48.2%2C346.2%2C60.2L346.2%2C60.2z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M355.1%2C31.5c0-3.6%2C2.9-6.4%2C7.1-6.4s7.1%2C2.6%2C7.1%2C6.1c0%2C3.8-2.9%2C6.6-7.1%2C6.6S355.1%2C35.1%2C355.1%2C31.5z%20%20%20%20%20%20M356.5%2C43.4h11.4v39.3h-11.4C356.5%2C82.6%2C356.5%2C43.4%2C356.5%2C43.4z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M377.1%2C31.5c0-3.6%2C2.9-6.4%2C7.1-6.4s7.1%2C2.6%2C7.1%2C6.1c0%2C3.8-2.9%2C6.6-7.1%2C6.6S377.1%2C35.1%2C377.1%2C31.5z%20%20%20%20%20%20M378.5%2C43.4h11.4v39.3h-11.4C378.5%2C82.6%2C378.5%2C43.4%2C378.5%2C43.4z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M439.4%2C43.4l-16.6%2C39.3h-11.8l-16.5-39.3h11.8l10.9%2C26.7l11.2-26.7C428.5%2C43.4%2C439.4%2C43.4%2C439.4%2C43.4z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E",
    "favicon": "https://beehiiv-marketing-images.s3.amazonaws.com/Redesign2023/favicon.png",
    "ogImage": "https://media.beehiiv.com/www/og-image/og-beehiiv.png",
    "logoHref": "/",
    "logoAlt": "beehiiv-logo-a"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is visible, located in the header, and matches the brand name 'beehiiv'. It links to the homepage, making it the primary brand logo.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 9,
      "text": "Recommendations",
      "reasoning": "Button #10 has a vibrant blue color (#2F39BA) which stands out as the primary CTA. The text 'Recommendations' suggests an action-oriented purpose, making it suitable as the primary button."
    },
    "secondary": {
      "index": 3,
      "text": "Subscribe Forms",
      "reasoning": "Button #7 has a different background color (#141230) and serves a secondary function with the text 'Subscribe Forms', which is less action-oriented than the primary CTA."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "newsletter creators and marketers"
  },
  "designSystem": {
    "framework": "tailwind",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0.95,
    "colors": 0.9,
    "overall": 0.925
  },
  "__llm_metadata": {
    "logoSelection": {
      "llmCalled": true,
      "llmSucceeded": true,
      "finalSource": "llm",
      "rawLogoSelection": {
        "selectedLogoIndex": 0,
        "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, and matches the brand name 'beehiiv'. It links to the homepage, making it the primary brand logo.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}
```