# Birdeye — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://birdeye.com/
Captured: 2026-10-22
CSS measured: 2026-10-22T06:39:36.511Z at 1440×1000 — https://birdeye.com/
Values come from computed CSS; role labels are AI judgments. Live CSS may differ from an older screenshot.
Status: AI analysed; curator review pending
Rubric: 3.2
Observer: google/gemini-3.1-pro-preview
Judge: anthropic/claude-sonnet-5

## Design direction

The website features a modern, soft corporate aesthetic characterized by extensive use of rounded corners, pill-shaped UI elements, and a warm, neutral color palette. High-quality photography is combined with playful 3D illustrations (like the bird characters) to create an approachable yet professional tone. The layout relies on generous whitespace and sticky scroll interactions to guide the user through complex product features.

## Classification

- Industry: marketing
- Site type: Landing, Blog
- Business model: Not identified
- Styles: corporate, soft, minimal, photographic, illustrative, glassmorphism, 3d-elements
- Platform: Custom code
- Technology: Not identified

## Typography

- Display: Geist — weight 400; size 56px; line-height 61.6px; tracking -1.1px; Regular (90% role confidence, computed values)
- Heading: Geist — weight 400; size 52px; line-height 57.2px; tracking -1px; Regular (95% role confidence, computed values)
- Body: Geist — weight 400; size 16px; line-height 24px; tracking normal; Regular (95% role confidence, computed values)

## Functional palette

- Text — text #000000: color-2: computed rgb(0, 0, 0); AI role: #000000 used for primary headlines and high-contrast text. (95% role confidence, computed values)
- Canvas — canvas #F1EFEA: color-4: computed rgb(241, 239, 234); AI role: #F1EFEA used as a warm neutral background for major content sections. (90% role confidence, computed values)
- Surface — surface #FFFFFF: color-1: computed rgb(255, 255, 255); AI role: #FFFFFF used for floating cards and the top navigation bar. (90% role confidence, computed values)
- Muted Text — muted text #727272: color-10: computed rgb(114, 114, 114); AI role: #727272 used for secondary descriptions and inactive tab text. (90% role confidence, computed values)
- Primary Action — primary action #4E413B: color-21: computed rgb(78, 65, 59); AI role: #4E413B used for the main 'Check My AI Visibility' CTA button background. (85% role confidence, computed values)
- Border — border #B5B5B5: color-26: computed rgb(181, 181, 181); AI role: #B5B5B5 used for subtle strokes on carousel buttons. (80% role confidence, computed values)

## Exact computed CSS inventory

The browser extracted these declarations from rendered DOM at capture time. They are facts, not visual guesses. Image and video pixels are outside this inventory.

### Font configurations

