# Thrad: Paid Ads in AI — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://www.thrad.ai/
Captured: 2026-10-19
CSS measured: 2026-10-19T16:15:24.217Z at 1440×1000 — https://www.thrad.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

Thrad.ai is a conversational advertising platform with a sophisticated, modern, and slightly technical visual identity. The design pairs a highly structured, almost clinical aesthetic—visible in the use of fine grid lines, monospace typography (for quotes and specific data points), and precise UI mockups—with organic, flowing elements like the dotted topographic hero illustration and fluid background textures. The color palette is earthy and grounded, utilizing off-whites, warm tans, deep browns, and a striking burnt orange accent color for primary actions. Typography relies heavily on 'Inter Variable', employing light weights for large headings to create an airy, elegant feel, alongside med

## Classification

- Industry: ai
- Site type: Landing, Blog
- Business model: Software
- Styles: minimal, corporate, typographic, technical-clinical, earthy-modern
- Platform: Framer
- Technology: Astro

## Typography

- Display: Inter Variable — weight 300; size 80.6px; line-height 81.4px; tracking -5.2px; Regular (100% role confidence, computed values)
- Heading: Inter Variable — weight 300; size 54px; line-height 56.7px; tracking -2.7px; Regular (100% role confidence, computed values)
- Body: Inter Variable — weight 400; size 18px; line-height 24px; tracking -0.5px; Regular (95% role confidence, computed values)
- Mono: Unidentified — weight 400; size 20px; line-height 30px; tracking -0.4px; Regular (100% role confidence, computed values)

## Functional palette

