# Zapier Brand Identity

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

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

## Quick Facts

| Field | Value |
|---|---|
| Primary | #FF4F00 |
| Accent | #FF4F00 |
| Body Font | Inter |
| Heading Font | Degular Display |

## Color Palette

- primary: #FF4F00
- secondary: #C5C0B1
- accent: #FF4F00
- background: #FFFEFB
- textPrimary: #201515
- link: #381933

## Typography

- primary: Inter — https://fonts.google.com/specimen/Inter
- heading: Degular Display — https://fonts.google.com/specimen/Degular+Display

## Visual Assets

- Logo: data:image/svg+xml;utf8,%3Csvg%20class%3D%22zapier-marketing-ui-block-md4gSrcu%22%20width%3D%22104%22%20height%3D%2228%22%20viewBox%3D%220%200%20244%2066%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M57.1877%2045.2253L57.1534%2045.1166L78.809%2025.2914V15.7391H44.0663V25.2914H64.8181L64.8524%2025.3829L43.4084%2045.2253V54.7775H79.1579V45.2253H57.1877Z%22%20fill%3D%22%23201515%22%20style%3D%22fill%3A%20rgb(32%2C%2021%2C%2021)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M100.487%2014.8297C96.4797%2014.8297%2093.2136%2015.434%2090.6892%2016.6429C88.3376%2017.6963%2086.3568%2019.4321%2085.0036%2021.6249C83.7091%2023.8321%2082.8962%2026.2883%2082.6184%2028.832L93.1602%2030.3135C93.5415%2028.0674%2094.3042%2026.4754%2095.4482%2025.5373C96.7486%2024.5562%2098.3511%2024.0605%2099.9783%2024.136C102.118%2024.136%20103.67%2024.7079%20104.634%2025.8519C105.59%2026.9959%20106.076%2028.5803%20106.076%2030.6681V31.7091H95.9401C90.7807%2031.7091%2087.0742%2032.8531%2084.8206%2035.1411C82.5669%2037.429%2081.442%2040.4492%2081.4458%2044.2014C81.4458%2048.0452%2082.5707%2050.9052%2084.8206%2052.7813C87.0704%2054.6574%2089.8999%2055.5897%2093.3089%2055.5783C97.5379%2055.5783%20100.791%2054.1235%20103.067%2051.214C104.412%2049.426%20105.372%2047.3793%20105.887%2045.2024H106.27L107.723%2054.7546H117.275V30.5651C117.275%2025.5659%20115.958%2021.6936%20113.323%2018.948C110.688%2016.2024%20106.409%2014.8297%20100.487%2014.8297ZM103.828%2044.6475C102.312%2045.9116%20100.327%2046.5408%2097.8562%2046.5408C95.8199%2046.5408%2094.4052%2046.1843%2093.6121%2045.4712C93.2256%2045.1338%2092.9182%2044.7155%2092.7116%2044.246C92.505%2043.7764%2092.4043%2043.2671%2092.4166%2042.7543C92.3941%2042.2706%2092.4702%2041.7874%2092.6403%2041.3341C92.8104%2040.8808%2093.071%2040.4668%2093.4062%2040.1174C93.7687%2039.7774%2094.1964%2039.5145%2094.6633%2039.3444C95.1303%2039.1743%2095.6269%2039.1006%2096.1231%2039.1278H106.093V39.7856C106.113%2040.7154%20105.919%2041.6374%20105.527%2042.4804C105.134%2043.3234%20104.553%2044.0649%20103.828%2044.6475Z%22%20fill%3D%22%23201515%22%20style%3D%22fill%3A%20rgb(32%2C%2021%2C%2021)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M175.035%2015.7391H163.75V54.7833H175.035V15.7391Z%22%20fill%3D%22%23201515%22%20style%3D%22fill%3A%20rgb(32%2C%2021%2C%2021)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M241.666%2015.7391C238.478%2015.7391%20235.965%2016.864%20234.127%2019.1139C232.808%2020.7307%20231.805%2023.1197%20231.119%2026.2809H230.787L229.311%2015.7391H219.673V54.7775H230.959V34.7578C230.959%2032.2335%20231.55%2030.2982%20232.732%2028.9521C233.914%2027.606%20236.095%2026.933%20239.275%2026.933H243.559V15.7391H241.666Z%22%20fill%3D%22%23201515%22%20style%3D%22fill%3A%20rgb(32%2C%2021%2C%2021)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M208.473%2017.0147C205.839%2015.4474%20202.515%2014.6657%20198.504%2014.6695C192.189%2014.6695%20187.247%2016.4675%20183.678%2020.0634C180.108%2023.6593%20178.324%2028.6166%20178.324%2034.9352C178.233%2038.7553%20179.067%2042.5407%20180.755%2045.9689C182.3%2049.0238%20184.706%2051.5592%20187.676%2053.2618C190.665%2054.9892%20194.221%2055.8548%20198.344%2055.8586C201.909%2055.8586%20204.887%2055.3095%20207.278%2054.2113C209.526%2053.225%20211.483%2051.6791%20212.964%2049.7211C214.373%2047.7991%20215.42%2045.6359%20216.052%2043.3377L206.329%2040.615C205.919%2042.1094%20205.131%2043.4728%20204.041%2044.5732C202.942%2045.6714%20201.102%2046.2206%20198.521%2046.2206C195.451%2046.2206%20193.163%2045.3416%20191.657%2043.5837C190.564%2042.3139%20189.878%2040.5006%20189.575%2038.1498H216.201C216.31%2037.0515%20216.367%2036.1306%20216.367%2035.387V32.9561C216.431%2029.6903%20215.757%2026.4522%20214.394%2023.4839C213.118%2020.7799%20211.054%2018.5248%20208.473%2017.0147ZM198.178%2023.9758C202.754%2023.9758%20205.348%2026.2275%20205.962%2030.731H189.775C190.032%2029.2284%20190.655%2027.8121%20191.588%2026.607C193.072%2024.8491%20195.268%2023.972%20198.178%2023.9758Z%22%20fill%3D%22%23201515%22%20style%3D%22fill%3A%20rgb(32%2C%2021%2C%2021)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M169.515%200.00366253C168.666%20-0.0252113%20167.82%200.116874%20167.027%200.421484C166.234%200.726094%20165.511%201.187%20164.899%201.77682C164.297%202.3723%20163.824%203.08658%20163.512%203.87431C163.2%204.66204%20163.055%205.50601%20163.086%206.35275C163.056%207.20497%20163.201%208.05433%20163.514%208.84781C163.826%209.64129%20164.299%2010.3619%20164.902%2010.9646C165.505%2011.5673%20166.226%2012.0392%20167.02%2012.3509C167.814%2012.6626%20168.663%2012.8074%20169.515%2012.7762C170.362%2012.8082%20171.206%2012.6635%20171.994%2012.3514C172.782%2012.0392%20173.496%2011.5664%20174.091%2010.963C174.682%2010.3534%20175.142%209.63077%20175.446%208.83849C175.75%208.04621%20175.89%207.20067%20175.859%206.35275C175.898%205.50985%20175.761%204.66806%20175.456%203.88115C175.151%203.09424%20174.686%202.37951%20174.09%201.78258C173.493%201.18565%20172.779%200.719644%20171.992%200.414327C171.206%200.109011%20170.364%20-0.0288946%20169.521%200.00938803L169.515%200.00366253Z%22%20fill%3D%22%23201515%22%20style%3D%22fill%3A%20rgb(32%2C%2021%2C%2021)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M146.201%2014.6695C142.357%2014.6695%20139.268%2015.8764%20136.935%2018.2902C135.207%2020.0786%20133.939%2022.7479%20133.131%2026.2981H132.771L131.295%2015.7563H121.657V66H132.942V45.3054H133.354C133.698%2046.6852%20134.181%2048.0267%20134.795%2049.3093C135.75%2051.3986%20137.316%2053.1496%20139.286%2054.3314C141.328%2055.446%20143.629%2056.0005%20145.955%2055.9387C150.68%2055.9387%20154.277%2054.0988%20156.748%2050.419C159.219%2046.7392%20160.455%2041.6046%20160.455%2035.0153C160.455%2028.6509%20159.259%2023.6689%20156.869%2020.0691C154.478%2016.4694%20150.922%2014.6695%20146.201%2014.6695ZM147.345%2042.9602C146.029%2044.8668%20143.97%2045.8201%20141.167%2045.8201C140.012%2045.8735%20138.86%2045.6507%20137.808%2045.1703C136.755%2044.6898%20135.832%2043.9656%20135.116%2043.0574C133.655%2041.2233%20132.927%2038.7122%20132.931%2035.5243V34.7807C132.931%2031.5432%20133.659%2029.0646%20135.116%2027.3448C136.572%2025.625%20138.59%2024.7747%20141.167%2024.7937C144.02%2024.7937%20146.092%2025.6994%20147.385%2027.5107C148.678%2029.322%20149.324%2031.8483%20149.324%2035.0896C149.332%2038.4414%20148.676%2041.065%20147.356%2042.9602H147.345Z%22%20fill%3D%22%23201515%22%20style%3D%22fill%3A%20rgb(32%2C%2021%2C%2021)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M39.0441%2045.2253H0V54.789H39.0441V45.2253Z%22%20fill%3D%22%23FF4F00%22%20style%3D%22fill%3A%20rgb(255%2C%2079%2C%200)%20!important%3B%22%2F%3E%3C%2Fsvg%3E
- Favicon: https://zapier.com/favicon.ico
- Social card (og:image): https://res.cloudinary.com/zapier-media/image/upload/q_auto/f_auto/v1776210705/Governance/og-image-homepage_mskeaq.png