```json
[
  {
    "id": "font-1",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "400",
    "size": "52px",
    "lineHeight": "57.2px",
    "letterSpacing": "-1px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h2",
        "text": "Trust and reliability",
        "top": 7154,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Learn why Birdeye is ranked #1 on G2 in Enterprise.",
        "top": 7660,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "400",
    "size": "44px",
    "lineHeight": "48.4px",
    "letterSpacing": "-0.9px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h2",
        "text": "Meet your AI Coworkers",
        "top": 1126,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "BirdAI, The Agent OS",
        "top": 2202,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "400",
    "size": "56px",
    "lineHeight": "61.6px",
    "letterSpacing": "-1.1px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h1",
        "text": "AI Coworkers for Multi-location Brands",
        "top": 495,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "400",
    "size": "40px",
    "lineHeight": "44px",
    "letterSpacing": "-0.8px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Built for your industry. Connected to your stack.",
        "top": 5490,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "400",
    "size": "34px",
    "lineHeight": "40.8px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h3",
        "text": "Jay gets every location seen and chosen",
        "top": 1430,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "400",
    "size": "22px",
    "lineHeight": "28.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h3",
        "text": "AI Content Creation Platforms",
        "top": 7922,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 9,
    "contexts": [
      {
        "tag": "p",
        "text": "Coworkers get your jobs done through multi-agent orchestration.",
        "top": 1190,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Marketing",
        "top": 1302,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Operations",
        "top": 1302,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "400",
    "size": "18px",
    "lineHeight": "23.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "One unified view of every customer, location, and interaction—no more fragmented tools.",
        "top": 2710,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "AI agents analyze every signal across channels to understand context and decide the next best action",
        "top": 2810,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Agents execute personalized outreach, updates, and responses automatically, without manual work.",
        "top": 2920,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "19.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "strong",
        "text": "Ken Norquist",
        "top": 6034,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Axia Women's Health",
        "top": 6054,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Connects to your PMS, EHR, and the sites patients trust",
        "top": 6155,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "400",
    "size": "21px",
    "lineHeight": "24px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Win AI visibility, book appointments, and drive consistent CX at every location.",
        "top": 632,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "400",
    "size": "17px",
    "lineHeight": "25.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "AI Coworkers employ AI agents to execute the jobs in Marketing, Ops and CX.",
        "top": 2271,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 29,
    "contexts": [
      {
        "tag": "span",
        "text": "Birdeye Logo",
        "top": 86,
        "property": "font"
      },
      {
        "tag": "li",
        "text": "Birdeye's Client: sunauto",
        "top": 928,
        "property": "font"
      },
      {
        "tag": "li",
        "text": "Birdeye's Client: smile-brands",
        "top": 949,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "400",
    "size": "21px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 9,
    "contexts": [
      {
        "tag": "li",
        "text": "Healthcare",
        "top": 5660,
        "property": "font"
      },
      {
        "tag": "li",
        "text": "Real Estate",
        "top": 5660,
        "property": "font"
      },
      {
        "tag": "li",
        "text": "Self Storage",
        "top": 5660,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "400",
    "size": "21px",
    "lineHeight": "25.2px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "span",
        "text": "AI Search",
        "top": 1924,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Listings",
        "top": 1924,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Reviews",
        "top": 1924,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "17.6px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "span",
        "text": "Products",
        "top": 8619,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Industries",
        "top": 8619,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Tools",
        "top": 8619,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "19.6px",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "span",
        "text": "Products",
        "top": 76,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Industries",
        "top": 76,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Partners",
        "top": 76,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "15.4px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "span",
        "text": "United States",
        "top": 8889,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Terms & Conditions",
        "top": 8934,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Privacy Policy",
        "top": 8934,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "400",
    "size": "32px",
    "lineHeight": "32px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "strong",
        "text": "Consolidate",
        "top": 2678,
        "property": "font"
      },
      {
        "tag": "strong",
        "text": "Reason",
        "top": 2778,
        "property": "font"
      },
      {
        "tag": "strong",
        "text": "Act",
        "top": 2888,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "400",
    "size": "21px",
    "lineHeight": "24.2px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "strong",
        "text": "Jay",
        "top": 1278,
        "property": "font"
      },
      {
        "tag": "strong",
        "text": "Myna",
        "top": 1278,
        "property": "font"
      },
      {
        "tag": "strong",
        "text": "Robin",
        "top": 1278,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Meet Jay",
        "top": 1622,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Learn More",
        "top": 2334,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "See all Integrations",
        "top": 5576,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-21",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "400",
    "size": "18px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "Watch Demo",
        "top": 732,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "See Enterprise Pricing",
        "top": 732,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-22",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "300",
    "size": "112px",
    "lineHeight": "123.2px",
    "letterSpacing": "-5.6px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "86%",
        "top": 6462,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-23",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "400",
    "size": "38px",
    "lineHeight": "47.9px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "blockquote",
        "text": "“Birdeye does the hard work, making our jobs easier, and provides top-notch service to better your b",
        "top": 6470,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-24",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "400",
    "size": "24px",
    "lineHeight": "27.8px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "blockquote",
        "text": "“Birdeye has given me the perspective and agility I need to effectively manage our expansive footpri",
        "top": 5899,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-25",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "1px",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Customer Results",
        "top": 6422,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-26",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Birdeye Launches AI Coworkers for Multi-Location Brands",
        "top": 10,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-27",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "600",
    "size": "12px",
    "lineHeight": "12px",
    "letterSpacing": "-0.7px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "1 800 561 3357",
        "top": 86,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-28",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "15.4px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 28,
    "contexts": [
      {
        "tag": "a",
        "text": "BirdeyeAI",
        "top": 8656,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Jay",
        "top": 8686,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Myna",
        "top": 8715,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-29",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "18px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "Find out more",
        "top": 10,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-30",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "14px",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "Sign In",
        "top": 56,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-31",
    "family": "Geist",
    "fontStack": "Geist, sans-serif",
    "weight": "500",
    "size": "12px",
    "lineHeight": "15.6px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "Check My AI Visibility",
        "top": 56,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 33,
    "contexts": [
      {
        "tag": "img",
        "text": "",
        "top": 11,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "Birdeye Launches AI Coworkers for Multi-Location Brands",
        "top": 10,
        "property": "text"
      },
      {
        "tag": "header",
        "text": "Birdeye LogoProductsBirdAITHE AGENTIC OSMulti-Agent OrchestrationIntegrationsBirdeye MCPGoogle Partn",
        "top": 38,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 1398,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 205,
        "property": "svg-fill"
      },
      {
        "tag": "g",
        "text": "",
        "top": 601,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 717,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#F1F0EE",
    "alpha": 1,
    "cssValue": "rgb(241, 240, 238)",
    "count": 10,
    "contexts": [
      {
        "tag": "section",
        "text": "Birdeye LogoProductsBirdAITHE AGENTIC OSMulti-Agent OrchestrationIntegrationsBirdeye MCPGoogle Partn",
        "top": 56,
        "property": "background"
      },
      {
        "tag": "a",
        "text": "1 800 561 3357",
        "top": 56,
        "property": "control-background"
      },
      {
        "tag": "button",
        "text": "",
        "top": 900,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#F1EFEA",
    "alpha": 1,
    "cssValue": "rgb(241, 239, 234)",
    "count": 1,
    "contexts": [
      {
        "tag": "section",
        "text": "BirdAI, The Agent OSAI Coworkers employ AI agents to execute the jobs in Marketing, Ops and CX.Learn",
        "top": 2122,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#DEDBD6",
    "alpha": 1,
    "cssValue": "rgb(222, 219, 214)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 2436,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#F6F5F3",
    "alpha": 1,
    "cssValue": "rgb(246, 245, 243)",
    "count": 1,
    "contexts": [
      {
        "tag": "footer",
        "text": "ProductsBirdeyeAIJayMynaRobinIntegrationsSee all productsIndustriesHealthcareAutomotiveReal EstateDe",
        "top": 8555,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#1C1B1A",
    "alpha": 1,
    "cssValue": "rgb(28, 27, 26)",
    "count": 1,
    "contexts": [
      {
        "tag": "article",
        "text": "“Birdeye has given me the perspective and agility I need to effectively manage our expansive footpri",
        "top": 5758,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#212121",
    "alpha": 1,
    "cssValue": "rgb(33, 33, 33)",
    "count": 35,
    "contexts": [
      {
        "tag": "span",
        "text": "Products",
        "top": 76,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Resources",
        "top": 76,
        "property": "text"
      },
      {
        "tag": "path",
        "text": "",
        "top": 717,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#EEEDE8",
    "alpha": 0.6,
    "cssValue": "rgba(238, 236, 231, 0.6)",
    "count": 5,
    "contexts": [
      {
        "tag": "a",
        "text": "AI Search",
        "top": 1774,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#727272",
    "alpha": 1,
    "cssValue": "rgb(114, 114, 114)",
    "count": 55,
    "contexts": [
      {
        "tag": "p",
        "text": "Coworkers get your jobs done through multi-agent orchestration.",
        "top": 1190,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Marketing",
        "top": 1302,
        "property": "text"
      },
      {
        "tag": "strong",
        "text": "Myna",
        "top": 1278,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#EDEBE4",
    "alpha": 1,
    "cssValue": "rgb(237, 235, 228)",
    "count": 8,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 717,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#000000",
    "alpha": 0.6,
    "cssValue": "rgba(0, 0, 0, 0.6)",
    "count": 5,
    "contexts": [
      {
        "tag": "figure",
        "text": "",
        "top": 7320,
        "property": "::after-background"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#FFFFFF",
    "alpha": 0.8627450980392157,
    "cssValue": "rgba(255, 255, 255, 0.863)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "ActAgents execute personalized outreach, updates, and responses automatically, without manual work.",
        "top": 2864,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#4D403A",
    "alpha": 1,
    "cssValue": "rgb(77, 64, 58)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Birdeye Launches AI Coworkers for Multi-Location BrandsFind out more",
        "top": 0,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#302E2D",
    "alpha": 1,
    "cssValue": "rgb(48, 46, 45)",
    "count": 2,
    "contexts": [
      {
        "tag": "h2",
        "text": "Built for your industry. Connected to your stack.",
        "top": 5490,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Increase in direction requests",
        "top": 6594,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#FFFFFF",
    "alpha": 0.13725490196078433,
    "cssValue": "rgba(255, 255, 255, 0.137)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "ReasonAI agents analyze every signal across channels to understand context and decide the next best ",
        "top": 2754,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#392D23",
    "alpha": 1,
    "cssValue": "rgb(57, 45, 35)",
    "count": 929,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 750,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#FFFFFF",
    "alpha": 0.2,
    "cssValue": "rgba(255, 255, 255, 0.2)",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "See Enterprise Pricing",
        "top": 712,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-19",
    "hex": "#676767",
    "alpha": 1,
    "cssValue": "rgb(103, 103, 103)",
    "count": 1,
    "contexts": [
      {
        "tag": "strong",
        "text": "Reason",
        "top": 2778,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-20",
    "hex": "#2C2C2C",
    "alpha": 1,
    "cssValue": "rgb(44, 44, 44)",
    "count": 1,
    "contexts": [
      {
        "tag": "strong",
        "text": "Act",
        "top": 2888,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-21",
    "hex": "#4E413B",
    "alpha": 1,
    "cssValue": "rgb(78, 65, 59)",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "Check My AI Visibility",
        "top": 56,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-22",
    "hex": "#FFFFFF",
    "alpha": 0.8,
    "cssValue": "rgba(255, 255, 255, 0.8)",
    "count": 5,
    "contexts": [
      {
        "tag": "a",
        "text": "See Enterprise Pricing",
        "top": 712,
        "property": "border"
      },
      {
        "tag": "span",
        "text": "Axia Women's Health",
        "top": 6054,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-23",
    "hex": "#27201D",
    "alpha": 1,
    "cssValue": "rgb(39, 32, 29)",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "Watch Demo",
        "top": 732,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-24",
    "hex": "#A6A6A6",
    "alpha": 1,
    "cssValue": "rgb(166, 166, 166)",
    "count": 4,
    "contexts": [
      {
        "tag": "a",
        "text": "Terms & Conditions",
        "top": 8934,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "© 2026 Birdeye Inc",
        "top": 8934,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-25",
    "hex": "#646464",
    "alpha": 0.2,
    "cssValue": "rgba(100, 100, 100, 0.2)",
    "count": 32,
    "contexts": [
      {
        "tag": "img",
        "text": "",
        "top": 1274,
        "property": "border"
      },
      {
        "tag": "a",
        "text": "AI Search",
        "top": 1774,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-26",
    "hex": "#B5B5B5",
    "alpha": 1,
    "cssValue": "rgb(181, 181, 181)",
    "count": 9,
    "contexts": [
      {
        "tag": "button",
        "text": "",
        "top": 6658,
        "property": "border"
      },
      {
        "tag": "circle",
        "text": "",
        "top": 6659,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-27",
    "hex": "#FFFFFF",
    "alpha": 0.4,
    "cssValue": "rgba(255, 255, 255, 0.4)",
    "count": 9,
    "contexts": [
      {
        "tag": "button",
        "text": "",
        "top": 8193,
        "property": "border"
      },
      {
        "tag": "circle",
        "text": "",
        "top": 8195,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-28",
    "hex": "#382D23",
    "alpha": 1,
    "cssValue": "rgb(56, 45, 35)",
    "count": 25,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 699,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-29",
    "hex": "#FFFFFF",
    "alpha": 0.6,
    "cssValue": "rgba(255, 255, 255, 0.6)",
    "count": 2,
    "contexts": [
      {
        "tag": "a",
        "text": "Find out more",
        "top": 10,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Find out more",
        "top": 10,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-30",
    "hex": "#202020",
    "alpha": 1,
    "cssValue": "rgb(32, 32, 32)",
    "count": 2,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 716,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-31",
    "hex": "#0000EE",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 238)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Birdeye Logo",
        "top": 86,
        "property": "text"
      }
    ]
  }
]
```

