# Giga — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://giga.ai/
Captured: 2026-10-07
CSS measured: 2026-10-07T06:25:32.124Z at 1440×1000 — https://giga.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

The website employs a highly technical, dark-mode visual language. It utilizes a striking combination of pixelated and monospaced typography alongside clean sans-serif fonts to create a terminal-inspired, developer-focused aesthetic. The layout relies heavily on structural, low-contrast 1px grid lines to define spaces, contrasting with colorful, blurred gradient backgrounds that suggest depth and advanced technology. The primary accent is a vibrant orange, used sparingly for key calls to action and active states.

## Classification

- Industry: ai
- Site type: Blog
- Business model: AI, Software
- Styles: typographic, minimal, geometric, gradient, terminal-inspired, dark-mode
- Platform: Custom code
- Technology: Next.js

## Typography

- Display: Geist Pixel Line — weight 400; size 72px; line-height 64px; tracking normal; Regular (100% role confidence, computed values)
- Heading: Geist Pixel Line — weight 400; size 52.6px; line-height 58px; tracking normal; Regular (95% role confidence, computed values)
- Body: Geist — weight 400; size 16px; line-height normal; tracking normal; Regular (90% role confidence, computed values)
- Mono: Geist Mono — weight 500; size 11px; line-height 14px; tracking normal; uppercase (95% role confidence, computed values)

## Functional palette

