# Exa — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://exa.ai/
Captured: 2026-10-23
CSS measured: 2026-10-23T18:06:28.245Z at 1440×1000 — https://exa.ai/
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

Exa is a corporate website designed for developers, primarily showcasing their AI search API capabilities. The visual design is minimal and corporate, utilizing a stark black, white, and grey palette punctuated by vibrant blues (color-4, color-12) to draw attention to key interactions or data points. Typography relies heavily on 'Arizona' for large, serif headings (font-2, font-3) and 'ABCDiatype' for clean, sans-serif body copy (font-10, font-11), establishing a structured, editorial feel. 'GeistMono' (font-28, font-29) is employed for data visualization and code snippets, reinforcing the technical focus. The layout features generous whitespace and clear rhythmic spacing, with data heavily 

## Classification

- Industry: ai
- Site type: Landing, Blog
- Business model: Software
- Styles: corporate, minimal, editorial, typographic, data-driven, technical
- Platform: Custom code
- Technology: Next.js, Three.js

## Typography

- Display: Arizona — weight 400; size 63.2px; line-height 45.5px; tracking -1.9px; Regular (100% role confidence, computed values)
- Heading: Arizona — weight 400; size 41.6px; line-height 45.8px; tracking -1px; Regular (95% role confidence, computed values)
- Body: ABCDiatype — weight 400; size 17px; line-height 24.7px; tracking -0.3px; Regular (90% role confidence, computed values)
- Mono: GeistMono — weight 400; size 12px; line-height 16.8px; tracking -0.2px; Regular (95% role confidence, computed values)

## Functional palette