### Extraction limits

- Font families are computed CSS declarations, not optical font identification.
- Colors are computed CSS converted by the browser to sRGB; image/video pixels and gradient stops are not sampled.
- Transparent colors are recorded with alpha but excluded from opaque palette role assignments.
- Only currently rendered DOM elements are sampled; closed shadow roots and iframe contents are excluded.

## Type, spacing, and shape language

- Spacing rhythm: Generous vertical spacing between distinct thematic sections, with tight, structured padding inside cards and interactive diagrams.
- Corner style: Highly rounded, friendly aesthetic.
- Radius: Extensive use of pill shapes (fully rounded) for buttons and tabs, and large radii (approx 24px-32px) for structural cards and panels.
- Borders: Subtle, often semi-transparent or light gray borders used to define cards against slightly darker canvas backgrounds.
- Buttons: Exclusively pill-shaped, utilizing both solid fills (dark brown/black or white) and outlined variants.
- Content width: Wide max-width container that allows immersive backgrounds while keeping text readable within a central column.
- Density: Low density with ample whitespace to focus attention on large headings and complex graphical diagrams.
- Evidence: Visual inspection of button corners, card edges, and layout proportions across the provided screenshots.

## Sections

Gallery section count: 9. Each entry corresponds to one gallery capture.

1. **Features — Birdeye Features** (Home)
   Reusable feature composition from Home, organized around “Birdeye Features”.
   Capture: 1440×196px; page bounds 830–1026px of 8096px; source section ID: `015ef9a5-626a-49fd-8576-d0241de44b03`; image: https://media.designdetails.io/library/2ec833639551d4f5b12eaa39214fec1e697d4d3b0913e8ec63515010931dd186/section_crop-015ef9a5-2026-10-22T06-39-47-314Z.webp
   SECTION.md v3.2: `015ef9a5-626a-49fd-8576-d0241de44b03` (deterministic evidence; editorial review pending)
