eventbrite.json

Eventbrite Brand Identity

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

Quick Facts

Field Value
Primary #3659E3
Accent #39364F
Body Font Neue Plak Text
Heading Font Neue Plak

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: modern · Energy: medium · Audience: event organizers and attendees

Eventbrite 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": "light",
  "fonts": [
    {
      "family": "Neue Plak",
      "role": "heading"
    },
    {
      "family": "Neue Plak Text",
      "role": "body"
    },
    {
      "family": "Roboto",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#3659E3",
    "secondary": "#1E0A3C",
    "accent": "#39364F",
    "background": "#FFFFFF",
    "textPrimary": "#39364F",
    "link": "#39364F"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Neue Plak Text",
      "heading": "Neue Plak"
    },
    "fontStacks": {
      "heading": [
        "Neue Plak",
        "-apple-system",
        "BlinkMacSystemFont",
        "Roboto",
        "Helvetica Neue",
        "Helvetica",
        "Tahoma",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "Neue Plak",
        "-apple-system",
        "BlinkMacSystemFont",
        "Roboto",
        "Helvetica Neue",
        "Helvetica",
        "Tahoma",
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "Neue Plak",
        "-apple-system",
        "BlinkMacSystemFont",
        "Roboto",
        "Helvetica Neue",
        "Helvetica",
        "Tahoma",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "18px",
      "h2": "24px",
      "body": "12px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "16px"
  },
  "components": {
    "input": {
      "background": "transparent",
      "textColor": "#39364F",
      "borderColor": null,
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22logo-wordmark-brand_svg__Layer_1%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%202300%20400.8%22%20xml%3Aspace%3D%22preserve%22%20data-fc-idx%3D%220%22%3E%3Cstyle%3E%0A%20%20%20%20%20%20%20%20.logo-wordmark-brand_svg__st3%7Bfill%3A%23221d19%7D%0A%20%20%20%20%3C%2Fstyle%3E%3Cg%3E%3Cg%3E%3Cpath%20class%3D%22logo-wordmark-brand_svg__st3%22%20d%3D%22M794%2099.5l-43.2%20123H749l-43.1-123h-75.6l73.8%20198h85.8l73.8-198zM1204.1%2094.1c-29.8%200-53.4%2013.3-64%2035.1V99.5h-72v198.1h72v-97.3c0-29.8%209.8-49.3%2034.2-49.3%2021.8%200%2029.4%2014.2%2029.4%2041.3v105.2h72V173.2c0-41.3-17.4-79.1-71.6-79.1zM1753.1%20134.6V99.5h-72v198.1h72V207c0-33.3%2016.5-47.7%2043.1-47.7%2013.8%200%2028.9%202.7%2038.7%208.5v-68c-4.9-4-15.6-7.6-27.6-7.6-26.2%200-47.1%2020.2-54.2%2042.4zM1846.9%2099.5h72v198.1h-72z%22%20style%3D%22fill%3A%20rgb(240%2C%2085%2C%2055)%20!important%3B%22%2F%3E%3Ccircle%20class%3D%22logo-wordmark-brand_svg__st3%22%20cx%3D%221882.9%22%20cy%3D%2244.9%22%20r%3D%2240.7%22%20style%3D%22fill%3A%20rgb(240%2C%2085%2C%2055)%20!important%3B%22%2F%3E%3Cpath%20class%3D%22logo-wordmark-brand_svg__st3%22%20d%3D%22M2028.9%20221.5v-72.4h51.6V99.4h-51.6V44.8h-43.2c0%2030.2-24.5%2054.6-54.7%2054.6v49.7h26.7v93.2c0%2046.7%2031.5%2060.4%2064.9%2060.4%2027.1%200%2044.4-6.7%2059.6-17.8v-46.6c-12%204.9-21.8%206.7-30.6%206.7-14.7.1-22.7-6.6-22.7-23.5zM1402%20245.1s-.1%200%200%200h-.2c-14.6%200-22.5-6.7-22.5-23.5v-72.4h51.6V99.4h-51.6V44.8h-43.2c0%2030.2-24.5%2054.6-54.7%2054.6h-.1v49.7h26.7v93.2c0%2046.7%2031.5%2060.4%2064.9%2060.4%2027.1%200%2044.4-6.7%2059.6-17.8v-46.6c-11.9%204.9-21.7%206.8-30.5%206.8zM1402%20245.1h-.1.1c-.1%200%200%200%200%200zM543.9%2094.2c-61.7%200-107.9%2044.9-107.9%20107.5%200%2063.1%2045.3%20101.3%20108.8%20101.3%2057.7%200%2092.2-30.1%20100.4-76h-59.1c-6.7%2015.5-19.1%2022.2-38.6%2022.2-21.8%200-39.5-11.5-41.3-36h139v-20c-.1-53.7-35.2-99-101.3-99zM507%20178.6c2.7-18.7%2012.9-32.9%2036-32.9%2021.3%200%2032.9%2015.1%2033.8%2032.9H507zM954.1%2094.2c-61.7%200-107.9%2044.9-107.9%20107.5%200%2063.1%2045.3%20101.3%20108.8%20101.3%2057.7%200%2092.2-30.1%20100.4-76h-59.1c-6.7%2015.5-19.1%2022.2-38.6%2022.2-21.8%200-39.5-11.5-41.3-36h139v-20c0-53.7-35.1-99-101.3-99zm-36.9%2084.4c2.7-18.7%2012.9-32.9%2036-32.9%2021.3%200%2032.9%2015.1%2033.8%2032.9h-69.8zM2300%20193.2c0-53.7-35.1-99-101.3-99-61.7%200-107.9%2044.9-107.9%20107.5%200%2063.1%2045.3%20101.3%20108.8%20101.3%2057.7%200%2092.2-30.1%20100.4-76h-59.1c-6.7%2015.5-19.1%2022.2-38.6%2022.2-21.8%200-39.5-11.5-41.3-36h139v-20zm-138.1-14.6c2.7-18.7%2012.9-32.9%2036-32.9%2021.3%200%2032.9%2015.1%2033.8%2032.9h-69.8zM1582%2093.8c-33.3%200-55.6%2016-65.4%2039.6v-116h-72v280.1h55.6l12.4-34.2c11.1%2024%2036%2039.6%2068%2039.6%2059.6%200%2089.4-45.8%2089.4-104.5%200-58.4-29.8-104.6-88-104.6zm-25.3%20153.4c-24.5%200-40-18.7-40-47.6V197c0-28.5%2015.6-47.1%2040-47.1%2028%200%2040.9%2020%2040.9%2048.5%200%2028.8-12.9%2048.8-40.9%2048.8z%22%20style%3D%22fill%3A%20rgb(240%2C%2085%2C%2055)%20!important%3B%22%2F%3E%3C%2Fg%3E%3Cpath%3Cclass%3D%22logo-wordmark-brand_svg__st3%22%20d%3D%22M302.8%20269L170.1%20165.6c-2.2-1.7.1-5.1%202.5-3.7l51.8%2029c23.5%2013.2%2053.2%205.5%2067.4-17.3%2015-24.1%207.1-55.8-17.5-70l-76-43.9c-2.4-1.4-.6-5.1%202-4l34.9%2014c.1%200%20.9.3%201.2.4%203.7%201.3%207.7%202%2011.8%202%2018.9%200%2034.5-15%2035.8-32.8C285.7%2016.1%20268.1%200%20247%200H85.6C64.9%200%2047.4%2016.9%2047.7%2037.6c.1%2011%205.1%2020.8%2012.8%2027.5%205.8%205.1%2025.4%2020.7%2034.7%2028.2%201.7%201.3.7%204-1.4%204H61.5C27.5%2097.5%200%20125.1%200%20159.1c0%2017.2%207%2032.7%2018.4%2044l187.1%20177.8c13.2%2012.3%2031%2019.9%2050.5%2019.9%2041%200%2074.2-33.2%2074.2-74.2-.1-23.2-10.7-44-27.4-57.6z%22%20style%3D%22fill%3A%20rgb(240%2C%2085%2C%2055)%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E

- Favicon: https://cdn.evbstatic.com/s3-build/perm_001/8e1e99/django/images/favicons/favicon-32x32.png

## UI Components

- input: background=transparent, textColor=#39364F, borderColor=null, borderRadius=0px, shadow=none

## Brand Personality

Tone: modern · Energy: medium · Audience: event organizers and attendees