- Canvas — canvas #FFFFFF: color-1: computed rgb(255, 255, 255); AI role: Predominant white background color across most sections of the page. (95% role confidence, computed values)
- Text — text #111827: color-8: computed rgb(17, 24, 39); AI role: Dark text color used for primary headings and important copy. (90% role confidence, computed values)
- Muted Text — muted text #58544E: color-10: computed rgb(88, 84, 78); AI role: Lighter grey text used for secondary descriptions and support text. (85% role confidence, computed values)
- Accent — accent #0035D0: color-12: computed rgb(0, 53, 208); AI role: Blue color used for highlighting specific elements like the Exa bar in the charts. (85% role confidence, computed values)
- Surface — surface #181815: color-3: computed rgb(24, 24, 21); AI role: Dark grey/black background used for contrasting sections like 'Benchmarks' and 'Enterprise-grade security'. (80% role confidence, computed values)
- Primary Action — primary action #0137E1: color-4: computed rgb(1, 55, 225); AI role: Vibrant blue background used for the large footer block. (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": "ABCDiatype",
    "fontStack": "ABCDiatype",
    "weight": "500",
    "size": "22px",
    "lineHeight": "24px",
    "letterSpacing": "-0.7px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h2",
        "text": "Token-efficient contents with highlights",
        "top": 3244,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Low-latency to deep research in one API",
        "top": 3244,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Arizona",
    "fontStack": "Arizona, Georgia, serif",
    "weight": "400",
    "size": "63.2px",
    "lineHeight": "45.5px",
    "letterSpacing": "-1.9px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h1",
        "text": "The world's data for AI agents",
        "top": 281,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "Arizona",
    "fontStack": "Arizona, serif",
    "weight": "400",
    "size": "48px",
    "lineHeight": "52.8px",
    "letterSpacing": "-1.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Designed to make your Agent smarter",
        "top": 2639,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "Arizona",
    "fontStack": "Arizona, Georgia, serif",
    "weight": "400",
    "size": "48px",
    "lineHeight": "52.8px",
    "letterSpacing": "-1.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Training retrieval models at massive scale",
        "top": 4531,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "Arizona",
    "fontStack": "Arizona, Georgia, serif",
    "weight": "400",
    "size": "41.6px",
    "lineHeight": "45.8px",
    "letterSpacing": "-1px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Join 500,000 developers building AI on top of the world’s information.",
        "top": 1048,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Arizona",
    "fontStack": "Arizona, serif",
    "weight": "400",
    "size": "41.6px",
    "lineHeight": "45.8px",
    "letterSpacing": "-1.2px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Exa leads across benchmarks",
        "top": 1867,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Arizona",
    "fontStack": "Arizona, serif",
    "weight": "400",
    "size": "41.6px",
    "lineHeight": "52px",
    "letterSpacing": "-1.2px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Enterprise-grade security and controls",
        "top": 3741,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Arizona",
    "fontStack": "Arizona, serif",
    "weight": "400",
    "size": "40px",
    "lineHeight": "46px",
    "letterSpacing": "-1.2px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Trusted by world-class teams to find the data they need",
        "top": 5682,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "ABCDiatype",
    "fontStack": "ABCDiatype, \"Trebuchet MS\", sans-serif",
    "weight": "400",
    "size": "15px",
    "lineHeight": "21px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 14,
    "contexts": [
      {
        "tag": "span",
        "text": "Products",
        "top": 65,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Resources",
        "top": 65,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Use Cases",
        "top": 65,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "ABCDiatype",
    "fontStack": "ABCDiatype, \"Trebuchet MS\", sans-serif",
    "weight": "400",
    "size": "17px",
    "lineHeight": "24.7px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "p",
        "text": "Comprehensive coverage over all search verticals so your agent has the right context to solve its pr",
        "top": 3284,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "search verticals",
        "top": 3285,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Specialized model trained to extract the most relevant excerpts from the web",
        "top": 3284,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "ABCDiatype",
    "fontStack": "ABCDiatype, \"Trebuchet MS\", sans-serif",
    "weight": "400",
    "size": "15px",
    "lineHeight": "22.5px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "p",
        "text": "SOC 2 Type II. Independently audited controls for security, availability, and confidentiality.",
        "top": 4013,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "GDPR. EU data-subject rights honored, with lawful-basis handling for personal data.",
        "top": 4013,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "CCPA. California consumer privacy rights, including access and deletion requests.",
        "top": 4013,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "Arizona",
    "fontStack": "Arizona, Georgia, serif",
    "weight": "300",
    "size": "20.8px",
    "lineHeight": "20.8px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "p",
        "text": "Products",
        "top": 649,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Company",
        "top": 649,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Developers",
        "top": 649,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "ABCDiatype",
    "fontStack": "ABCDiatype, \"Trebuchet MS\", sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "21px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "Exa 3.0 leads on BrowseComp, DSQA, and WideSearch, the standard benchmarks for search agents.",
        "top": 2120,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Best-in-class across code, finance, and GTM intelligence, not just general web queries.",
        "top": 2247,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Finds more of the companies and people that match a list-building query.",
        "top": 2304,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "ABCDiatype",
    "fontStack": "ABCDiatype, \"Trebuchet MS\", sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "22.4px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "Fetch the Exa site index at: https://exa.ai/llms.txt",
        "top": 21,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "https://exa.ai/llms.txt",
        "top": 21,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Use this file to discover Exa products, pricing, evaluations, comparisons, use cases, agent interfac",
        "top": 44,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "Arizona",
    "fontStack": "Arizona, Georgia, serif",
    "weight": "400",
    "size": "54.4px",
    "lineHeight": "54.4px",
    "letterSpacing": "-1.1px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "2.7M",
        "top": 6515,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "ABCDiatype",
    "fontStack": "ABCDiatype, \"Trebuchet MS\", sans-serif",
    "weight": "400",
    "size": "28px",
    "lineHeight": "36.4px",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Powering an agentic lead engine for HubSpot",
        "top": 6569,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "Iowan",
    "fontStack": "Iowan, serif",
    "weight": "400",
    "size": "24px",
    "lineHeight": "28.8px",
    "letterSpacing": "-0.7px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Wikipedia - Boeing",
        "top": 2881,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "Arizona",
    "fontStack": "Arizona, Georgia, serif",
    "weight": "400",
    "size": "20px",
    "lineHeight": "28px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Walden Yan",
        "top": 6174,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "ABCDiatype",
    "fontStack": "ABCDiatype, \"Trebuchet MS\", sans-serif",
    "weight": "400",
    "size": "20px",
    "lineHeight": "28px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Enrichments completed",
        "top": 6577,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "ABCDiatype",
    "fontStack": "ABCDiatype, \"Trebuchet MS\", sans-serif",
    "weight": "400",
    "size": "18.4px",
    "lineHeight": "25.8px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Search the largest index of public web and private information.",
        "top": 355,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-21",
    "family": "ABCDiatype",
    "fontStack": "ABCDiatype, \"Trebuchet MS\", sans-serif",
    "weight": "400",
    "size": "17.6px",
    "lineHeight": "28px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "The fastest, most accurate web search API. Give your agents the context they need.",
        "top": 6977,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-22",
    "family": "ABCDiatype",
    "fontStack": "ABCDiatype, \"Trebuchet MS\", sans-serif",
    "weight": "400",
    "size": "17px",
    "lineHeight": "25.5px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Exa 3.0 tops public evals and the verticals customers rely on most",
        "top": 1974,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-23",
    "family": "ABCDiatype",
    "fontStack": "ABCDiatype, \"Trebuchet MS\", sans-serif",
    "weight": "400",
    "size": "16.8px",
    "lineHeight": "23.5px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Co-Founder, Cognition",
        "top": 6202,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-24",
    "family": "ABCDiatype",
    "fontStack": "ABCDiatype, \"Trebuchet MS\", sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24.8px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "We train embedding and agentic models for state-of-the-art retrieval, crawl billions of documents pe",
        "top": 4657,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-25",
    "family": "ABCDiatype",
    "fontStack": "ABCDiatype, \"Trebuchet MS\", sans-serif",
    "weight": "500",
    "size": "13px",
    "lineHeight": "18.2px",
    "letterSpacing": "1.6px",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Benchmarks",
        "top": 1837,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-26",
    "family": "ABCDiatype",
    "fontStack": "ABCDiatype, \"Trebuchet MS\", sans-serif",
    "weight": "500",
    "size": "13px",
    "lineHeight": "18.2px",
    "letterSpacing": "1.3px",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Search API",
        "top": 2609,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-27",
    "family": "GeistMono",
    "fontStack": "GeistMono, monospace",
    "weight": "600",
    "size": "11px",
    "lineHeight": "15.4px",
    "letterSpacing": "1.1px",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Highlights: Off",
        "top": 3173,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-28",
    "family": "GeistMono",
    "fontStack": "GeistMono, \"Geist Mono\", monospace",
    "weight": "400",
    "size": "12px",
    "lineHeight": "16.8px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 39,
    "contexts": [
      {
        "tag": "span",
        "text": "\"content\"",
        "top": 2865,
        "property": "font"
      },
      {
        "tag": "span",
        "text": ": {",
        "top": 2865,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "\"companies\"",
        "top": 2880,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-29",
    "family": "GeistMono",
    "fontStack": "GeistMono, monospace",
    "weight": "600",
    "size": "12px",
    "lineHeight": "16px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 12,
    "contexts": [
      {
        "tag": "div",
        "text": "91.8%",
        "top": 1795,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "91.5%",
        "top": 1797,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "83.5%",
        "top": 1850,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-30",
    "family": "ABCDiatype",
    "fontStack": "ABCDiatype, \"Trebuchet MS\", sans-serif",
    "weight": "400",
    "size": "12px",
    "lineHeight": "16.8px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 9,
    "contexts": [
      {
        "tag": "span",
        "text": "Lite",
        "top": 594,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Auto",
        "top": 594,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Deep",
        "top": 594,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-31",
    "family": "ABCDiatype",
    "fontStack": "ABCDiatype, \"Trebuchet MS\", sans-serif",
    "weight": "400",
    "size": "18px",
    "lineHeight": "25.2px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "→",
        "top": 1293,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "→",
        "top": 1293,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "→",
        "top": 1293,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-32",
    "family": "ABCDiatype",
    "fontStack": "ABCDiatype, \"Trebuchet MS\", sans-serif",
    "weight": "500",
    "size": "15px",
    "lineHeight": "21px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "SOC 2 Type II.",
        "top": 4014,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "GDPR.",
        "top": 4014,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "CCPA.",
        "top": 4014,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-33",
    "family": "ABCDiatype",
    "fontStack": "ABCDiatype, Diatype, Inter, sans-serif",
    "weight": "400",
    "size": "12px",
    "lineHeight": "16px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "0%",
        "top": 2420,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "20%",
        "top": 2283,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "40%",
        "top": 2151,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-34",
    "family": "ABCDiatype",
    "fontStack": "ABCDiatype, Arial, sans-serif",
    "weight": "400",
    "size": "15px",
    "lineHeight": "21px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "div",
        "text": "documents served in our vector DB, the world's largest independent index",
        "top": 5044,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "URLs tracked in our index, covering the majority of the web",
        "top": 5156,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "flops of compute currently training models on our B200 training cluster",
        "top": 5274,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-35",
    "family": "ABCDiatype",
    "fontStack": "ABCDiatype, \"Trebuchet MS\", sans-serif",
    "weight": "500",
    "size": "18.4px",
    "lineHeight": "25.3px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "Agentic Search",
        "top": 2089,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Search Verticals",
        "top": 2215,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "FindAll",
        "top": 2273,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-36",
    "family": "ABCDiatype",
    "fontStack": "ABCDiatype, \"Trebuchet MS\", sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "20px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "Exa",
        "top": 1725,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Perplexity",
        "top": 1725,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Brave",
        "top": 1725,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-37",
    "family": "ABCDiatype",
    "fontStack": "ABCDiatype, Diatype, Inter, sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "Accuracy (%)",
        "top": 2072,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "BrowseComp",
        "top": 2434,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "DSQA",
        "top": 2433,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-38",
    "family": "GeistMono",
    "fontStack": "GeistMono, \"Geist Mono\", monospace",
    "weight": "400",
    "size": "49.6px",
    "lineHeight": "49.6px",
    "letterSpacing": "-1px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "100",
        "top": 4984,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "2",
        "top": 5096,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "1500",
        "top": 5214,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-39",
    "family": "GeistMono",
    "fontStack": "GeistMono, \"Geist Mono\", monospace",
    "weight": "400",
    "size": "25.8px",
    "lineHeight": "25.8px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "BILLION",
        "top": 5005,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "TRILLION",
        "top": 5117,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "QUADRILLION",
        "top": 5235,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-40",
    "family": "ABCDiatype",
    "fontStack": "ABCDiatype, \"Trebuchet MS\", sans-serif",
    "weight": "500",
    "size": "22px",
    "lineHeight": "30.8px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "The docs your coding agent needs",
        "top": 3244,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "docs",
        "top": 3244,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "coding",
        "top": 3244,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 112,
    "contexts": [
      {
        "tag": "div",
        "text": "Introducing Exa 3.0Introducing Exa 3.0: Our largest ever improvement to search qualityLearn more",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "a",
        "text": "Sign up",
        "top": 59,
        "property": "text"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 521,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#FAF9F7",
    "alpha": 1,
    "cssValue": "rgb(250, 249, 247)",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 1677,
        "property": "background"
      },
      {
        "tag": "section",
        "text": "Trusted by world-class teams to find the data they needView all case studiesWatch Video\"Traditional ",
        "top": 5586,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#181815",
    "alpha": 1,
    "cssValue": "rgb(24, 24, 21)",
    "count": 2,
    "contexts": [
      {
        "tag": "section",
        "text": "BenchmarksExa leads across benchmarksExa 3.0 tops public evals and the verticals customers rely on m",
        "top": 1677,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#0137E1",
    "alpha": 1,
    "cssValue": "rgb(1, 55, 225)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "EXA LABS INC.Imagine a world with perfect searchProductsPricingAPILibraryWebsetsExa ConnectCompanyAb",
        "top": 156,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 43,
    "contexts": [
      {
        "tag": "a",
        "text": "Sign up",
        "top": 59,
        "property": "control-background"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 524,
        "property": "svg-stroke"
      },
      {
        "tag": "circle",
        "text": "",
        "top": 525,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#E2DFDA",
    "alpha": 1,
    "cssValue": "rgb(226, 223, 218)",
    "count": 9,
    "contexts": [
      {
        "tag": "div",
        "text": ".cls-1 { fill: none; stroke: #20808d; stroke-width: 2; stroke-miterlimit: 10; }",
        "top": 1817,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#FAFAFA",
    "alpha": 1,
    "cssValue": "rgb(250, 250, 250)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "latencyLite450msAuto1sDeep~10scategoryFull WebNewsCompaniesResearchPeopleFinancialsAPI Playgroundout",
        "top": 543,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#111827",
    "alpha": 1,
    "cssValue": "rgb(17, 24, 39)",
    "count": 10,
    "contexts": [
      {
        "tag": "h1",
        "text": "The world's data for AI agents",
        "top": 281,
        "property": "text"
      },
      {
        "tag": "textarea",
        "text": "Latest open source LLMs",
        "top": 483,
        "property": "text"
      },
      {
        "tag": "h2",
        "text": "Designed to make your Agent smarter",
        "top": 2639,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#FFFFFF",
    "alpha": 0.5019607843137255,
    "cssValue": "rgba(255, 255, 255, 0.5)",
    "count": 13,
    "contexts": [
      {
        "tag": "p",
        "text": "Benchmarks",
        "top": 1837,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "",
        "top": 3913,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#58544E",
    "alpha": 1,
    "cssValue": "rgb(88, 84, 78)",
    "count": 6,
    "contexts": [
      {
        "tag": "p",
        "text": "Comprehensive coverage over all search verticals so your agent has the right context to solve its pr",
        "top": 3284,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#101320",
    "alpha": 0.6196078431372549,
    "cssValue": "rgba(16, 19, 33, 0.62)",
    "count": 6,
    "contexts": [
      {
        "tag": "p",
        "text": "We train embedding and agentic models for state-of-the-art retrieval, crawl billions of documents pe",
        "top": 4657,
        "property": "text"
      },
      {
        "tag": "div",
        "text": "documents served in our vector DB, the world's largest independent index",
        "top": 5044,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#0035D0",
    "alpha": 1,
    "cssValue": "rgb(0, 53, 208)",
    "count": 4,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 1728,
        "property": "svg-fill"
      },
      {
        "tag": "div",
        "text": "",
        "top": 1815,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#FFFFFF",
    "alpha": 0.5764705882352941,
    "cssValue": "rgba(255, 255, 255, 0.576)",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "Exa 3.0 leads on BrowseComp, DSQA, and WideSearch, the standard benchmarks for search agents.",
        "top": 2120,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#675E56",
    "alpha": 1,
    "cssValue": "rgb(103, 94, 86)",
    "count": 5,
    "contexts": [
      {
        "tag": "span",
        "text": "airplanes , rotorcraft , rockets , satellites , and missiles worldwide. The company also provides le",
        "top": 2913,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#030712",
    "alpha": 1,
    "cssValue": "rgb(3, 7, 18)",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Join 500,000 developers building AI on top of the world’s information.",
        "top": 1048,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#101321",
    "alpha": 1,
    "cssValue": "rgb(16, 19, 33)",
    "count": 8,
    "contexts": [
      {
        "tag": "span",
        "text": "100",
        "top": 4984,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#514837",
    "alpha": 1,
    "cssValue": "rgb(81, 72, 55)",
    "count": 5,
    "contexts": [
      {
        "tag": "a",
        "text": "Contact sales",
        "top": 59,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#EEF8FF",
    "alpha": 1,
    "cssValue": "rgb(238, 248, 255)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Introducing Exa 3.0Introducing Exa 3.0: Our largest ever improvement to search qualityLearn more",
        "top": 16,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-19",
    "hex": "#EFEDEB",
    "alpha": 1,
    "cssValue": "rgb(239, 237, 235)",
    "count": 4,
    "contexts": [
      {
        "tag": "a",
        "text": "Read customer stories→",
        "top": 1172,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-20",
    "hex": "#5F5A54",
    "alpha": 1,
    "cssValue": "rgb(95, 90, 84)",
    "count": 13,
    "contexts": [
      {
        "tag": "span",
        "text": "Products",
        "top": 65,
        "property": "text"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 70,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": 74,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-21",
    "hex": "#6B7280",
    "alpha": 1,
    "cssValue": "rgb(107, 114, 128)",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "Search the largest index of public web and private information.",
        "top": 355,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "→",
        "top": 1183,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "GPT5",
        "top": 5054,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-22",
    "hex": "#1F40ED",
    "alpha": 1,
    "cssValue": "rgb(31, 64, 237)",
    "count": 5,
    "contexts": [
      {
        "tag": "a",
        "text": "https://exa.ai/llms.txt",
        "top": 21,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Exa Index",
        "top": 4862,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-23",
    "hex": "#FFFFFF",
    "alpha": 0.45098039215686275,
    "cssValue": "rgba(255, 255, 255, 0.45)",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Search Verticals",
        "top": 2215,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-24",
    "hex": "#F2F1F0",
    "alpha": 1,
    "cssValue": "rgb(242, 241, 240)",
    "count": 8,
    "contexts": [
      {
        "tag": "div",
        "text": "SearchAgent",
        "top": 515,
        "property": "background"
      },
      {
        "tag": "button",
        "text": "News",
        "top": 647,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-25",
    "hex": "#FFFFFF",
    "alpha": 0.8,
    "cssValue": "rgba(255, 255, 255, 0.8)",
    "count": 31,
    "contexts": [
      {
        "tag": "a",
        "text": "Pricing",
        "top": 690,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-26",
    "hex": "#FFFFFF",
    "alpha": 0.6,
    "cssValue": "rgba(255, 255, 255, 0.6)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Exa 3.0 tops public evals and the verticals customers rely on most",
        "top": 1974,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-27",
    "hex": "#444444",
    "alpha": 1,
    "cssValue": "rgb(68, 68, 68)",
    "count": 14,
    "contexts": [
      {
        "tag": "span",
        "text": "Exa",
        "top": 1725,
        "property": "text"
      },
      {
        "tag": "div",
        "text": "Accuracy (%)",
        "top": 2072,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "BrowseComp",
        "top": 2434,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-28",
    "hex": "#101021",
    "alpha": 0.12156862745098039,
    "cssValue": "rgba(16, 19, 33, 0.12)",
    "count": 29,
    "contexts": [
      {
        "tag": "div",
        "text": "Powers their coding agents with smart token-efficient search across docs and repos",
        "top": 3437,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-29",
    "hex": "#000000",
    "alpha": 0.6,
    "cssValue": "rgba(0, 0, 0, 0.6)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "We couldn't verify your browser, which can happen on corporate networks and VPNs. Sign in to continu",
        "top": 697,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-30",
    "hex": "#000000",
    "alpha": 0.4,
    "cssValue": "rgba(0, 0, 0, 0.4)",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "latency",
        "top": 571,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-31",
    "hex": "#0972D5",
    "alpha": 1,
    "cssValue": "rgb(9, 114, 213)",
    "count": 5,
    "contexts": [
      {
        "tag": "a",
        "text": "Introducing Exa 3.0: Our largest ever improvement to search quality",
        "top": 22,
        "property": "text"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 26,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": 29,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-32",
    "hex": "#FFFFFF",
    "alpha": 0.10196078431372549,
    "cssValue": "rgba(255, 255, 255, 0.1)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "Watch Video",
        "top": 6202,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-33",
    "hex": "#D1D5DB",
    "alpha": 1,
    "cssValue": "rgb(209, 213, 219)",
    "count": 26,
    "contexts": [
      {
        "tag": "div",
        "text": "↗→↗→↗→↗→↗→↗→",
        "top": 1276,
        "property": "border"
      },
      {
        "tag": "a",
        "text": "↗→",
        "top": 1277,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-34",
    "hex": "#1F2937",
    "alpha": 1,
    "cssValue": "rgb(31, 41, 55)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Enrichments completed",
        "top": 6577,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-35",
    "hex": "#FFFFFF",
    "alpha": 0.9019607843137255,
    "cssValue": "rgba(255, 255, 255, 0.9)",
    "count": 2,
    "contexts": [
      {
        "tag": "a",
        "text": "API Playground",
        "top": 775,
        "property": "control-background"
      },
      {
        "tag": "button",
        "text": "",
        "top": 776,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-36",
    "hex": "#F2F0EF",
    "alpha": 1,
    "cssValue": "rgb(242, 240, 239)",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "Contact sales",
        "top": 59,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-37",
    "hex": "#000000",
    "alpha": 0.45098039215686275,
    "cssValue": "rgba(0, 0, 0, 0.45)",
    "count": 7,
    "contexts": [
      {
        "tag": "span",
        "text": "Agent",
        "top": 521,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-38",
    "hex": "#000000",
    "alpha": 0.5019607843137255,
    "cssValue": "rgba(0, 0, 0, 0.5)",
    "count": 5,
    "contexts": [
      {
        "tag": "span",
        "text": "News",
        "top": 650,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-39",
    "hex": "#454545",
    "alpha": 0.10196078431372549,
    "cssValue": "color(srgb 0.266667 0.266667 0.266667 / 0.1)",
    "count": 5,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 2290,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-40",
    "hex": "#7A7368",
    "alpha": 1,
    "cssValue": "rgb(122, 115, 104)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 2850,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "90% TOKEN REDUCTION",
        "top": 2846,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-41",
    "hex": "#FFFFFF",
    "alpha": 0.7019607843137254,
    "cssValue": "rgba(255, 255, 255, 0.7)",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "Talk to an expert",
        "top": 3811,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-42",
    "hex": "#383836",
    "alpha": 1,
    "cssValue": "rgb(56, 56, 54)",
    "count": 24,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 3897,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-43",
    "hex": "#9CA3AF",
    "alpha": 1,
    "cssValue": "rgb(156, 163, 175)",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "→",
        "top": 1293,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-44",
    "hex": "#787572",
    "alpha": 1,
    "cssValue": "rgb(120, 117, 114)",
    "count": 3,
    "contexts": [
      {
        "tag": "strong",
        "text": "Exa Site Index",
        "top": -1,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "Fetch the Exa site index at: https://exa.ai/llms.txt",
        "top": 21,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-45",
    "hex": "#4B5563",
    "alpha": 1,
    "cssValue": "rgb(75, 85, 99)",
    "count": 12,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 523,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": 527,
        "property": "svg-stroke"
      },
      {
        "tag": "span",
        "text": "API Playground",
        "top": 782,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-46",
    "hex": "#8C8880",
    "alpha": 1,
    "cssValue": "rgb(140, 136, 128)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Search API",
        "top": 2609,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-47",
    "hex": "#444444",
    "alpha": 0.6,
    "cssValue": "color(srgb 0.266667 0.266667 0.266667 / 0.6)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "0%20%40%60%80%100%91.8%91.5%.cls-1 { fill: none; stroke: #20808d; stroke-width: 2; stroke-miterlimit",
        "top": 1761,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-48",
    "hex": "#F3F4F6",
    "alpha": 1,
    "cssValue": "rgb(243, 244, 246)",
    "count": 1,
    "contexts": [
      {
        "tag": "button",
        "text": "",
        "top": 515,
        "property": "control-background"
      }
    ]
  }
]
```

### 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 major sections, utilizing significant whitespace to separate dense data blocks and imagery.
- Corner style: Slightly rounded corners (border-radius visible on buttons, input fields, and feature cards), leaning towards a clean, modern aesthetic.
- Radius: Small to medium radii applied to UI components like the search bar, 'Try API for free' button, and individual data cards.
- Borders: Thin, subtle borders (color-28, color-47) used to define cards and UI elements without overwhelming the minimal design.
- Buttons: Solid fill for primary actions (black 'Sign up', 'Try API for free'), with lighter grey (color-36) or outline styles for secondary actions ('Contact sales', 'Read customer stories').
- Content width: Centered content constrained within a comfortable reading width, with wide margins on larger viewports.
- Density: Balanced density; high density in data-heavy areas (charts, code snippets) contrasted with low density in hero and transitional sections.
- Evidence: Observation of component layouts, typography styles (fonts 1-40), and color applications (colors 1-48) across the provided viewport crops.

## Sections

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

1. **Hero — The world's data for AI agents** (Home)
   AI suggestion (96% confidence): Complete hero with a clear value proposition, supporting copy, primary CTA, and a substantial search product preview.
   Capture: 1440×672px; page bounds 234–906px of 7733px; source section ID: `3815e828-28d7-4b80-ad24-2a9654d1aad6`; image: https://media.designdetails.io/library/459272f2394fb08907769fdf8dd7bd8c3fcd5c1d973452e6581f7de51acf6f63/3815e828-28d7-4b80-ad24-2a9654d1aad6.webp
   SECTION.md v3.2: `3815e828-28d7-4b80-ad24-2a9654d1aad6` (deterministic evidence; editorial review pending)
2. **Comparison — Exa leads across benchmarks** (Home)
   AI suggestion (97% confidence): Self-contained benchmark comparison combining category navigation, explanatory copy, and a complete multi-product accuracy chart.
   Capture: 1440×837px; page bounds 1680–2517px of 7733px; source section ID: `82f20b81-d78f-437f-b52f-c662cb769afd`; image: https://media.designdetails.io/library/81898ecef8c8c273202099b4eb6de55363669ccfd85c4c38436350e2cb29ed20/82f20b81-d78f-437f-b52f-c662cb769afd.webp
   SECTION.md v3.2: `82f20b81-d78f-437f-b52f-c662cb769afd` (deterministic evidence; editorial review pending)
3. **Feature Grid — Search API Agent Capabilities** (Home)
   AI suggestion (97% confidence): Complete three-column capability grid with section label, headline, large product visuals, explanatory copy, CTAs, and customer proof cards.
   Capture: 1440×978px; page bounds 2600–3578px of 7733px; source section ID: `794761fa-2885-4d59-a321-d0407c8a1c72`; image: https://media.designdetails.io/library/7d9fea76ec584311967d1cc6ec608e2b313785f7473f809430f1de074186ee50/794761fa-2885-4d59-a321-d0407c8a1c72.webp
   SECTION.md v3.2: `794761fa-2885-4d59-a321-d0407c8a1c72` (deterministic evidence; editorial review pending)
4. **Certification — Enterprise Security and Compliance** (Home)
   AI suggestion (92% confidence): Complete dark compliance section presenting six enterprise controls and standards, including SOC 2, GDPR, CCPA, HIPAA, zero data retention, and enterprise agreements.
   Capture: 1440×732px; page bounds 3650–4382px of 7733px; source section ID: `7f1f88d4-4bd2-4b30-8bbd-31190657ce73`; image: https://media.designdetails.io/library/aecc86fd894dc2f859961e0a55b5d87ec36ee53c95972b5294ee3b8d6a0677b9/7f1f88d4-4bd2-4b30-8bbd-31190657ce73.webp
   SECTION.md v3.2: `7f1f88d4-4bd2-4b30-8bbd-31190657ce73` (deterministic evidence; editorial review pending)
5. **Testimonials — Trusted Teams Customer Stories** (Home)
   AI suggestion (97% confidence): Complete customer-proof section with its own heading, featured video testimonial, quotation, company branding, metric, and supporting case study card.
   Capture: 1440×1137px; page bounds 5588–6725px of 7733px; source section ID: `45413c4a-1251-4228-8395-fcf623de5126`; image: https://media.designdetails.io/library/5717a9a170ade6002f6a6e114021ab22f4f5fcf36344c5fe458113f1b41bc0ea/45413c4a-1251-4228-8395-fcf623de5126.webp
   SECTION.md v3.2: `45413c4a-1251-4228-8395-fcf623de5126` (deterministic evidence; editorial review pending)
6. **Footer — Blue Multi-Column Site Footer** (Home)
   AI suggestion (95% confidence): Complete, substantial footer with clearly grouped product, company, developer, resource, and social navigation plus legal links.
   Capture: 1440×474px; page bounds 7259–7733px of 7733px; source section ID: `05257b6e-a905-4b3e-95bc-98f36f6aabf9`; image: https://media.designdetails.io/library/2a207727a90ee6b22478e2638b1cc1e0ad91f6d8d64859ccdf32116abcbf7ff0/05257b6e-a905-4b3e-95bc-98f36f6aabf9.webp
   SECTION.md v3.2: `05257b6e-a905-4b3e-95bc-98f36f6aabf9` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/11c750e3263d468692d06b3230000aeb3bd89315b6fe2ef69fd5020f3b6e6260/desktop_full-f2dc7406-2026-10-23T18-06-28-261Z.webp
- Mobile screenshot: https://media.designdetails.io/library/0aa21531d389ed0a5a3d09f9d32718a86cae10f94d79a2d7fa2cc7093bdc8f58/mobile_full-f2dc7406-2026-10-23T18-07-25-911Z.webp
- Open Graph image: https://media.designdetails.io/library/3a4ade78f4c7fa95d764584445e3f04caf6c9889b6088d6840bac2cee8053820/og_image-f2dc7406-2026-10-23T18-06-41-466Z.webp
- Full-page video: https://media.designdetails.io/library/251d5d071c17bede266d73451e575bb9ebb7a17c5a51f57c3c43300ee74b502f/motion-1792781269373.mp4
- Video poster: https://media.designdetails.io/library/a3f59c2852341506498c789e63be02eef85acba1e18c3e370ef556abaa68bd39/motion-poster-1792781269373.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
- Product UI
- Logo Strip
- Comparison Table
- Feature Card
- Stat Block
- Video Frame
- Footer
- Animated Data Visualization
- Code Snippet Block

## Quality rubric

Overall: 55.9/100 (Competent)
Evidence coverage: 100%
Judge tier: Competent
Verdict: Exa's site is a well-crafted but genre-standard AI-developer-tool marketing page: a disciplined three-font type system, a restrained neutral-plus-blue palette, and content that is thoughtfully mapped to its technical audience (mono fonts for JSON/data, a reversible particle animation, directionally-aware logo marquee). Execution within this template is competent and occasionally elegant, but nearly every section—from the hero product mockup to the benchmark bar chart to the big-number stat blocks—follows patterns now common across the AI-API marketing category, so originality is the limiting factor rather than craft.

- Typography (15%): 64 — A clear three-role type system (Arizona serif for display/headings, ABCDiatype sans for body/UI, GeistMono for data and code) creates a legible editorial-meets-technical hierarchy. Letter-spacing is deliberately tightened on large display sizes and sizes step down consistently across section headers (63.2px hero, 48px/41.6px section heads, 17px body). This is competent systemic execution rather than a single stunt font choice, but the pairing of serif-display/mono-data/sans-body is now a common trope in AI-developer-tool marketing sites, limiting how distinctive it reads.
- Color (10%): 60 — The palette is disciplined: white/black/grey base with a single saturated blue (#0035D0 / #0137E1) reserved for Exa's own data bars, the index visualization dots, and the footer block, giving the accent clear brand-signal value. A near-black section (#181815) is used to separate the benchmarks block from the surrounding white canvas. This is restrained and functional but the accent usage is a standard 'one brand-color highlight against neutral palette' move seen across many B2B SaaS sites.
- Layout (20%): 61 — Generous whitespace, a logo-wall, three-column feature cards, bar-chart comparison, big stat blocks, and a testimonial grid are organized with clear rhythm and consistent margins, and the dark/light section alternation gives the long scroll some structural variety. However, every section is a well-known SaaS/AI-marketing pattern (hero mockup, scrolling logo strip, benchmark bar chart, giant number stat blocks, security badge grid, testimonial-with-video) assembled competently rather than composed into a layout system with its own identity.
- Motion (20%): 56 — Motion is scroll-triggered and directionally reversible (logos and the particle cluster run forward on scroll-down and reverse on scroll-up), which shows some intentionality, and bar charts animate upward into view. But the vocabulary is limited to marquee logo scrolling, bars growing to value, and a particle disperse/coalesce effect — all common 'scroll reveal' techniques in contemporary SaaS sites, with no evidence of bespoke easing, cursor-driven interaction, or transitions that are hard to substitute.
- Originality (25%): 42 — Nearly every structural and visual element — hero with product-UI screenshot, horizontally scrolling trust-logo strip, animated benchmark bar chart against competitors, oversized stat callouts in mono numerals, enterprise trust-badge grid, video testimonial card, solid-color CTA footer — is a recognizable, widely-used pattern in current AI/developer-tool marketing sites. The serif/mono/sans type pairing and blue accent are tasteful executions of an increasingly standard aesthetic for this product category rather than a hard-to-substitute idea unique to Exa. The reversible particle animation is the one moment with some conceptual distinctiveness, but it is not sufficient on its own to elevate the site's idea-originality.
- Content (10%): 64 — Content and design vocabulary are well matched to the developer/technical audience: monospace type and dark code-block styling for JSON output and percentages, large numerals for scale statistics, and specific brand-blue used to single out Exa's own performance in competitive charts. The copy-to-visual mapping (docs/token-efficiency/latency features each paired with a relevant screenshot) shows genuine integration rather than generic stock imagery.

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 real search panel with live toggles and output tabs shows the product instantly, letting visitors see the API's shape before reading a word. Black benchmark charts and a scatter plot of billions of indexed URLs break the white page into data-driven chapters, giving technical buyers quick proof instead of vague promises.

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