2. **Features — BirdAI, The Agent OS** (Home)
   Reusable feature composition from Home, organized around “BirdAI, The Agent OS”.
   Capture: 1440×1393px; page bounds 2122–3515px of 8096px; source section ID: `bba61feb-d4ef-4ceb-b61e-b4d95633429a`; image: https://media.designdetails.io/library/20876f03939e91dd5f0ba1222227bd9f610322030d8474be8b6875192ff8e646/section-manual-bba61feb-d4ef-4ceb-b61e-b4d95633429a-1792778222407.webp
   SECTION.md v3.2: `bba61feb-d4ef-4ceb-b61e-b4d95633429a` (deterministic evidence; editorial review pending)
3. **Features — Learn why Birdeye is ranked #1 on G2 in Enterprise.** (Home)
   Reusable feature composition from Home, organized around “Learn why Birdeye is ranked #1 on G2 in Enterprise.”.
   Capture: 1440×975px; page bounds 6686–7661px of 8096px; source section ID: `01315b8e-7ff4-4c20-959c-d521fa5909c9`; image: https://media.designdetails.io/library/8fc8d954ebab2e69195c141361d57833717241be2cd9881d4cdf65645d5177bd/section_crop-01315b8e-2026-10-22T06-39-53-638Z.webp
   SECTION.md v3.2: `01315b8e-7ff4-4c20-959c-d521fa5909c9` (deterministic evidence; editorial review pending)