## UI Components

- buttonPrimary: background=#FF4F00, textColor=#FFFEFB, borderColor=#FF4F00, borderRadius=18px, shadow=none
- buttonSecondary: background=#FFFEFB, textColor=#201515, borderColor=#201515, borderRadius=4px, shadow=none

## Brand Personality

Tone: modern · Energy: high · Audience: business professionals and tech-savvy users

## Zapier Brand in the Wild

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

- **Zapier product and platform**
  - Image: https://images.ctfassets.net/lzny33ho1g45/4MqYnsftrLS3Fhr0Yvq4rE/0d5c76fc6a4dc14d06299f76615c6485/zapier-app-logo.jpg
  - Source: https://zapier.com/blog/categories/zapier-product-and-platform/
- **The 5 best blog sites | Zapier**
  - Image: https://images.ctfassets.net/lzny33ho1g45/sPSeeTxCEcdLaaQGBozcg/9f15738e145e90d0844d37fc7df5cd55/image12.png
  - Source: https://zapier.com/blog/best-blog-sites/
- **Zapier Deals**
  - Image: https://res.cloudinary.com/zapier-media/image/upload/q_auto/f_auto/v1718664984/Solutions/RevOps/revops-hero_v2_tky3nr.png
  - Source: https://zapier.com/l/deals