- Canvas — canvas #000000: color-1: computed rgb(0, 0, 0); AI role: Pure black (#000000) used as the primary background color for the page body. (100% role confidence, computed values)
- Primary Action — primary action #EF5A00: color-40: computed rgb(239, 90, 0); AI role: Vibrant orange (#EF5A00) used for the main call-to-action buttons and active indicator dots. (100% role confidence, computed values)
- Text — text #E8EDEF: color-4: computed rgb(232, 237, 239); AI role: Off-white (#E8EDEF) used extensively for high-contrast primary text. (95% role confidence, computed values)
- Surface — surface #0D1114: color-2: computed rgb(13, 17, 20); AI role: Very dark gray (#0D1114) used for backgrounds of certain sections or large UI panels. (85% role confidence, computed values)
- Border — border #272729: color-5: computed rgb(39, 39, 41); AI role: Dark gray (#272729) used for subtle panel backgrounds or borders. (70% 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",
    "fontStack": "inter, interExt, InterVariable, ui-sans-serif, system-ui, sans-serif, sans-serif",
    "weight": "400",
    "size": "31.7px",
    "lineHeight": "35.5px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "h3",
        "text": "Fintech",
        "top": 2355,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Banking",
        "top": 2355,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Technology",
        "top": 2355,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Geist Pixel Line",
    "fontStack": "\"Geist Pixel Line\", \"Geist Mono\", monospace",
    "weight": "400",
    "size": "52.6px",
    "lineHeight": "58px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h2",
        "text": "DoorDash handlesdelivery issues endto end with Giga.",
        "top": 14964,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "See what Giga wouldresolve at your company.",
        "top": 15789,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "inter",
    "fontStack": "inter, interExt, InterVariable, ui-sans-serif, system-ui, sans-serif, sans-serif",
    "weight": "400",
    "size": "34px",
    "lineHeight": "39.4px",
    "letterSpacing": "-0.7px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h3",
        "text": "See how Giga will improve your business.",
        "top": 1999,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Explore your industry, or leave your work email and we’ll build a page for your company.",
        "top": 2038,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "Geist Pixel Line",
    "fontStack": "\"Geist Pixel Line\", \"Geist Mono\", monospace",
    "weight": "400",
    "size": "72px",
    "lineHeight": "64px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h1",
        "text": "Fast forward to fixed.",
        "top": 168,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "geistPixelLine",
    "fontStack": "geistPixelLine, \"geistPixelLine Fallback\", \"Geist Pixel Line\", ui-monospace, monospace",
    "weight": "400",
    "size": "52.6px",
    "lineHeight": "63.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Giga agents are flexible.",
        "top": 1805,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "inter",
    "fontStack": "inter, interExt, InterVariable, system-ui, sans-serif",
    "weight": "400",
    "size": "12px",
    "lineHeight": "16px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 9,
    "contexts": [
      {
        "tag": "a",
        "text": "Privacy Policy",
        "top": 16732,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Cookie Policy",
        "top": 16732,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Terms of Service",
        "top": 16732,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Geist Mono",
    "fontStack": "\"Geist Mono\", geistMono, monospace",
    "weight": "500",
    "size": "11px",
    "lineHeight": "14px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 8,
    "contexts": [
      {
        "tag": "span",
        "text": "Industries",
        "top": 1779,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Customer story",
        "top": 14929,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "AI agents for customer support",
        "top": 15754,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Geist",
    "fontStack": "Geist, geistSans, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "26px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "p",
        "text": "“At DoorDash, we operate at a massive scale across services, platforms, and languages. Giga leverage",
        "top": 15155,
        "property": "font"
      },
      {
        "tag": "strong",
        "text": "massive scale",
        "top": 15157,
        "property": "font"
      },
      {
        "tag": "strong",
        "text": "measurable improvements",
        "top": 15183,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Geist Mono",
    "fontStack": "\"Geist Mono\", ui-monospace, monospace",
    "weight": "400",
    "size": "11px",
    "lineHeight": "13px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "Voice",
        "top": 808,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Chat",
        "top": 808,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Talk",
        "top": 617,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Geist",
    "fontStack": "Geist, system-ui, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "a",
        "text": "Skip to content",
        "top": 0,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "hello",
        "top": 396,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "Geist",
    "fontStack": "Geist, system-ui, sans-serif",
    "weight": "400",
    "size": "19px",
    "lineHeight": "27.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Giga’s AI agents take action across voice, chat, and email. They complete customer requests, follow ",
        "top": 184,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "geistSans",
    "fontStack": "geistSans, \"geistSans Fallback\", Geist, ui-sans-serif, system-ui, sans-serif, sans-serif",
    "weight": "400",
    "size": "18px",
    "lineHeight": "27px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Swap rigid workflows for agents that adapt to your industry and its unique needs.",
        "top": 1885,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "inter",
    "fontStack": "inter, interExt, InterVariable, geistSans, sans-serif",
    "weight": "400",
    "size": "18px",
    "lineHeight": "27px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "AI agents for email, chat, and voice.Enter your work email to see what they’d resolve.",
        "top": 15922,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "Geist Mono",
    "fontStack": "\"Geist Mono\", ui-monospace, monospace",
    "weight": "500",
    "size": "11px",
    "lineHeight": "14px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "AI Agents for Customer Experience",
        "top": 133,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "Geist Mono",
    "fontStack": "\"Geist Mono\", ui-monospace, monospace",
    "weight": "400",
    "size": "11px",
    "lineHeight": "14px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Used to personalize your demo and follow up.",
        "top": 811,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "Geist",
    "fontStack": "Geist, system-ui, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "Platform",
        "top": 15,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Solutions",
        "top": 15,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Industries",
        "top": 15,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "Geist Mono",
    "fontStack": "\"Geist Mono\", geistMono, monospace",
    "weight": "400",
    "size": "11px",
    "lineHeight": "14px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "See a demo",
        "top": 20,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "See a demo",
        "top": 20,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Read the story",
        "top": 15351,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "Geist",
    "fontStack": "Geist, geistSans, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "18px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Co-Founder, DoorDash",
        "top": 15304,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "DoorDash result:",
        "top": 15284,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Did We Resolve Rate (DWR)",
        "top": 15304,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "Geist Pixel Line",
    "fontStack": "\"Geist Pixel Line\", \"Geist Mono\", monospace",
    "weight": "400",
    "size": "26.3px",
    "lineHeight": "26px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "hello",
        "top": 393,
        "property": "font"
      },
      {
        "tag": "i",
        "text": "_",
        "top": 393,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "Geist",
    "fontStack": "Geist, geistSans, sans-serif",
    "weight": "400",
    "size": "15px",
    "lineHeight": "18px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "Andy Fang",
        "top": 15284,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "90%+",
        "top": 15284,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-21",
    "family": "Geist Mono",
    "fontStack": "\"Geist Mono\", geistMono, monospace",
    "weight": "400",
    "size": "8px",
    "lineHeight": "13px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "Delight",
        "top": 14848,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "AU6+AU12",
        "top": 14861,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-22",
    "family": "Geist",
    "fontStack": "Geist, system-ui, sans-serif",
    "weight": "400",
    "size": "18px",
    "lineHeight": "26px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Enter your work email to unlock Voice and Chat.",
        "top": 688,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-23",
    "family": "geistSans",
    "fontStack": "geistSans, \"geistSans Fallback\", Geist, ui-sans-serif, system-ui, sans-serif, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "label",
        "text": "Your work email",
        "top": 2233,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-24",
    "family": "Geist Mono",
    "fontStack": "\"Geist Mono\", ui-monospace, monospace",
    "weight": "400",
    "size": "9px",
    "lineHeight": "9px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "GIGA",
        "top": 587,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-25",
    "family": "inter",
    "fontStack": "inter, interExt, InterVariable, system-ui, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 27,
    "contexts": [
      {
        "tag": "a",
        "text": "Sign in",
        "top": 6,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Platform overview",
        "top": 16369,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Build agents",
        "top": 16399,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-26",
    "family": "Geist",
    "fontStack": "Geist, system-ui, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "button",
        "text": "Continue",
        "top": 758,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-27",
    "family": "geistMono",
    "fontStack": "geistMono, \"geistMono Fallback\", \"Geist Mono\", ui-monospace, monospace",
    "weight": "400",
    "size": "11px",
    "lineHeight": "14px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "button",
        "text": "Build my page",
        "top": 2338,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-28",
    "family": "Geist Mono",
    "fontStack": "\"Geist Mono\", geistMono, monospace",
    "weight": "400",
    "size": "10px",
    "lineHeight": "10px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "+1",
        "top": 16439,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-29",
    "family": "Geist",
    "fontStack": "Geist, system-ui, sans-serif",
    "weight": "400",
    "size": "1px",
    "lineHeight": "1px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "See a demo",
        "top": 6,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 10,
    "contexts": [
      {
        "tag": "body",
        "text": "[{\"@context\":\"https://schema.org\",\"@type\":\"Organization\",\"@id\":\"https://giga.ai/#organization\",\"name",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 0,
        "property": "svg-fill"
      },
      {
        "tag": "g",
        "text": "",
        "top": 0,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#0D1114",
    "alpha": 1,
    "cssValue": "rgb(13, 17, 20)",
    "count": 9,
    "contexts": [
      {
        "tag": "div",
        "text": "See how Giga will improve your business.Explore your industry, or leave your work email and we’ll bu",
        "top": 1971,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#000000",
    "alpha": 0.12156862745098039,
    "cssValue": "rgba(0, 0, 0, 0.12)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 0,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#E8EDEF",
    "alpha": 1,
    "cssValue": "rgb(232, 237, 239)",
    "count": 53,
    "contexts": [
      {
        "tag": "h2",
        "text": "Giga agents are flexible.",
        "top": 1805,
        "property": "text"
      },
      {
        "tag": "label",
        "text": "Your work email",
        "top": 2233,
        "property": "text"
      },
      {
        "tag": "h3",
        "text": "Fintech",
        "top": 2355,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#272729",
    "alpha": 1,
    "cssValue": "rgb(39, 39, 41)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "See how Giga will improve your business.Explore your industry, or leave your work email and we’ll bu",
        "top": 1975,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 40,
    "contexts": [
      {
        "tag": "a",
        "text": "Skip to content",
        "top": 0,
        "property": "text"
      },
      {
        "tag": "path",
        "text": "",
        "top": 17,
        "property": "svg-fill"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 16,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#080606",
    "alpha": 0.6196078431372549,
    "cssValue": "color(srgb 0.0313726 0.027451 0.027451 / 0.619608)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 0,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#FFFFFF",
    "alpha": 0.5215686274509804,
    "cssValue": "rgba(255, 255, 255, 0.52)",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "“At DoorDash, we operate at a massive scale across services, platforms, and languages. Giga leverage",
        "top": 15155,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Co-Founder, DoorDash",
        "top": 15304,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#645959",
    "alpha": 0.09019607843137255,
    "cssValue": "rgba(95, 89, 86, 0.09)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Voice",
        "top": 611,
        "property": "::after-background"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#E8EDEF",
    "alpha": 0.6196078431372549,
    "cssValue": "rgba(232, 237, 239, 0.62)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Explore your industry, or leave your work email and we’ll build a page for your company.",
        "top": 2038,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#E8EDEF",
    "alpha": 0.7411764705882353,
    "cssValue": "rgba(232, 237, 239, 0.74)",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Swap rigid workflows for agents that adapt to your industry and its unique needs.",
        "top": 1885,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#6B6B63",
    "alpha": 0.12156862745098039,
    "cssValue": "rgba(110, 103, 100, 0.12)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 502,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#FFFFFF",
    "alpha": 0.9607843137254902,
    "cssValue": "rgba(255, 255, 255, 0.96)",
    "count": 7,
    "contexts": [
      {
        "tag": "strong",
        "text": "massive scale",
        "top": 15157,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Andy Fang",
        "top": 15284,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#ECEBE7",
    "alpha": 1,
    "cssValue": "rgb(236, 235, 231)",
    "count": 1,
    "contexts": [
      {
        "tag": "h3",
        "text": "See how Giga will improve your business.",
        "top": 1999,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#E8E8E8",
    "alpha": 0.043137254901960784,
    "cssValue": "rgba(242, 241, 236, 0.043)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Continue",
        "top": 753,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#E7EDEF",
    "alpha": 0.5490196078431373,
    "cssValue": "rgba(232, 237, 239, 0.55)",
    "count": 5,
    "contexts": [
      {
        "tag": "p",
        "text": "Compliant",
        "top": 16411,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#FFFFFF",
    "alpha": 0.9490196078431372,
    "cssValue": "rgba(255, 255, 255, 0.95)",
    "count": 8,
    "contexts": [
      {
        "tag": "span",
        "text": "See a demo",
        "top": 20,
        "property": "text"
      },
      {
        "tag": "div",
        "text": "Talk",
        "top": 512,
        "property": "border"
      },
      {
        "tag": "button",
        "text": "Build my page",
        "top": 2338,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#F2F1EC",
    "alpha": 0.8588235294117647,
    "cssValue": "rgba(242, 241, 236, 0.86)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Enter your work email to unlock Voice and Chat.",
        "top": 688,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-19",
    "hex": "#F1F1EB",
    "alpha": 0.6588235294117647,
    "cssValue": "rgba(242, 241, 236, 0.66)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Used to personalize your demo and follow up.",
        "top": 811,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-20",
    "hex": "#E8EDEF",
    "alpha": 0.8784313725490196,
    "cssValue": "rgba(232, 237, 239, 0.88)",
    "count": 5,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 1880,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": 1884,
        "property": "svg-stroke"
      },
      {
        "tag": "a",
        "text": "Read the story",
        "top": 15351,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-21",
    "hex": "#E3F1F1",
    "alpha": 0.07058823529411765,
    "cssValue": "rgba(232, 237, 239, 0.07)",
    "count": 4,
    "contexts": [
      {
        "tag": "a",
        "text": "SOC 2 Type II (AICPA)Independently audited security, availability, and confidentiality controls for ",
        "top": 16439,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-22",
    "hex": "#FFFFFF",
    "alpha": 0.8784313725490196,
    "cssValue": "rgba(255, 255, 255, 0.88)",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Industries",
        "top": 1779,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "Customer story",
        "top": 14929,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-23",
    "hex": "#FFFFFF",
    "alpha": 0.5490196078431373,
    "cssValue": "rgba(255, 255, 255, 0.55)",
    "count": 2,
    "contexts": [
      {
        "tag": "line",
        "text": "",
        "top": 14837,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-24",
    "hex": "#FFFFFF",
    "alpha": 0.0784313725490196,
    "cssValue": "rgba(255, 255, 255, 0.08)",
    "count": 8,
    "contexts": [
      {
        "tag": "div",
        "text": "Your work email",
        "top": 2218,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-25",
    "hex": "#3B3A39",
    "alpha": 0.9019607843137255,
    "cssValue": "rgba(59, 58, 56, 0.9)",
    "count": 11,
    "contexts": [
      {
        "tag": "p",
        "text": "Voice",
        "top": 808,
        "property": "text"
      },
      {
        "tag": "i",
        "text": "",
        "top": 811,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-26",
    "hex": "#F2F1EC",
    "alpha": 1,
    "cssValue": "rgb(242, 241, 236)",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "hello",
        "top": 396,
        "property": "text"
      },
      {
        "tag": "button",
        "text": "Continue",
        "top": 758,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-27",
    "hex": "#1F1D1B",
    "alpha": 1,
    "cssValue": "rgb(31, 29, 27)",
    "count": 1,
    "contexts": [
      {
        "tag": "button",
        "text": "Continue",
        "top": 758,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-28",
    "hex": "#F2F2EB",
    "alpha": 0.8196078431372549,
    "cssValue": "rgba(242, 241, 236, 0.82)",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "hello",
        "top": 393,
        "property": "text"
      },
      {
        "tag": "i",
        "text": "_",
        "top": 393,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-29",
    "hex": "#000000",
    "alpha": 0.5019607843137255,
    "cssValue": "rgba(0, 0, 0, 0.5)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "See how Giga will improve your business.Explore your industry, or leave your work email and we’ll bu",
        "top": 1975,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-30",
    "hex": "#F2F2EA",
    "alpha": 0.23921568627450981,
    "cssValue": "rgba(242, 241, 236, 0.24)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "Continue",
        "top": 753,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-31",
    "hex": "#E7EDEF",
    "alpha": 0.5019607843137255,
    "cssValue": "rgba(232, 237, 239, 0.5)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "© 2026 Giga AI, Inc.",
        "top": 16768,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-32",
    "hex": "#E8EDEE",
    "alpha": 0.6,
    "cssValue": "rgba(232, 237, 239, 0.6)",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "+1",
        "top": 16439,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-33",
    "hex": "#E6E6E6",
    "alpha": 0.0392156862745098,
    "cssValue": "rgba(232, 237, 239, 0.04)",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "+1",
        "top": 16439,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-34",
    "hex": "#FFD1B8",
    "alpha": 0.7019607843137254,
    "cssValue": "rgba(255, 210, 184, 0.7)",
    "count": 12,
    "contexts": [
      {
        "tag": "div",
        "text": "See a demo",
        "top": 6,
        "property": "border"
      },
      {
        "tag": "button",
        "text": "Build my page",
        "top": 2338,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-35",
    "hex": "#FFFFFF",
    "alpha": 0.9019607843137255,
    "cssValue": "rgba(255, 255, 255, 0.9)",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "Delight",
        "top": 14848,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-36",
    "hex": "#FFFFFF",
    "alpha": 0.12156862745098039,
    "cssValue": "rgba(255, 255, 255, 0.12)",
    "count": 12,
    "contexts": [
      {
        "tag": "button",
        "text": "",
        "top": 1868,
        "property": "border"
      },
      {
        "tag": "a",
        "text": "Read the story",
        "top": 15351,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-37",
    "hex": "#827B7A",
    "alpha": 0.6,
    "cssValue": "rgba(130, 124, 122, 0.6)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 502,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-38",
    "hex": "#B3AEAA",
    "alpha": 1,
    "cssValue": "rgb(179, 174, 170)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 386,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-39",
    "hex": "#4A4A47",
    "alpha": 0.4196078431372549,
    "cssValue": "rgba(75, 75, 72, 0.42)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "GIGA",
        "top": 587,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-40",
    "hex": "#EF5A00",
    "alpha": 1,
    "cssValue": "rgb(239, 90, 0)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 136,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "",
        "top": 1783,
        "property": "background"
      },
      {
        "tag": "i",
        "text": "",
        "top": 14933,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-41",
    "hex": "#6B3418",
    "alpha": 1,
    "cssValue": "rgb(107, 52, 24)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Talk",
        "top": 598,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-42",
    "hex": "#2F2C28",
    "alpha": 0.6196078431372549,
    "cssValue": "rgba(46, 43, 41, 0.62)",
    "count": 11,
    "contexts": [
      {
        "tag": "i",
        "text": "",
        "top": 405,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-43",
    "hex": "#F2F1EC",
    "alpha": 0.7019607843137254,
    "cssValue": "rgba(242, 241, 236, 0.7)",
    "count": 8,
    "contexts": [
      {
        "tag": "i",
        "text": "",
        "top": 811,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-44",
    "hex": "#FFFFFF",
    "alpha": 0.1411764705882353,
    "cssValue": "rgba(255, 255, 255, 0.14)",
    "count": 1,
    "contexts": [
      {
        "tag": "i",
        "text": "",
        "top": 15285,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-45",
    "hex": "#46C97D",
    "alpha": 1,
    "cssValue": "rgb(70, 201, 125)",
    "count": 1,
    "contexts": [
      {
        "tag": "i",
        "text": "",
        "top": 16415,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-46",
    "hex": "#EBEBF2",
    "alpha": 0.14901960784313725,
    "cssValue": "rgba(232, 237, 239, 0.15)",
    "count": 1,
    "contexts": [
      {
        "tag": "i",
        "text": "",
        "top": 16511,
        "property": "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: Sections are separated by significant vertical whitespace, while internal UI components use tighter, structured padding (e.g., 16-24px inside panels).
- Corner style: Primary buttons feature slightly rounded corners (pill-like or moderate radius), while larger UI panels often have sharper or subtly rounded edges.
- Radius: Varies from 4px-8px on input fields and buttons to sharper corners on layout boundaries.
- Borders: Extensive use of low-contrast, 1px solid borders (often slightly transparent white or gray) to define grids, panels, and input fields.
- Buttons: Solid bright orange fills for primary actions, often with subtle glow or gradient borders on hover states (implied by design).
- Content width: Text content is typically constrained to readable widths, while the interactive product mockups expand wider, creating a balanced but asymmetrical layout.
- Density: The overall page is airy and spacious, but the simulated product interfaces pack a higher density of information, mimicking complex software.
- Evidence: Observed through the alignment in the scrollable product tour, the top navigation, and the distinct input field designs.

## Sections

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

1. **Hero — AI Agents Interactive Demo Hero** (Home)
   AI suggestion (98% confidence): Complete page-opening hero with navigation, strong headline and supporting copy, plus a substantial voice/chat email demo framed by a distinctive gradient background.
   Capture: 1440×1008px; page bounds 0–1008px of 16828px; source section ID: `2f73c997-5a9b-4cf4-8aae-bce499ed00f2`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/5d22365112f5e4892fd7f5e2a15fefe67e91d0b3303272fda6cc5662582a75bf/2f73c997-5a9b-4cf4-8aae-bce499ed00f2.webp
   SECTION.md v3.2: `2f73c997-5a9b-4cf4-8aae-bce499ed00f2` (deterministic evidence; editorial review pending)
2. **Features — Giga agents are flexible.** (Home)
   Reusable feature composition from Home, organized around “Giga agents are flexible.”.
   Capture: 1440×872px; page bounds 1693–2565px of 16828px; source section ID: `3927472e-51a2-4cb7-b407-f4da855d74ca`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/54c05ea8a0252948e4b1158043df3fa899b6a86b7211f38c96503666308d6eab/section_crop-3927472e-2026-10-07T06-25-41-498Z.webp
   SECTION.md v3.2: `3927472e-51a2-4cb7-b407-f4da855d74ca` (deterministic evidence; editorial review pending)
3. **Features — See what Giga would resolve at your company.** (Home)
   Reusable feature composition from Home, organized around “See what Giga would resolve at your company.”.
   Capture: 1440×713px; page bounds 15562–16275px of 16828px; source section ID: `0f9288f3-85da-49fe-8f2d-9a8054060381`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/45695104fd45764e7d7591b1521420af0bf8c9a95d3d0edfcdf4319b9be68000/section_crop-0f9288f3-2026-10-07T06-25-43-321Z.webp
   SECTION.md v3.2: `0f9288f3-85da-49fe-8f2d-9a8054060381` (deterministic evidence; editorial review pending)
4. **Forms — Demo Request Form with Enterprise Proof Panel** (Contact)
   AI suggestion (98% confidence): Complete two-column conversion section combining a labeled demo form with a substantial branded panel featuring product benefits, customer proof, logos, and security credentials.
   Capture: 1440×931px; page bounds 55–986px of 1529px; source section ID: `c796a5a2-9b99-475e-9993-4ed8baa512f7`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/b94e98473e70dacc328297d69d58fa0671bbcbaa1692e93021fdd59a78b89e9d/c796a5a2-9b99-475e-9993-4ed8baa512f7.webp
   SECTION.md v3.2: `c796a5a2-9b99-475e-9993-4ed8baa512f7` (deterministic evidence; editorial review pending)
5. **Footer — Giga Link Directory and Compliance Footer** (Contact)
   AI suggestion (99% confidence): Complete, substantial dark footer with brand identity, compliance badges, social links, grouped navigation, legal links, and copyright information.
   Capture: 1440×543px; page bounds 986–1529px of 1529px; source section ID: `d7372c49-6664-490d-b7dc-5fe17ec43173`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/8549dda23df34ca4a435b908d1bca6f397dcf93d335b446d4414d507b306bdaf/d7372c49-6664-490d-b7dc-5fe17ec43173.webp
   SECTION.md v3.2: `d7372c49-6664-490d-b7dc-5fe17ec43173` (deterministic evidence; editorial review pending)
6. **Process — Build an AI Agent Workflow** (Home)
   AI suggestion (90% confidence): Complete “Build” state with its own heading, explanatory copy, input-to-agent visualization, email control, and workflow navigation; the later instances repeat this component or are cut off.
   Capture: 1440×855px; page bounds 8235–9090px of 16828px; source section ID: `3d153263-7856-4fbc-be5a-0ede5d0e2755`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/33e4503e14b115abeb1bd586cc17b97b9c307c9f139a13cfd297dfda49f61f69/3d153263-7856-4fbc-be5a-0ede5d0e2755.webp
   SECTION.md v3.2: `3d153263-7856-4fbc-be5a-0ede5d0e2755` (deterministic evidence; editorial review pending)
7. **Features — Improve AI Agent Performance** (Home)
   AI suggestion (92% confidence): Complete scrollytelling feature state with navigation tabs, product positioning, supporting copy, and a large interactive-style performance visual; the strongest self-contained representative of the repeated pattern.
   Capture: 1440×870px; page bounds 11729–12599px of 16828px; source section ID: `56771d60-0975-42e3-9ee7-a16e87817ac4`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/88ed8ee9353bb8d6a0ce6f17b5b3084bfac4c99c657a94510a51265979e197ba/56771d60-0975-42e3-9ee7-a16e87817ac4.webp
   SECTION.md v3.2: `56771d60-0975-42e3-9ee7-a16e87817ac4` (deterministic evidence; editorial review pending)
8. **Features — Agent Learning Flow** (Home)
   AI suggestion (91% confidence): Complete feature section with its own navigation state, headline, explanatory copy, email interaction, and a distinctive knowledge/tools/guidance flow diagram feeding an improved agent.
   Capture: 1440×846px; page bounds 13528–14374px of 16828px; source section ID: `d99ecc15-a2a4-4a84-b6e9-fb83844852e7`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/3fddb8d0b61443c81d12e171a833a4c2c425ef6f6ca864f5625945c98b5440e4/d99ecc15-a2a4-4a84-b6e9-fb83844852e7.webp
   SECTION.md v3.2: `d99ecc15-a2a4-4a84-b6e9-fb83844852e7` (deterministic evidence; editorial review pending)
9. **Testimonial Card — DoorDash Customer Story** (Home)
   AI suggestion (96% confidence): Self-contained customer story combining a strong outcome headline, testimonial quote, named customer, performance statistic, CTA, and branded editorial image.
   Capture: 1440×777px; page bounds 14776–15553px of 16828px; source section ID: `43f15b2c-8b07-41d1-b0ba-bc20076ec1ff`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/fd27cbf716a3727a852faf20785c1555b567331deb65c0dc0d61e313bf88d7b3/43f15b2c-8b07-41d1-b0ba-bc20076ec1ff.webp
   SECTION.md v3.2: `43f15b2c-8b07-41d1-b0ba-bc20076ec1ff` (deterministic evidence; editorial review pending)
10. **Footer — Giga Multi-Column Footer** (Home)
   AI suggestion (98% confidence): Complete page footer with brand and compliance marks, social links, grouped navigation columns, legal links, and copyright.
   Capture: 1440×550px; page bounds 16278–16828px of 16828px; source section ID: `fa47c348-be49-411f-a6b2-3054175d7b0a`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/62caa0b62f40927a0de260ed6f0fd414296a9cd91eaccdbcace3924a6a13117c/fa47c348-be49-411f-a6b2-3054175d7b0a.webp
   SECTION.md v3.2: `fa47c348-be49-411f-a6b2-3054175d7b0a` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/2119587477b457b150517581ec57b6bc70964951ffa8c966a5a6cf75e2c69135/desktop_full-50328d78-2026-10-07T06-25-32-154Z.jpg
- Mobile screenshot: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/39df83809c5acac124ecea43b211c607865576cd23f1abc90da0b7f5eea8345a/mobile_full-50328d78-2026-10-07T06-26-15-315Z.webp
- Open Graph image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/b62243aa8234d87dabb12ce9b8c6a03b4cba87eb044f498027bee0e17e7f96ff/og_image-50328d78-2026-10-07T06-25-39-495Z.webp
- Full-page video: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/b4d16f29b139986331734238ff2b61a3a21364df5317ccfb67abb5241078e337/motion-1791355993721.mp4
- Video poster: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/348f2f220d43c596ed8d815bf23a995f8d0f66e9d8224fc342cba93b181ba8d0/motion-poster-1791355993721.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
- Primary Button
- Input Field
- Product UI
- Testimonial Card
- Footer
- Scroll Linked Split Interface
- Node Connection Visualization

## Quality rubric

Overall: 58.3/100 (Competent)
Evidence coverage: 100%
Judge tier: Competent
Verdict: Giga.ai executes a polished, well-coordinated dark-mode AI-agent marketing site: a single orange accent is used with discipline, the scroll-linked chat/voice demo convincingly dramatizes the product's value with specific scenarios and metrics, and the Build/Observe/Improve motion sequence shows genuine cross-section choreography rather than an isolated hero flourish. However, the typographic system shows signs of unresolved font-stack redundancy, the DOM suggests duplicated hero/CTA blocks, and the core visual vocabulary—terminal aesthetic, pixel display type, node-connection diagrams, chat mockups—closely tracks an increasingly standard template for this product category. The result is a competently crafted, trend-consistent site rather than one with a distinct, hard-to-substitute point of view.

- Typography (15%): 55 — A distinctive pixel-style display face (Geist Pixel Line) is paired with Geist Mono uppercase labels and Geist/Inter body text, giving the page a terminal-adjacent identity, but the CSS facts show overlapping and seemingly unintentional font-family stacks for similar heading roles (e.g. h3 'Fintech' rendered in plain 'inter' at 31.7px while adjacent h3/h2 elements use 'Geist Pixel Line' or 'geistPixelLine' at comparable sizes), suggesting an unresolved variable-font/fallback system rather than a deliberately layered scale.
- Color (10%): 62 — A disciplined dark palette—pure black canvas (#000000), near-black surface (#0D1114), off-white text (#E8EDEF), and a single vivid orange accent (#EF5A00)—is applied with restraint across buttons, active dots, and highlights, while low-alpha white/gray borders (#272729, rgba(255,255,255,0.08-0.12)) quietly structure panels without competing with the accent.
- Layout (20%): 64 — The page uses a consistent split-panel grid (text left / simulated product UI right) reused across the demo, agent-learning, and customer-story sections, with visible 1px borders defining rectangular panels and an asymmetrical balance between constrained text columns and wider UI mockups—but the overall macro-structure is a fairly conventional long-scroll SaaS sequence (hero → feature → testimonial → CTA → footer).
- Motion (20%): 65 — Motion is not a single hero effect but a coordinated sequence: a logo marquee, a scroll-driven chat simulation where left-side steps update a right-side mock chat, a node-connection diagram linking 'Knowledge/Tools/Guidance' to 'Your agent,' and a further scroll-state cycle (Build/Observe/Improve) that swaps the node animation for a starfield and then a growth-curve graph—showing a real system of synchronized content/motion states across sections.
- Originality (25%): 45 — Dark-canvas terminal aesthetic, pixel/mono display type, node-connection 'knowledge+tools+guidance=agent' diagrams, and live chat-mockup demos are now a widely recognized convention within AI-agent/SaaS marketing sites; execution is competent and tasteful but relies on an established genre toolkit rather than introducing a hard-to-substitute idea.
- Content (10%): 68 — Narrative content and visuals are tightly coupled: the scroll-driven chat simulation walks through an actual support scenario ('card declined' → 'card checked' → 'limit raised' → 'outcome logged'), and the DoorDash testimonial pairs a real founder quote with a concrete metric (90%+ Did We Resolve Rate), giving the product claims tangible, specific proof rather than generic copy.

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 gradient banner fades into a near black page, and a mono chat prompt next to a physical dial styled control room give the agent a tangible face. Repeating two panel blocks down the long scroll keep the same rhythm, so each new capability reads as a fresh step rather than more text.

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