4. **Footer — Products** (Home)
   Closing footer and call-to-action from Home, organized around “Products”.
   Capture: 1440×435px; page bounds 7661–8096px of 8096px; source section ID: `61588360-f6c7-487a-a2ea-6e5889d8e69c`; image: https://media.designdetails.io/library/9aaaa75e6a439566ac271dcb95ccf4a83e97b4d2b86ccf80e7224cc26dc38b22/section_crop-61588360-2026-10-22T06-39-54-680Z.webp
   SECTION.md v3.2: `61588360-f6c7-487a-a2ea-6e5889d8e69c` (deterministic evidence; editorial review pending)
5. **Hero — AI Coworkers for Multi-location Brands** (Home)
   AI suggestion (98% confidence): Complete, substantial hero with lifestyle imagery, clear value proposition, AI response UI, and two primary calls to action.
   Capture: 1440×690px; page bounds 141–831px of 8096px; source section ID: `47dad4e3-d2a0-4272-91c5-6963bc1be793`; image: https://media.designdetails.io/library/eaede409a60d35cb03ed823146f5be63f452be633f126e2589b56b1c8d2ed128/47dad4e3-d2a0-4272-91c5-6963bc1be793.webp
   SECTION.md v3.2: `47dad4e3-d2a0-4272-91c5-6963bc1be793` (deterministic evidence; editorial review pending)