- **The 5 best blog sites | Zapier**
  - Image: https://images.ctfassets.net/lzny33ho1g45/best-blog-sites-p-img/a6219be7872ed6a51354e042f42ff455/best-blog-sites.jpeg?fm=jpg&q=31&fit=thumb&w=1520&h=760
  - Source: https://zapier.com/blog/best-blog-sites/
- **App tips Articles, Page 1 | Zapier Blog**
  - Image: https://images.ctfassets.net/lzny33ho1g45/7rkcy0ulYnXGSVfJXoe0HB/5eb9ce71288ec28cc6c43f46f69faa33/make-hero.jpg?fm=jpg&q=31&fit=thumb
  - Source: https://zapier.com/blog/all-articles/app-tips/
- **The 5 best blog sites | Zapier**
  - Image: https://images.ctfassets.net/lzny33ho1g45/6VKTwnI7mPNdyqUiPdbb9X/d43e4d3ee30dff5437f80bd17036fe23/image9.png
  - Source: https://zapier.com/blog/best-blog-sites/

## 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": "Inter",
      "role": "body"
    },
    {
      "family": "Degular Display",
      "role": "display"
    }
  ],
  "colors": {
    "primary": "#FF4F00",
    "secondary": "#C5C0B1",
    "accent": "#FF4F00",
    "background": "#FFFEFB",
    "textPrimary": "#201515",
    "link": "#381933"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Degular Display"
    },
    "fontStacks": {
      "heading": [
        "Degular Display",
        "DegularDisplay",
        "DegularDisplay Fallback",
        "Inter",
        "system-ui",
        "ui-sans-serif",
        "sans-serif"
      ],
      "body": [
        "Inter",
        "system-ui",
        "ui-sans-serif",
        "sans-serif"
      ],
      "paragraph": [
        "Inter",
        "system-ui",
        "ui-sans-serif",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "56px",
      "h2": "12px",
      "body": "14px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#FF4F00",
      "textColor": "#FFFEFB",
      "borderColor": "#FF4F00",
      "borderRadius": "18px",
      "borderRadiusCorners": {
        "topLeft": "18px",
        "topRight": "18px",
        "bottomRight": "18px",
        "bottomLeft": "18px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFEFB",
      "textColor": "#201515",
      "borderColor": "#201515",
      "borderRadius": "4px",
      "borderRadiusCorners": {
        "topLeft": "4px",
        "topRight": "4px",
        "bottomRight": "4px",
        "bottomLeft": "4px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20class%3D%22zapier-marketing-ui-block-md4gSrcu%22%20width%3D%22104%22%20height%3D%2228%22%20viewBox%3D%220%200%20244%2066%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M57.1877%2045.2253L57.1534%2045.1166L78.809%2025.2914V15.7391H44.0663V25.2914H64.8181L64.8524%2025.3829L43.4084%2045.2253V54.7775H79.1579V45.2253H57.1877Z%22%20fill%3D%22%23201515%22%20style%3D%22fill%3A%20rgb(32%2C%2021%2C%2021)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M100.487%2014.8297C96.4797%2014.8297%2093.2136%2015.434%2090.6892%2016.6429C88.3376%2017.6963%2086.3568%2019.4321%2085.0036%2021.6249C83.7091%2023.8321%2082.8962%2026.2883%2082.6184%2028.832L93.1602%2030.3135C93.5415%2028.0674%2094.3042%2026.4754%2095.4482%2025.5373C96.7486%2024.5562%2098.3511%2024.0605%2099.9783%2024.136C102.118%2024.136%20103.67%2024.7079%20104.634%2025.8519C105.59%2026.9959%20106.076%2028.5803%20106.076%2030.6681V31.7091H95.9401C90.7807%2031.7091%2087.0742%2032.8531%2084.8206%2035.1411C82.5669%2037.429%2081.442%2040.4492%2081.4458%2044.2014C81.4458%2048.0452%2082.5707%2050.9052%2084.8206%2052.7813C87.0704%2054.6574%2089.8999%2055.5897%2093.3089%2055.5783C97.5379%2055.5783%20100.791%2054.1235%20103.067%2051.214C104.412%2049.426%20105.372%2047.3793%20105.887%2045.2024H106.27L107.723%2054.7546H117.275V30.5651C117.275%2025.5659%20115.958%2021.6936%20113.323%2018.948C110.688%2016.2024%20106.409%2014.8297%20100.487%2014.8297ZM103.828%2044.6475C102.312%2045.9116%20100.327%2046.5408%2097.8562%2046.5408C95.8199%2046.5408%2094.4052%2046.1843%2093.6121%2045.4712C93.2256%2045.1338%2092.9182%2044.7155%2092.7116%2044.246C92.505%2043.7764%2092.4043%2043.2671%2092.4166%2042.7543C92.3941%2042.2706%2092.4702%2041.7874%2092.6403%2041.3341C92.8104%2040.8808%2093.071%2040.4668%2093.4062%2040.1174C93.7687%2039.7774%2094.1964%2039.5145%2094.6633%2039.3444C95.1303%2039.1743%2095.6269%2039.1006%2096.1231%2039.1278H106.093V39.7856C106.113%2040.7154%20105.919%2041.6374%20105.527%2042.4804C105.134%2043.3234%20104.553%2044.0649%20103.828%2044.6475Z%22%20fill%3D%22%23201515%22%20style%3D%22fill%3A%20rgb(32%2C%2021%2C%2021)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M175.035%2015.7391H163.75V54.7833H175.035V15.7391Z%22%20fill%3D%22%23201515%22%20style%3D%22fill%3A%20rgb(32%2C%2021%2C%2021)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M241.666%2015.7391C238.478%2015.7391%20235.965%2016.864%20234.127%2019.1139C232.808%2020.7307%20231.805%2023.1197%20231.119%2026.2809H230.787L229.311%2015.7391H219.673V54.7775H230.959V34.7578C230.959%2032.2335%20231.55%2030.2982%20232.732%2028.9521C233.914%2027.606%20236.095%2026.933%20239.275%2026.933H243.559V15.7391H241.666Z%22%20fill%3D%22%23201515%22%20style%3D%22fill%3A%20rgb(32%2C%2021%2C%2021)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M208.473%2017.0147C205.839%2015.4474%20202.515%2014.6657%20198.504%2014.6695C192.189%2014.6695%20187.247%2016.4675%20183.678%2020.0634C180.108%2023.6593%20178.324%2028.6166%20178.324%2034.9352C178.233%2038.7553%20179.067%2042.5407%20180.755%2045.9689C182.3%2049.0238%20184.706%2051.5592%20187.676%2053.2618C190.665%2054.9892%20194.221%2055.8548%20198.344%2055.8586C201.909%2055.8586%20204.887%2055.3095%20207.278%2054.2113C209.526%2053.225%20211.483%2051.6791%20212.964%2049.7211C214.373%2047.7991%20215.42%2045.6359%20216.052%2043.3377L206.329%2040.615C205.919%2042.1094%20205.131%2043.4728%20204.041%2044.5732C202.942%2045.6714%20201.102%2046.2206%20198.521%2046.2206C195.451%2046.2206%20193.163%2045.3416%20191.657%2043.5837C190.564%2042.3139%20189.878%2040.5006%20189.575%2038.1498H216.201C216.31%2037.0515%20216.367%2036.1306%20216.367%2035.387V32.9561C216.431%2029.6903%20215.757%2026.4522%20214.394%2023.4839C213.118%2020.7799%20211.054%2018.5248%20208.473%2017.0147ZM198.178%2023.9758C202.754%2023.9758%20205.348%2026.2275%20205.962%2030.731H189.775C190.032%2029.2284%20190.655%2027.8121%20191.588%2026.607C193.072%2024.8491%20195.268%2023.972%20198.178%2023.9758Z%22%20fill%3D%22%23201515%22%20style%3D%22fill%3A%20rgb(32%2C%2021%2C%2021)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M169.515%200.00366253C168.666%20-0.0252113%20167.82%200.116874%20167.027%200.421484C166.234%200.726094%20165.511%201.187%20164.899%201.77682C164.297%202.3723%20163.824%203.08658%20163.512%203.87431C163.2%204.66204%20163.055%205.50601%20163.086%206.35275C163.056%207.20497%20163.201%208.05433%20163.514%208.84781C163.826%209.64129%20164.299%2010.3619%20164.902%2010.9646C165.505%2011.5673%20166.226%2012.0392%20167.02%2012.3509C167.814%2012.6626%20168.663%2012.8074%20169.515%2012.7762C170.362%2012.8082%20171.206%2012.6635%20171.994%2012.3514C172.782%2012.0392%20173.496%2011.5664%20174.091%2010.963C174.682%2010.3534%20175.142%209.63077%20175.446%208.83849C175.75%208.04621%20175.89%207.20067%20175.859%206.35275C175.898%205.50985%20175.761%204.66806%20175.456%203.88115C175.151%203.09424%20174.686%202.37951%20174.09%201.78258C173.493%201.18565%20172.779%200.719644%20171.992%200.414327C171.206%200.109011%20170.364%20-0.0288946%20169.521%200.00938803L169.515%200.00366253Z%22%20fill%3D%22%23201515%22%20style%3D%22fill%3A%20rgb(32%2C%2021%2C%2021)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M146.201%2014.6695C142.357%2014.6695%20139.268%2015.8764%20136.935%2018.2902C135.207%2020.0786%20133.939%2022.7479%20133.131%2026.2981H132.771L131.295%2015.7563H121.657V66H132.942V45.3054H133.354C133.698%2046.6852%20134.181%2048.0267%20134.795%2049.3093C135.75%2051.3986%20137.316%2053.1496%20139.286%2054.3314C141.328%2055.446%20143.629%2056.0005%20145.955%2055.9387C150.68%2055.9387%20154.277%2054.0988%20156.748%2050.419C159.219%2046.7392%20160.455%2041.6046%20160.455%2035.0153C160.455%2028.6509%20159.259%2023.6689%20156.869%2020.0691C154.478%2016.4694%20150.922%2014.6695%20146.201%2014.6695ZM147.345%2042.9602C146.029%2044.8668%20143.97%2045.8201%20141.167%2045.8201C140.012%2045.8735%20138.86%2045.6507%20137.808%2045.1703C136.755%2044.6898%20135.832%2043.9656%20135.116%2043.0574C133.655%2041.2233%20132.927%2038.7122%20132.931%2035.5243V34.7807C132.931%2031.5432%20133.659%2029.0646%20135.116%2027.3448C136.572%2025.625%20138.59%2024.7747%20141.167%2024.7937C144.02%2024.7937%20146.092%2025.6994%20147.385%2027.5107C148.678%2029.322%20149.324%2031.8483%20149.324%2035.0896C149.332%2038.4414%20148.676%2041.065%20147.356%2042.9602H147.345Z%22%20fill%3D%22%23201515%22%20style%3D%22fill%3A%20rgb(32%2C%2021%2C%2021)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M39.0441%2045.2253H0V54.789H39.0441V45.2253Z%22%20fill%3D%22%23FF4F00%22%20style%3D%22fill%3A%20rgb(255%2C%2079%2C%200)%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
    "favicon": "https://zapier.com/favicon.ico",
    "ogImage": "https://res.cloudinary.com/zapier-media/image/upload/q_auto/f_auto/v1776210705/Governance/og-image-homepage_mskeaq.png",
    "logoHref": "/"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand name 'Zapier'.",
    "confidence": 0.95,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 7,
      "text": "Sign up",
      "reasoning": "Button #2 'Sign up' uses the vibrant brand color #FF4F00, which is the primary brand color, making it the main call-to-action."
    },
    "secondary": {
      "index": 9,
      "text": "Learn more about governance",
      "reasoning": "Button #3 'Learn more about governance' has a different background color (#FFFEFB) and serves as a secondary action with informative text."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "modern",
    "energy": "high",
    "targetAudience": "business professionals and tech-savvy users"
  },
  "designSystem": {
    "framework": "custom",
    "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, links to the homepage, and matches the brand name 'Zapier'.",
        "confidence": 0.95
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}
```