- Text — text #111112: color-7: computed rgb(17, 17, 18); AI role: Near black (#111112) used for primary text (headings, body copy) across light backgrounds. (100% role confidence, computed values)
- Primary Action — primary action #EC521B: color-15: computed rgb(236, 82, 27); AI role: Burnt orange (#EC521B) used for main CTA buttons ('Book a call') and accents. (100% role confidence, computed values)
- Canvas — canvas #F2EDE9: color-3: computed rgb(242, 237, 233); AI role: Light tan color (#F2EDE9) used as the primary body background. (90% role confidence, computed values)
- Muted Text — muted text #6E6E73: color-14: computed rgb(110, 110, 115); AI role: Grey (#6E6E73) used for icons, keyboard shortcut text, and secondary UI details. (90% role confidence, computed values)
- Surface — surface #2A0E07: color-4: computed rgb(42, 14, 7); AI role: Deep brown (#2A0E07) used for the large footer background and certain dark UI elements. (90% role confidence, computed values)
- Surface — surface #E8E2DC: color-6: computed rgb(232, 226, 220); AI role: Slightly darker tan (#E8E2DC) used for header background and certain UI card backgrounds. (85% 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": "Inter Variable",
    "fontStack": "\"Inter Variable\", Inter, -apple-system, \"system-ui\", \"Segoe UI\", system-ui, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "20px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 24,
    "contexts": [
      {
        "tag": "span",
        "text": "Advertisers",
        "top": 2319,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Publishers",
        "top": 2319,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Turn your products into ready-to-run ads.",
        "top": 4859,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", Inter, -apple-system, \"system-ui\", \"Segoe UI\", system-ui, sans-serif",
    "weight": "300",
    "size": "40px",
    "lineHeight": "42.8px",
    "letterSpacing": "-2.4px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "h2",
        "text": "One buy acrossevery AI conversation",
        "top": 4540,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "What people say",
        "top": 5600,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "See the latest from Thrad",
        "top": 6825,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", Inter, -apple-system, \"system-ui\", \"Segoe UI\", system-ui, sans-serif",
    "weight": "300",
    "size": "32px",
    "lineHeight": "36px",
    "letterSpacing": "-1.6px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "h3",
        "text": "Analyze",
        "top": 2625,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Rank",
        "top": 2905,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Bid",
        "top": 3185,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", Inter, -apple-system, \"system-ui\", \"Segoe UI\", system-ui, sans-serif",
    "weight": "300",
    "size": "24px",
    "lineHeight": "27.6px",
    "letterSpacing": "-1.2px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "h3",
        "text": "Launch your products in AI chatbots and agents.",
        "top": 4744,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Run every client from one account",
        "top": 4752,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Book a call",
        "top": 5311,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", Inter, -apple-system, \"system-ui\", \"Segoe UI\", system-ui, sans-serif",
    "weight": "300",
    "size": "54px",
    "lineHeight": "56.7px",
    "letterSpacing": "-2.7px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h2",
        "text": "Advertise in conversational AI",
        "top": 1128,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Run programmaticads in AI today",
        "top": 7464,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", Inter, -apple-system, \"system-ui\", \"Segoe UI\", system-ui, sans-serif",
    "weight": "300",
    "size": "80.6px",
    "lineHeight": "81.4px",
    "letterSpacing": "-5.2px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h1",
        "text": "ProgrammaticAds in AI",
        "top": 664,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", Inter, -apple-system, \"system-ui\", \"Segoe UI\", system-ui, sans-serif",
    "weight": "300",
    "size": "54px",
    "lineHeight": "56.7px",
    "letterSpacing": "-3px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Sponsored IntelligenceSummit",
        "top": 6436,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", Inter, -apple-system, \"system-ui\", \"Segoe UI\", system-ui, sans-serif",
    "weight": "300",
    "size": "40px",
    "lineHeight": "43px",
    "letterSpacing": "-2.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "We build the infrastructure for conversational advertising",
        "top": 2153,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", Inter, -apple-system, \"system-ui\", \"Segoe UI\", system-ui, sans-serif",
    "weight": "400",
    "size": "20px",
    "lineHeight": "26px",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 26,
    "contexts": [
      {
        "tag": "p",
        "text": "Make your brand the answer with paid ads in ai.",
        "top": 7924,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "For Brands",
        "top": 8164,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "For Agencies",
        "top": 8202,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", Inter, -apple-system, \"system-ui\", \"Segoe UI\", system-ui, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "22px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 15,
    "contexts": [
      {
        "tag": "span",
        "text": "Advertise",
        "top": 21,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Monetize",
        "top": 21,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Case Studies",
        "top": 21,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", Inter, -apple-system, \"system-ui\", \"Segoe UI\", system-ui, sans-serif",
    "weight": "400",
    "size": "18px",
    "lineHeight": "24px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "p",
        "text": "Thrad is the DSP for LLMs. Enabling brands to advertise across all the conversational web.",
        "top": 664,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Thrad connects advertisers and AI publishers through a high performance advertising engine designed ",
        "top": 2167,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Advertising is shifting from search queries and social feeds to real-time conversations.",
        "top": 4540,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", Inter, -apple-system, \"system-ui\", \"Segoe UI\", system-ui, sans-serif",
    "weight": "400",
    "size": "13px",
    "lineHeight": "18px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "p",
        "text": "Best running shoes for flat feet under $150?",
        "top": 2641,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Peak Outdoors",
        "top": 2967,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Northline",
        "top": 2999,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", Inter, -apple-system, \"system-ui\", \"Segoe UI\", system-ui, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "What we do",
        "top": 2121,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Platform",
        "top": 4508,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Testimonials",
        "top": 5564,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", Inter, -apple-system, \"system-ui\", \"Segoe UI\", system-ui, sans-serif",
    "weight": "300",
    "size": "22px",
    "lineHeight": "28px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 7,
    "contexts": [
      {
        "tag": "span",
        "text": "AWS Features Thrad's Multi-Agent System for Sales Prospecting",
        "top": 7088,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Microsoft features Thrad CCO on agentic commerce",
        "top": 7116,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "BCG partners with Thrad for AI advertising report",
        "top": 7116,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", Inter, -apple-system, \"system-ui\", \"Segoe UI\", system-ui, sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "22px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "a",
        "text": "Book a call",
        "top": 8,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Build",
        "top": 4835,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Launch",
        "top": 4906,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", Inter, -apple-system, \"system-ui\", \"Segoe UI\", system-ui, sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "20px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "Running shoes",
        "top": 2719,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Flat feet",
        "top": 2719,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Under $150",
        "top": 2719,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", Inter, -apple-system, \"system-ui\", \"Segoe UI\", system-ui, sans-serif",
    "weight": "500",
    "size": "12px",
    "lineHeight": "16px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "Signals",
        "top": 2588,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Relevance",
        "top": 2880,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Settled in 14 ms",
        "top": 3155,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", Inter, -apple-system, \"system-ui\", \"Segoe UI\", system-ui, sans-serif",
    "weight": "600",
    "size": "10px",
    "lineHeight": "10px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "S",
        "top": 3210,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "P",
        "top": 3248,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "N",
        "top": 3286,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": null,
    "fontStack": "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, monospace",
    "weight": "400",
    "size": "20px",
    "lineHeight": "30px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "blockquote",
        "text": "“We’re incredibly proud of the synergy between Betadine and Thrad for our digital campaign,”",
        "top": 5757,
        "property": "font"
      },
      {
        "tag": "blockquote",
        "text": "“Some organisations observe the wave. Others choose to ride it early... Exploring the next frontier ",
        "top": 5742,
        "property": "font"
      },
      {
        "tag": "blockquote",
        "text": "“Try Thrad, the results will speak for themselves!”",
        "top": 5772,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", Inter, -apple-system, \"system-ui\", \"Segoe UI\", system-ui, sans-serif",
    "weight": "500",
    "size": "15px",
    "lineHeight": "20px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Prompt",
        "top": 2589,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Ranked by intent",
        "top": 2881,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Live auction",
        "top": 3156,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-21",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", Inter, -apple-system, \"system-ui\", \"Segoe UI\", system-ui, sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "20px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Stride",
        "top": 3208,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Peak Outdoors",
        "top": 3246,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Northline",
        "top": 3284,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-22",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", Inter, -apple-system, \"system-ui\", \"Segoe UI\", system-ui, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "20px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "$4.20",
        "top": 3208,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "$3.85",
        "top": 3246,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "$3.10",
        "top": 3284,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-23",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", Inter, -apple-system, \"system-ui\", \"Segoe UI\", system-ui, sans-serif",
    "weight": "600",
    "size": "14px",
    "lineHeight": "14px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "1",
        "top": 4832,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "2",
        "top": 4903,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "3",
        "top": 4974,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-24",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", Inter, -apple-system, \"system-ui\", \"Segoe UI\", system-ui, sans-serif",
    "weight": "600",
    "size": "12px",
    "lineHeight": "16px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "94%",
        "top": 2936,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "81%",
        "top": 2968,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "62%",
        "top": 3000,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-25",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", Inter, -apple-system, \"system-ui\", \"Segoe UI\", system-ui, sans-serif",
    "weight": "500",
    "size": "11px",
    "lineHeight": "15.4px",
    "letterSpacing": "0.4px",
    "traits": "uppercase",
    "count": 3,
    "contexts": [
      {
        "tag": "label",
        "text": "AI Assistant",
        "top": 1264,
        "property": "font"
      },
      {
        "tag": "label",
        "text": "iMessage Agent",
        "top": 1264,
        "property": "font"
      },
      {
        "tag": "label",
        "text": "Coding Agent",
        "top": 1264,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-26",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", Inter, -apple-system, \"system-ui\", \"Segoe UI\", system-ui, sans-serif",
    "weight": "600",
    "size": "10px",
    "lineHeight": "16px",
    "letterSpacing": "0.8px",
    "traits": "uppercase",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Product",
        "top": 2699,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Need",
        "top": 2699,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Budget",
        "top": 2699,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-27",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", Inter, -apple-system, \"system-ui\", \"Segoe UI\", system-ui, sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "14px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "kbd",
        "text": "⌘",
        "top": 22,
        "property": "font"
      },
      {
        "tag": "kbd",
        "text": "K",
        "top": 22,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-28",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", Inter, -apple-system, \"system-ui\", \"Segoe UI\", system-ui, sans-serif",
    "weight": "600",
    "size": "14px",
    "lineHeight": "17.5px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Arch Pro stability trainer",
        "top": 3559,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-29",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", Inter, -apple-system, \"system-ui\", \"Segoe UI\", system-ui, sans-serif",
    "weight": "500",
    "size": "13px",
    "lineHeight": "18px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Stride",
        "top": 2935,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-30",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", Inter, -apple-system, \"system-ui\", \"Segoe UI\", system-ui, sans-serif",
    "weight": "600",
    "size": "13px",
    "lineHeight": "18px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Stride",
        "top": 3535,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-31",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", Inter, -apple-system, \"system-ui\", \"Segoe UI\", system-ui, sans-serif",
    "weight": "500",
    "size": "12px",
    "lineHeight": "12px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Ad",
        "top": 3534,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-32",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", Inter, -apple-system, \"system-ui\", \"Segoe UI\", system-ui, sans-serif",
    "weight": "400",
    "size": "12px",
    "lineHeight": "16.8px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Firm arch support and a wide, stable base for every mile you…",
        "top": 3580,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-33",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", Inter, -apple-system, \"system-ui\", \"Segoe UI\", system-ui, sans-serif",
    "weight": "500",
    "size": "20px",
    "lineHeight": "26px",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "a",
        "text": "Request inventory access",
        "top": 8192,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Request media kit access",
        "top": 8230,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "contact@thrad.ai",
        "top": 8304,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-34",
    "family": null,
    "fontStack": "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, monospace",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "a",
        "text": "See full announcement",
        "top": 5871,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "See full post",
        "top": 5886,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "See full post",
        "top": 5856,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-35",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", Inter, -apple-system, \"system-ui\", \"Segoe UI\", system-ui, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "22px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "Skip to content",
        "top": -76,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#080808",
    "alpha": 0.12156862745098039,
    "cssValue": "rgba(10, 10, 10, 0.12)",
    "count": 47,
    "contexts": [
      {
        "tag": "header",
        "text": "AdvertiseAdvertiseAds in AI conversationsBe the answer when buyers ask AI what to buy. For Brands Fo",
        "top": 0,
        "property": "border"
      },
      {
        "tag": "div",
        "text": "",
        "top": 64,
        "property": "::before-background"
      },
      {
        "tag": "div",
        "text": "",
        "top": 64,
        "property": "::after-background"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#F9F8F7",
    "alpha": 1,
    "cssValue": "rgb(249, 248, 247)",
    "count": 58,
    "contexts": [
      {
        "tag": "a",
        "text": "Skip to content",
        "top": -76,
        "property": "text"
      },
      {
        "tag": "div",
        "text": "PromptSignalsBest running shoes for flat feet under $150?ProductRunning shoesNeedFlat feetBudgetUnde",
        "top": 2574,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "",
        "top": 3527,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#F2EDE9",
    "alpha": 1,
    "cssValue": "rgb(242, 237, 233)",
    "count": 8,
    "contexts": [
      {
        "tag": "body",
        "text": "Skip to content AdvertiseAdvertiseAds in AI conversationsBe the answer when buyers ask AI what to bu",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "section",
        "text": "(()=>{var a=(s,i,o)=>{let r=async()=>{await(await s())()},t=typeof i.value==\"object\"?i.value:void 0,",
        "top": 1000,
        "property": "background"
      },
      {
        "tag": "fieldset",
        "text": "Where Thrad ads appearAI AssistantiMessage AgentCoding Agent",
        "top": 1262,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#2A0E07",
    "alpha": 1,
    "cssValue": "rgb(42, 14, 7)",
    "count": 9,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 1250,
        "property": "background"
      },
      {
        "tag": "a",
        "text": "AWS Features Thrad's Multi-Agent System for Sales Prospecting",
        "top": 6932,
        "property": "control-background"
      },
      {
        "tag": "footer",
        "text": "Delivering Sponsored Intelligence with Paid Ads in AIMake your brand the answer with paid ads in ai.",
        "top": 7797,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#FFFFFF",
    "alpha": 0.30196078431372547,
    "cssValue": "rgba(255, 255, 255, 0.3)",
    "count": 6,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 4428,
        "property": "::before-background"
      },
      {
        "tag": "div",
        "text": "",
        "top": 4428,
        "property": "::after-background"
      },
      {
        "tag": "a",
        "text": "Start now",
        "top": 7974,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#E8E2DC",
    "alpha": 1,
    "cssValue": "rgb(232, 226, 220)",
    "count": 6,
    "contexts": [
      {
        "tag": "header",
        "text": "AdvertiseAdvertiseAds in AI conversationsBe the answer when buyers ask AI what to buy. For Brands Fo",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "section",
        "text": "astro-island,astro-slot,astro-static-slot{display:contents}(()=>{var e=async t=>{await(await t())()}",
        "top": 64,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "PromptSignalsBest running shoes for flat feet under $150?ProductRunning shoesNeedFlat feetBudgetUnde",
        "top": 2570,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#111112",
    "alpha": 1,
    "cssValue": "rgb(17, 17, 18)",
    "count": 88,
    "contexts": [
      {
        "tag": "a",
        "text": "Skip to content",
        "top": -76,
        "property": "control-background"
      },
      {
        "tag": "span",
        "text": "Advertise",
        "top": 21,
        "property": "text"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 26,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#F8F8F8",
    "alpha": 0.4196078431372549,
    "cssValue": "rgba(249, 248, 247, 0.42)",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "Launch your products in AI chatbots and agents.1BuildTurn your products into ready-to-run ads.2Launc",
        "top": 4720,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 32,
    "contexts": [
      {
        "tag": "a",
        "text": "Book a call",
        "top": 8,
        "property": "text"
      },
      {
        "tag": "path",
        "text": "",
        "top": 788,
        "property": "svg-fill"
      },
      {
        "tag": "div",
        "text": "",
        "top": 1340,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 20,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 21,
        "property": "svg-fill"
      },
      {
        "tag": "rect",
        "text": "",
        "top": 21,
        "property": "svg-fill"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 1238,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#3A3A3C",
    "alpha": 1,
    "cssValue": "rgb(58, 58, 60)",
    "count": 8,
    "contexts": [
      {
        "tag": "p",
        "text": "What we do",
        "top": 2121,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#FFFFFF",
    "alpha": 0.6,
    "cssValue": "rgba(255, 255, 255, 0.6)",
    "count": 16,
    "contexts": [
      {
        "tag": "p",
        "text": "Platform",
        "top": 4508,
        "property": "text"
      },
      {
        "tag": "h3",
        "text": "Advertise",
        "top": 8123,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Terms of Service",
        "top": 8964,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#221111",
    "alpha": 0.058823529411764705,
    "cssValue": "rgba(26, 24, 22, 0.06)",
    "count": 13,
    "contexts": [
      {
        "tag": "kbd",
        "text": "⌘",
        "top": 22,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "Signals",
        "top": 2588,
        "property": "background"
      },
      {
        "tag": "li",
        "text": "SStrideWinning$4.20",
        "top": 3200,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#6E6E73",
    "alpha": 1,
    "cssValue": "rgb(110, 110, 115)",
    "count": 30,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 24,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 25,
        "property": "svg-fill"
      },
      {
        "tag": "kbd",
        "text": "⌘",
        "top": 22,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#EC521B",
    "alpha": 1,
    "cssValue": "rgb(236, 82, 27)",
    "count": 11,
    "contexts": [
      {
        "tag": "a",
        "text": "Book a call",
        "top": 8,
        "property": "control-background"
      },
      {
        "tag": "path",
        "text": "",
        "top": 934,
        "property": "svg-fill"
      },
      {
        "tag": "span",
        "text": "",
        "top": 2127,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#202020",
    "alpha": 0.03137254901960784,
    "cssValue": "rgba(26, 24, 22, 0.03)",
    "count": 3,
    "contexts": [
      {
        "tag": "li",
        "text": "ProductRunning shoes",
        "top": 2689,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#191919",
    "alpha": 0.12156862745098039,
    "cssValue": "rgba(26, 24, 22, 0.12)",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Best running shoes for flat feet under $150?",
        "top": 2641,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#F7F7F7",
    "alpha": 1,
    "cssValue": "rgb(247, 247, 247)",
    "count": 1,
    "contexts": [
      {
        "tag": "fieldset",
        "text": "Where Thrad ads appearAI AssistantiMessage AgentCoding Agent",
        "top": 1262,
        "property": "::before-background"
      }
    ]
  },
  {
    "id": "color-19",
    "hex": "#0B0B0B",
    "alpha": 0.6509803921568628,
    "cssValue": "rgba(10, 10, 10, 0.65)",
    "count": 2,
    "contexts": [
      {
        "tag": "label",
        "text": "iMessage Agent",
        "top": 1264,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-20",
    "hex": "#FFFFFF",
    "alpha": 0.2,
    "cssValue": "rgba(255, 255, 255, 0.2)",
    "count": 7,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 7140,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-21",
    "hex": "#FFFFFF",
    "alpha": 0.12156862745098039,
    "cssValue": "rgba(255, 255, 255, 0.12)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "Delivering Sponsored Intelligence with Paid Ads in AIMake your brand the answer with paid ads in ai.",
        "top": 7893,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-22",
    "hex": "#1E1E20",
    "alpha": 1,
    "cssValue": "rgb(30, 30, 32)",
    "count": 1,
    "contexts": [
      {
        "tag": "label",
        "text": "AI Assistant",
        "top": 1264,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-23",
    "hex": "#080808",
    "alpha": 0.23921568627450981,
    "cssValue": "rgba(10, 10, 10, 0.24)",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 2972,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-24",
    "hex": "#2D5B3F",
    "alpha": 1,
    "cssValue": "rgb(45, 91, 63)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Winning",
        "top": 3208,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-25",
    "hex": "#D5E5DD",
    "alpha": 1,
    "cssValue": "rgb(213, 229, 221)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Winning",
        "top": 3208,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-26",
    "hex": "#0B0B0B",
    "alpha": 0.45098039215686275,
    "cssValue": "rgba(10, 10, 10, 0.45)",
    "count": 4,
    "contexts": [
      {
        "tag": "a",
        "text": "Start now",
        "top": 768,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-27",
    "hex": "#1C1616",
    "alpha": 0.1803921568627451,
    "cssValue": "rgba(26, 24, 22, 0.18)",
    "count": 8,
    "contexts": [
      {
        "tag": "kbd",
        "text": "⌘",
        "top": 22,
        "property": "border"
      }
    ]
  }
]
```

### 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, often delineated by full-width thin borders. Internally, components use tighter spacing (e.g., within UI cards).
- Corner style: Slightly rounded corners on UI cards and input fields, though overall layout relies on sharp, orthogonal grid lines.
- Radius: Small to medium border-radius on buttons and UI mockups, but precise values require specific element inspection.
- Borders: Extensive use of thin, 1px semi-transparent borders (e.g., color-1, color-21) to divide header, sections, and create background grid patterns.
- Buttons: Solid fill with sharp or slightly rounded corners for primary actions; transparent with solid borders for secondary actions.
- Content width: Content appears constrained within a responsive max-width container, likely around 1200px-1440px given the layout proportions.
- Density: Low density in primary hero and transition sections; medium to high density within specific explanatory UI panels and feature grids.
- Evidence: Visual observation of the desktop layout crops, noting the prominent use of thin dividing lines, wide margins, and the specific styling of buttons and UI cards.

## Sections

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

1. **Hero — Programmatic Ads in AI Hero** (Home)
   AI suggestion (98% confidence): Complete page-opening hero with navigation, distinctive landscape graphic, clear value proposition, dual CTAs, and a customer logo row.
   Capture: 1440×1005px; page bounds 0–1005px of 9079px; source section ID: `a5040326-9e25-4522-b323-1f82c88faff1`; image: https://media.designdetails.io/library/dc56b60414fee7a5aa2c379bdfaa46a872b6b7d8558ce1ceefc447e878b7e708/a5040326-9e25-4522-b323-1f82c88faff1.webp
   SECTION.md v3.2: `a5040326-9e25-4522-b323-1f82c88faff1` (deterministic evidence; editorial review pending)
2. **Features — We build the infrastructure for conversational advertising** (Home)
   Reusable feature composition from Home, organized around “We build the infrastructure for conversational advertising”.
   Capture: 1440×1674px; page bounds 2025–3699px of 9079px; source section ID: `61abc309-98db-4eef-a213-f2432af89790`; image: https://media.designdetails.io/library/d9d6dbda7f9718547268ef1edd647648c16abbd5e7e50699a809fe033ef0072b/section_crop-61abc309-2026-10-19T16-15-34-701Z.webp
   SECTION.md v3.2: `61abc309-98db-4eef-a213-f2432af89790` (deterministic evidence; editorial review pending)
3. **Features — Thrad in motion** (Home)
   Reusable feature composition from Home, organized around “Thrad in motion”.
   Capture: 1440×634px; page bounds 3699–4333px of 9079px; source section ID: `cecf5f22-0531-4287-b926-a542a7cb04bb`; image: https://media.designdetails.io/library/841511b37ce885081ef07ea1188dba83dd6fd3d9061b97b584e7000b915c1996/section_crop-cecf5f22-2026-10-19T16-15-35-770Z.webp
   SECTION.md v3.2: `cecf5f22-0531-4287-b926-a542a7cb04bb` (deterministic evidence; editorial review pending)
4. **Features — Sponsored Intelligence Summit** (Home)
   Reusable feature composition from Home, organized around “Sponsored Intelligence Summit”.
   Capture: 1440×655px; page bounds 6137–6792px of 9079px; source section ID: `5af958a5-753d-4e4a-bee7-fae81558144f`; image: https://media.designdetails.io/library/2dd91b7cd9e226d044ef8b7752ae36644914c1528329f8263740872aa2f1a89e/section-manual-5af958a5-753d-4e4a-bee7-fae81558144f-1792473901116.webp
   SECTION.md v3.2: `5af958a5-753d-4e4a-bee7-fae81558144f` (deterministic evidence; editorial review pending)
5. **Features — Run programmatic ads in AI today** (Home)
   Reusable feature composition from Home, organized around “Run programmatic ads in AI today”.
   Capture: 1440×461px; page bounds 7336–7797px of 9079px; source section ID: `51792c3d-5e66-4457-a7a2-c4cae49d3eb7`; image: https://media.designdetails.io/library/d92e215b801831384c276f811c2929657fe98cffd214c21209185604c70dfcfd/section_crop-51792c3d-2026-10-19T16-15-40-945Z.webp
   SECTION.md v3.2: `51792c3d-5e66-4457-a7a2-c4cae49d3eb7` (deterministic evidence; editorial review pending)
6. **Product Demo — Conversational AI Advertising Demo** (Home)
   AI suggestion (95% confidence): Self-contained interactive-product showcase with a clear heading, audience tabs, and a large conversational AI interface mockup; it ends before the next section begins.
   Capture: 1440×996px; page bounds 1050–2046px of 9079px; source section ID: `2adec3a2-f482-42fc-9f68-ba9b04b29052`; image: https://media.designdetails.io/library/4f515a7b42513c8224cd24a00899cef191cc5117c1a766c861958eedd2f0e2a9/2adec3a2-f482-42fc-9f68-ba9b04b29052.webp
   SECTION.md v3.2: `2adec3a2-f482-42fc-9f68-ba9b04b29052` (deterministic evidence; editorial review pending)
7. **Dashboard — One buy across every AI conversation** (Home)
   AI suggestion (98% confidence): Complete platform overview with a clear heading, supporting copy, launch workflow, consultation CTA, and a substantial campaign-management dashboard preview.
   Capture: 1440×1053px; page bounds 4430–5483px of 9079px; source section ID: `81ddaccb-8847-466d-a4c7-c572d7937748`; image: https://media.designdetails.io/library/5b17c9b996a69beb48f162eee3e5295c83315f86ae5d63964efed77415e07276/81ddaccb-8847-466d-a4c7-c572d7937748.webp
   SECTION.md v3.2: `81ddaccb-8847-466d-a4c7-c572d7937748` (deterministic evidence; editorial review pending)
8. **Testimonials — What people say** (Home)
   AI suggestion (90% confidence): Complete testimonial showcase with a clear heading, three branded customer portraits, and role labels in a cohesive bordered layout.
   Capture: 1440×510px; page bounds 5548–6058px of 9079px; source section ID: `d0d0c87d-f47b-4790-acaa-ad7d23a2a5a4`; image: https://media.designdetails.io/library/05951061004ff4c6ff3175d192c6cbaa96f392783a620415106848cbc6ada73a/d0d0c87d-f47b-4790-acaa-ad7d23a2a5a4.webp
   SECTION.md v3.2: `d0d0c87d-f47b-4790-acaa-ad7d23a2a5a4` (deterministic evidence; editorial review pending)
9. **Blog — See the latest from Thrad** (Home)
   AI suggestion (95% confidence): Complete editorial carousel with its own heading, branded article cards, headlines, interaction controls, and a clear section boundary.
   Capture: 1440×537px; page bounds 6787–7324px of 9079px; source section ID: `8e17615b-2d43-4e83-8091-549df0de951e`; image: https://media.designdetails.io/library/bb20012d6f4652e8b034bcfa4971f12d0a6d09742d12ec715243b8135aedd369/8e17615b-2d43-4e83-8091-549df0de951e.webp
   SECTION.md v3.2: `8e17615b-2d43-4e83-8091-549df0de951e` (deterministic evidence; editorial review pending)
10. **CTA — Paid Ads in AI Conversion Banner** (Home)
   AI suggestion (96% confidence): Complete bordered conversion panel with a clear value proposition and two actions: “Start now” and “Book a call.”
   Capture: 1440×151px; page bounds 7893–8044px of 9079px; source section ID: `6359da06-c79e-407d-93f6-4b5b571129fe`; image: https://media.designdetails.io/library/4334325114b6984cc02b19d7126c3d9228fd48094c64731999ac97a48418cbf9/6359da06-c79e-407d-93f6-4b5b571129fe.webp
   SECTION.md v3.2: `6359da06-c79e-407d-93f6-4b5b571129fe` (deterministic evidence; editorial review pending)
11. **Footer — Thrad Link-Rich Brand Footer** (Home)
   AI suggestion (98% confidence): Complete, substantial footer containing contact details, social links, organized navigation columns, featured guides, oversized brand wordmark, copyright, and legal links.
   Capture: 1440×967px; page bounds 8112–9079px of 9079px; source section ID: `9e6b96bc-86b6-465c-b22e-5bfc8d541fc3`; image: https://media.designdetails.io/library/f589ed7a571ca7d36238f658c93effdb08f498d4c3a23f0b2f35583cc9c297dd/9e6b96bc-86b6-465c-b22e-5bfc8d541fc3.webp
   SECTION.md v3.2: `9e6b96bc-86b6-465c-b22e-5bfc8d541fc3` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/c0a9cb6dee2265dbe7d6094927669d2c261fc24e7efd1f2822a31255ca29dcb7/desktop_full-32175e94-2026-10-19T16-15-24-229Z.webp
- Mobile screenshot: https://media.designdetails.io/library/511f90b94e271a81918b63a438d8e77b70024d4cef9b63f975ff663b4d2a2082/mobile_full-32175e94-2026-10-19T16-16-14-289Z.webp
- Open Graph image: https://media.designdetails.io/library/610ecf9ba0298fd874ec99f1b95a228de764d682b855fafd1cf3ce2bf73d0d79/og_image-32175e94-2026-10-19T16-15-31-791Z.webp
- Full-page video: https://media.designdetails.io/library/337a262ea829cf794e2f00d75e1c186150d5671552efe50b810ac9f4d76a5523/motion-1792428089522.mp4
- Video poster: https://media.designdetails.io/library/22d654796d4b0754195ccad0bc57a3aeca052351b4a48a7c8782acb5d5d75162/motion-poster-1792428089522.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

- Navigation Bar
- Hero
- Logo Strip
- Primary Button
- Outline Button
- Product UI
- Testimonial Card
- Editorial Card
- Footer
- Data Flow Infographic
- Structural Grid Lines

## Quality rubric

Overall: 59.7/100 (Competent)
Evidence coverage: 100%
Judge tier: Good
Verdict: Thrad.ai executes a coherent earthy-technical visual identity with genuine content-to-design integration in its product-explanation sections, but its underlying structure and motion vocabulary remain close to common SaaS marketing-template conventions, placing it solidly in the 'good' tier rather than 'strong' or above.

- Typography (15%): 62 — A single family (Inter Variable) is used with deliberate weight/size/letter-spacing contrasts — thin 300-weight at huge display sizes (80.6px, -5.2px tracking) contrasted with tighter UI text (12–16px) and a monospace stack reserved for quotes and 'see more' links. The hierarchy is legible and consistent across many sections (H1→H2→H3→body→caption), which is a real system, but it is a fairly standard 'light display weight + tight tracking' SaaS convention rather than a distinctive typographic voice, and only one display family carries the whole site.
- Color (10%): 59 — The palette (warm off-white/tan canvas #F2EDE9, near-black text #111112, burnt-orange accent #EC521B, deep brown #2A0E07 footer) is coherent and restrained, with the orange consistently reserved for primary actions. It is well-executed but is a now-common 'earthy neutral + single warm accent' SaaS palette, applied fairly uniformly without much tonal variation or risk-taking beyond the footer's brown shift.
- Layout (20%): 65 — The page shows a consistent structural system — thin 1px dividing lines, a repeated max-width grid, UI-mockup cards, and a numbered 3-step pattern reused in the 'Build/Launch/Optimize' and 'Analyze/Rank/Bid/Deploy' sections. Multiple distinct content types (hero, logo strip, process diagram, dashboard mock, testimonials, editorial cards, footer) are tied together with recurring grid lines and card styling, which is good multi-section coherence, though the underlying pattern (hero → logo strip → feature steps → testimonials → press cards → footer) is a familiar SaaS marketing template structure.
- Motion (20%): 56 — Multiple scroll-tied animations are observed — a chat-interface reveal, animated bar/number data visualizations for the Analyze/Rank/Bid steps, hero and text-block parallax, a logo marquee, and a footer background/logo transition. This is a reasonably broad motion vocabulary tied to explaining product mechanics rather than a single decorative hero effect, which is a point in its favor. However, no evidence establishes animation quality (easing, frame rate, restraint, responsiveness to input) — only presence of common scroll-reveal/parallax patterns, which are widespread in this category of site.
- Originality (25%): 54 — The dot-matrix topographic mountain hero and earthy palette are an unusual choice for an ad-tech/DSP category typically dominated by blue corporate visuals, and the Analyze→Rank→Bid→Deploy infographic with curved connector lines is a purpose-built explanatory device rather than a stock pattern. These are genuine, if modest, distinguishing ideas. But the rest of the page — logo strip, numbered step cards, testimonial portraits, editorial press cards, giant wordmark footer — closely follows widely used SaaS marketing-site conventions, so the site reads as a competent reskin of a familiar template with two or three bespoke flourishes rather than a cohesive, hard-to-substitute system throughout.
- Content (10%): 68 — Visuals are closely tied to the product narrative rather than generic stock imagery: the chat/ad-insertion mockups, the auction-table UI, the dashboard screen with specific metrics, and the phone mockups all illustrate the actual claimed mechanism (prompt → analyze → rank → bid → deploy) step by step, reinforced by adjacent copy. This is a genuine strength — content and layout work together to explain a complex product.

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 halftone mountain in soft terracotta sets a calm, premium tone, while a mocked-up chatbot window shows the actual ad experience instead of abstract graphics. The analyze, rank, bid, deploy steps are paired side by side with small UI cards, making an invisible ad auction easy to follow at a glance.

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