6. **Product Demo — Meet Your AI Coworkers** (Home)
   AI suggestion (94% confidence): Complete tabbed product showcase featuring three AI coworkers, a large character visual, descriptive copy, CTA, and a row of supported marketing capabilities.
   Capture: 1440×909px; page bounds 1119–2028px of 8096px; source section ID: `0b1b80d5-5735-4a34-96b7-cf5d57e89380`; image: https://media.designdetails.io/library/3f2d8e5dfd766497d7fe4b2ab839f12332ad1e93fec92e2de7ca5911f79bfedd/0b1b80d5-5735-4a34-96b7-cf5d57e89380.webp
   SECTION.md v3.2: `0b1b80d5-5735-4a34-96b7-cf5d57e89380` (deterministic evidence; editorial review pending)
7. **Testimonials — Industry-connected stack showcase** (Home)
   AI suggestion (94% confidence): Complete tabbed industry showcase with a clear headline, integrations CTA, industry selector, and a self-contained healthcare proof panel combining customer quote, imagery, and partner logos.
   Capture: 1440×825px; page bounds 4532–5357px of 8096px; source section ID: `09ffa230-cfd0-4218-84f6-317b696e82a0`; image: https://media.designdetails.io/library/f5c8b78fd7380dbc9d71a0b61489c1fe7e82d799f07f982117b4617cc1938caf/09ffa230-cfd0-4218-84f6-317b696e82a0.webp
   SECTION.md v3.2: `09ffa230-cfd0-4218-84f6-317b696e82a0` (deterministic evidence; editorial review pending)
8. **Testimonials — Customer Results with 25% Impact Stat** (Home)
   AI suggestion (99% confidence): Complete testimonial component with a customer quote, attribution, portrait/logo, quantified outcome, and carousel controls inside a distinctive framed panel.
   Capture: 1440×767px; page bounds 5397–6164px of 8096px; source section ID: `a8d6b91e-adc5-4ce2-81cc-f77ad95c22b4`; image: https://media.designdetails.io/library/ef6c26bdae9351d6f4338613c8c731ae0ffb2ec21750abb1eb4d0066677263f6/a8d6b91e-adc5-4ce2-81cc-f77ad95c22b4.webp
   SECTION.md v3.2: `a8d6b91e-adc5-4ce2-81cc-f77ad95c22b4` (deterministic evidence; editorial review pending)
9. **Certification — Trust and Reliability Certifications** (Home)
   AI suggestion (98% confidence): Self-contained trust section with heading, supporting copy, and a complete row of HIPAA, SOC 2, ISO 27001, GDPR, and AWS certification badges.
   Capture: 1440×530px; page bounds 6164–6694px of 8096px; source section ID: `b108e670-c73f-4d8e-93db-f3bbeae16642`; image: https://media.designdetails.io/library/6b6b0b10f750634ee64853f2501b6587d17e4d0a8a7c576830cf3d4ec9681026/b108e670-c73f-4d8e-93db-f3bbeae16642.webp
   SECTION.md v3.2: `b108e670-c73f-4d8e-93db-f3bbeae16642` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/ee1a1151d585611f9e30606a79338b042ad641197b417eb76967eb2ad5e4742b/desktop_full-5591f8de-2026-10-22T06-39-36-530Z.webp
- Mobile screenshot: https://media.designdetails.io/library/ae267eedb7c6f0b0be6b6e1fe1d04e9411fdf4032a2d93da48fa4cc77bd45d9d/mobile_full-5591f8de-2026-10-22T06-40-16-815Z.webp
- Open Graph image: https://media.designdetails.io/library/ed07f9cb556c0af1e187013106d32d581832f8187c4d3bd9d8517565e263c99d/og_image-5591f8de-2026-10-22T06-39-45-401Z.webp
- Full-page video: https://media.designdetails.io/library/854e34c3e76f8aa1c1df2aadc077ffd432b55c1aa75e132c60a9a3a24619a4f0/motion-1792652255779.mp4
- Video poster: https://media.designdetails.io/library/9a0f386964cd67794b402b964e0225edd28fe1093e3b71cbb3cd806b5f9bfb00/motion-poster-1792652255779.webp
- Motion status: Recording attached. Consult the motion score and section motion records; do not infer exact easing from frames alone.

## Implementation contract

- Treat computed CSS values, screenshot dimensions, and section bounds as measured evidence.
- Treat typography roles, palette roles, style labels, quality scores, and prose analysis as model or curator judgments.
- Rebuild the page in the listed section order. Request SECTION.md v3.2 using the listed ID. Promoted IDs include editorial observation and judgment; raw gallery IDs still return deterministic geometry, site design facts, media treatment, and explicit evidence gaps.
- Do not invent exact responsive behavior, motion curves, or hidden interaction states when they were not captured.

## Reusable components

- Announcement Bar
- Navigation Bar
- Hero With Background Imagery
- Logo Strip
- Feature Collection
- Testimonial Card
- Carousel
- Primary Button
- Outline Button
- Footer
- Interactive Diagram
- Sticky Scroll Storytelling

## Quality rubric

Overall: 54.4/100 (Competent)
Evidence coverage: 100%
Judge tier: Competent
Verdict: Birdeye.com delivers a clean, well-organized B2B SaaS experience with a consistent rounded/pill visual system, a functional sticky-scroll explainer for its AI workflow, and charming mascot illustrations that humanize an abstract product concept. Execution within its chosen soft-corporate idiom is competent and content-aware, but nearly every structural and visual device—palette, button shapes, scroll-storytelling pattern, parallax cards—is drawn from a widely shared current template language for AI/SaaS marketing sites, keeping the overall impression solidly competent rather than distinctive.

- Typography (15%): 58 — A single systematic family (Geist) is used across a wide, consistent size scale (112px stat numeral down to 12px footer text) with tightening negative letter-spacing on larger headings (-1px to -1.1px), showing deliberate hierarchy discipline. However, this is a fairly generic contemporary SaaS type system (Geist is a common default for this genre) with no distinctive display cut, optical contrast, or typographic personality beyond scale/weight shifts; the one standout moment is the oversized 112px/300-weight '86%' stat, which is a single flourish rather than a system-wide trait.
- Color (10%): 60 — The palette is cohesive and restrained: warm neutral canvas (#F1EFEA), white surfaces, near-black (#000000) and muted-gray (#727272) text, and a dark brown primary CTA (#4E413B), with dark contrast sections (#1C1B1A testimonial) and one terracotta/pink accent panel for the customer-results stat. This is competently applied and non-clashing, but it is a very common 'neutral warm SaaS' palette seen broadly in this product category, with little brand-specific color identity beyond the mascot illustrations themselves.
- Layout (20%): 64 — The page assembles a coherent sequence of modular sections (hero, logo strip, coworker intro, sticky-scroll Agent OS explainer, industry tabs, testimonial, stat card, trust badges, G2 carousel, footer) using a consistent corner-radius system (pill buttons, 24-32px card radii) and generous section-level whitespace. The sticky-scroll three-stage narrative (Consolidate/Reason/Act) is a genuine structural device that organizes a complex feature set. However, the overall composition is built from standard SaaS layout blocks rather than a bespoke grid or structural innovation.
- Motion (20%): 56 — Multiple coordinated motion moments exist across the page: a looping hero video, an infinite horizontal logo scroll, scroll-driven parallax on floating cards and the bird character, a fade-swap transition tying sticky left-side text to right-side graphic panels (and its reverse on scroll-up), and a click-triggered horizontal carousel for G2 rankings. This shows an intentional, systemic approach to motion rather than an isolated hero effect. But every individual pattern (sticky-scroll fade storytelling, infinite logo marquee, parallax cards, arrow-driven carousel) is now ubiquitous in SaaS marketing sites, and no evidence establishes refined easing, frame-rate quality, or novel choreography beyond standard implementations.
- Originality (25%): 38 — The overall idiom—warm neutral canvas, pill-shaped buttons/tabs, soft rounded cards, dark-brown CTA, sticky-scroll text/graphic explainer, and friendly 3D mascot characters representing AI agents—closely matches a widely adopted current template language across B2B AI/SaaS competitors. The bird mascots (Jay, Myna, Robin) are a specific, somewhat distinctive brand device, but they sit within an otherwise highly familiar structural and visual system; no section demonstrates a hard-to-substitute idea that couldn't be swapped into comparable competitor sites with different mascots and copy.
- Content (10%): 62 — Content and design devices are functionally paired: mascots are explicitly assigned to job roles (Jay/Marketing, Myna/Operations, Robin/CX), the sticky-scroll explainer directly visualizes the abstract 'Consolidate, Reason, Act' workflow, the G2 carousel substantiates ranking claims with real chart imagery, and testimonial quotes are paired with contextual photography (surgeons, senior living). This is a solid alignment of message and visual treatment across most sections.

Coverage: 100% of the current weighted rubric. Compare overall scores only at similar evidence coverage.

Formula: weighted mean of scored axes — Typography 15%, Color 10%, Layout 20%, Motion 20%, Originality 25%, Content 10%. Inconclusive and not-assessed axes are excluded and coverage is shown explicitly.

## Verification checklist

- [x] Score evidence
- [x] Design tokens
- [x] Functional palette
- [x] Normalized sections
- [x] Reusable components
- [x] Typography roles

## Curator notes

A warm family photo paired with a toy-like blue bird mascot softens an AI product, while tabbed coworker names and small icon cards for each feature keep a technical offering easy to scan. Grey chapter bands and a trust badge row space out proof points, logos and case numbers so the long page reads in clear steps.

## Usage guidance

Use this record as design evidence. Combine it with other references and create an original implementation; do not reproduce the source website or its proprietary copy and assets.