# Ghost AI — Design Reference

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

Ghost AI features a hardware product landing page anchored by an interactive, scroll-driven 3D experience. The visual language blends premium consumer electronics aesthetics with technical schematics, utilizing a high-contrast palette of black, white, and silver against dynamic background elements. Typography relies exclusively on 'Archivo', balancing large display weights with dense, monospaced-style technical details in uppercase. The layout combines immersive full-viewport scenes for 3D exploration with structured grid layouts for features and specifications. The interface employs a minimal approach to interactive elements, featuring simple outlines and solid blue accent buttons, while ex

## Classification

- Industry: ai
- Site type: Store, Landing
- Business model: AI
- Styles: minimal, bold, corporate, photographic, tech-schematic, scroll-driven-narrative
- Platform: Custom code
- Technology: Next.js

## Typography

- Display: Archivo — weight 200; size 112px; line-height 122px; tracking normal; uppercase (90% role confidence, computed values)
- Heading: Archivo — weight 400; size 64.8px; line-height 66.1px; tracking -3.6px; Regular (90% role confidence, computed values)
- Body: Archivo — weight 400; size 22px; line-height 33px; tracking -0.9px; Regular (85% role confidence, computed values)
- Mono: Archivo Narrow — weight 400; size 16px; line-height 24px; tracking normal; uppercase (80% role confidence, computed values)

## Functional palette

- Canvas — canvas #00050A: color-2: computed rgb(0, 5, 10); AI role: Dark #00050A used as the primary background for many sections. (90% role confidence, computed values)
- Text — text #FFFFFF: color-9: computed rgb(255, 255, 255); AI role: White text used extensively on dark backgrounds. (90% role confidence, computed values)
- Primary Action — primary action #006DDF: color-8: computed rgb(0, 109, 223); AI role: Bright blue #006DDF used for primary buttons and interactive elements. (90% role confidence, computed values)
- Surface — surface #EAE9E7: color-5: computed rgb(234, 233, 231); AI role: Light gray #EAE9E7 used as the background for the initial hero section. (80% role confidence, computed values)
- Accent — accent #FF4000: color-22: computed rgb(255, 64, 0); AI role: Orange #FF4000 used for alerts like 'Sold Out'. (80% role confidence, computed values)

## Exact computed CSS inventory

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

### Font configurations

```json
[
  {
    "id": "font-1",
    "family": "Archivo",
    "fontStack": "Archivo, \"Archivo Fallback\", \"Helvetica Neue\", Arial, sans-serif",
    "weight": "400",
    "size": "64.8px",
    "lineHeight": "66.1px",
    "letterSpacing": "-3.6px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Intelligenceyou own.",
        "top": 1301,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Archivo",
    "fontStack": "Archivo, \"Archivo Fallback\", \"Helvetica Neue\", Arial, sans-serif",
    "weight": "400",
    "size": "30.5px",
    "lineHeight": "45.7px",
    "letterSpacing": "-1.2px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Own your intelligence.",
        "top": 11884,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "Archivo",
    "fontStack": "Archivo, \"Archivo Fallback\", \"Helvetica Neue\", Arial, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "14px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 14,
    "contexts": [
      {
        "tag": "p",
        "text": "email",
        "top": 12156,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "calendar",
        "top": 12254,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "finances",
        "top": 12422,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "Archivo",
    "fontStack": "Archivo, \"Archivo Fallback\", \"Helvetica Neue\", Arial, sans-serif",
    "weight": "400",
    "size": "22px",
    "lineHeight": "33px",
    "letterSpacing": "-0.9px",
    "traits": "Regular",
    "count": 9,
    "contexts": [
      {
        "tag": "p",
        "text": "Captures context from the apps you use every day.",
        "top": 12468,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Captures context from the apps you use every day.",
        "top": 12468,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Captures context from the apps you use every day.",
        "top": 12468,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "Archivo",
    "fontStack": "Archivo, \"Archivo Fallback\", \"Helvetica Neue\", Arial, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "normal",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 9,
    "contexts": [
      {
        "tag": "p",
        "text": "Higher recovery score than usual.",
        "top": 7385,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "You work out more on early mornings.",
        "top": 7431,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "You have a package coming in today.",
        "top": 7476,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Archivo Narrow",
    "fontStack": "\"Archivo Narrow\", \"Archivo Narrow Fallback\", \"Arial Narrow\", \"Helvetica Neue\", sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "21px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 4,
    "contexts": [
      {
        "tag": "a",
        "text": "About",
        "top": 54,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Privacy",
        "top": 54,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Order Now",
        "top": 54,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Archivo",
    "fontStack": "Archivo, \"Archivo Fallback\", \"Helvetica Neue\", Arial, sans-serif",
    "weight": "400",
    "size": "18px",
    "lineHeight": "27px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "Everything you do with Core is run locally using models on-device. No data ever leaves your home, an",
        "top": 5812,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Core runs 24/7, continuously taking in the context of your life. It can connect to anything, from yo",
        "top": 7412,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Core understands what’s happening in your life and thinks proactively. It understands what to take a",
        "top": 8920,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Archivo",
    "fontStack": "Archivo, \"Archivo Fallback\", \"Helvetica Neue\", Arial, sans-serif",
    "weight": "300",
    "size": "32px",
    "lineHeight": "48px",
    "letterSpacing": "-1.3px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Compatible with your devices.",
        "top": 10740,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Compatible with your devices.",
        "top": 10740,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Archivo",
    "fontStack": "Archivo, \"Archivo Fallback\", \"Helvetica Neue\", Arial, sans-serif",
    "weight": "300",
    "size": "36px",
    "lineHeight": "54px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "$3,499",
        "top": 881,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Archivo",
    "fontStack": "Archivo, \"Archivo Fallback\", \"Helvetica Neue\", Arial, sans-serif",
    "weight": "400",
    "size": "20.9px",
    "lineHeight": "30.3px",
    "letterSpacing": "-0.7px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Core is a personal AI computer that runs models entirely on device. It connects to your apps, files,",
        "top": 1462,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "Archivo Narrow",
    "fontStack": "\"Archivo Narrow\", \"Archivo Narrow Fallback\", \"Arial Narrow\", \"Helvetica Neue\", sans-serif",
    "weight": "500",
    "size": "20px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "6:48 AM",
        "top": 7342,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "Archivo",
    "fontStack": "Archivo, \"Archivo Fallback\", \"Helvetica Neue\", Arial, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 11,
    "contexts": [
      {
        "tag": "dd",
        "text": "Qwen 3.8-Next",
        "top": 2818,
        "property": "font"
      },
      {
        "tag": "dd",
        "text": "Qwen 3.8-27B",
        "top": 2818,
        "property": "font"
      },
      {
        "tag": "dd",
        "text": "Gemma 4-31B",
        "top": 2818,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "Archivo",
    "fontStack": "Archivo, \"Archivo Fallback\", \"Helvetica Neue\", Arial, sans-serif",
    "weight": "200",
    "size": "112px",
    "lineHeight": "122px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 9,
    "contexts": [
      {
        "tag": "span",
        "text": "Core",
        "top": 116,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "C",
        "top": 117,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "C",
        "top": 117,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "Archivo Narrow",
    "fontStack": "\"Archivo Narrow\", \"Archivo Narrow Fallback\", \"Arial Narrow\", \"Helvetica Neue\", sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 8,
    "contexts": [
      {
        "tag": "span",
        "text": "No subscription",
        "top": 906,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Entirely on device",
        "top": 906,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Continuous context",
        "top": 906,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "Archivo",
    "fontStack": "Archivo, \"Archivo Fallback\", \"Helvetica Neue\", Arial, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "dt",
        "text": "GPU",
        "top": 2126,
        "property": "font"
      },
      {
        "tag": "dd",
        "text": "NVIDIA RTX PRO 4000 Blackwell SFF Edition, 24 GB GDDR7 ECC memory, 432 GB/s memory bandwidth",
        "top": 2149,
        "property": "font"
      },
      {
        "tag": "dt",
        "text": "CPU",
        "top": 2172,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "Archivo",
    "fontStack": "Archivo, \"Archivo Fallback\", \"Helvetica Neue\", Arial, sans-serif",
    "weight": "400",
    "size": "32px",
    "lineHeight": "48px",
    "letterSpacing": "-1.3px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "Intelligence stays yours on Core.",
        "top": 5759,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Intelligence stays yours on Core.",
        "top": 5759,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Context that builds over time.",
        "top": 7359,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "Archivo Narrow",
    "fontStack": "\"Archivo Narrow\", \"Archivo Narrow Fallback\", \"Arial Narrow\", \"Helvetica Neue\", sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "16px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "Local intelligence",
        "top": 6410,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Continuous context",
        "top": 6410,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Proactive agent",
        "top": 6410,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "Archivo",
    "fontStack": "Archivo, \"Archivo Fallback\", \"Helvetica Neue\", Arial, sans-serif",
    "weight": "400",
    "size": "20px",
    "lineHeight": "30px",
    "letterSpacing": "-0.8px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "span",
        "text": "You said you wanted to eat more fruit.",
        "top": 9463,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Take an apple with you?",
        "top": 9501,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "You’ve already had two coffees today.",
        "top": 9381,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "Archivo",
    "fontStack": "Archivo, \"Archivo Fallback\", \"Helvetica Neue\", Arial, sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "normal",
    "letterSpacing": "-0.6px",
    "traits": "uppercase",
    "count": 5,
    "contexts": [
      {
        "tag": "dt",
        "text": "Models",
        "top": 2818,
        "property": "font"
      },
      {
        "tag": "button",
        "text": "GPU",
        "top": 2338,
        "property": "font"
      },
      {
        "tag": "button",
        "text": "CPU",
        "top": 2887,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "Archivo",
    "fontStack": "Archivo, \"Archivo Fallback\", \"Helvetica Neue\", Arial, sans-serif",
    "weight": "300",
    "size": "44px",
    "lineHeight": "44px",
    "letterSpacing": "-1.8px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "The personal AI computer",
        "top": 834,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "The personal AI computer",
        "top": 834,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-21",
    "family": "Archivo Narrow",
    "fontStack": "\"Archivo Narrow\", \"Archivo Narrow Fallback\", \"Arial Narrow\", \"Helvetica Neue\", sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "16px",
    "letterSpacing": "-0.6px",
    "traits": "uppercase",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "Wi-Fi",
        "top": 10890,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Bluetooth",
        "top": 10982,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-22",
    "family": "Archivo Narrow",
    "fontStack": "\"Archivo Narrow\", \"Archivo Narrow Fallback\", \"Arial Narrow\", \"Helvetica Neue\", sans-serif",
    "weight": "400",
    "size": "28px",
    "lineHeight": "28px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "RESERVE FOR BATCH 2",
        "top": 883,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-23",
    "family": "Archivo Narrow",
    "fontStack": "\"Archivo Narrow\", \"Archivo Narrow Fallback\", \"Arial Narrow\", \"Helvetica Neue\", sans-serif",
    "weight": "400",
    "size": "20px",
    "lineHeight": "normal",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Batch 1 Sold Out",
        "top": 853,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-24",
    "family": "Archivo",
    "fontStack": "Archivo, \"Archivo Fallback\", \"Helvetica Neue\", Arial, sans-serif",
    "weight": "400",
    "size": "20px",
    "lineHeight": "30px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Inspecting kitchen area...",
        "top": 8954,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-25",
    "family": "Archivo Narrow",
    "fontStack": "\"Archivo Narrow\", \"Archivo Narrow Fallback\", sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "21px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "01 / 04",
        "top": 1864,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-26",
    "family": "Archivo Narrow",
    "fontStack": "\"Archivo Narrow\", \"Archivo Narrow Fallback\", \"Arial Narrow\", \"Helvetica Neue\", sans-serif",
    "weight": "400",
    "size": "26px",
    "lineHeight": "26px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "order now",
        "top": 12473,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-27",
    "family": "Archivo Narrow",
    "fontStack": "\"Archivo Narrow\", \"Archivo Narrow Fallback\", sans-serif",
    "weight": "400",
    "size": "20px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "View Core",
        "top": 1623,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-28",
    "family": "Archivo Narrow",
    "fontStack": "\"Archivo Narrow\", \"Archivo Narrow Fallback\", \"Arial Narrow\", \"Helvetica Neue\", sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "14px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "Ghost launches Core: watch video now",
        "top": 0,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-29",
    "family": "Archivo Narrow",
    "fontStack": "\"Archivo Narrow\", \"Archivo Narrow Fallback\", \"Arial Narrow\", \"Helvetica Neue\", sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "21px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "button",
        "text": "Analytics preferences",
        "top": 15999,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 12,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 239,
        "property": "svg-fill"
      },
      {
        "tag": "section",
        "text": "Intelligence stays yours on Core.Intelligence stays yours on Core.Everything you do with Core is run",
        "top": 5560,
        "property": "background"
      },
      {
        "tag": "g",
        "text": "",
        "top": 11003,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#00050A",
    "alpha": 1,
    "cssValue": "rgb(0, 5, 10)",
    "count": 163,
    "contexts": [
      {
        "tag": "main",
        "text": "Ghost launches Core: watch video nowAboutPrivacyOrder NowOrder NowCOREThe personal AI computerThe pe",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "The personal AI computer",
        "top": 834,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#E2E0DF",
    "alpha": 1,
    "cssValue": "rgb(226, 224, 223)",
    "count": 3,
    "contexts": [
      {
        "tag": "section",
        "text": "Intelligenceyou own.Core is a personal AI computer that runs models entirely on device. It connects ",
        "top": 1000,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#F5F5F5",
    "alpha": 1,
    "cssValue": "rgb(245, 245, 245)",
    "count": 1,
    "contexts": [
      {
        "tag": "body",
        "text": "Ghost launches Core: watch video nowAboutPrivacyOrder NowOrder NowCOREThe personal AI computerThe pe",
        "top": 0,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#EAE9E7",
    "alpha": 1,
    "cssValue": "rgb(234, 233, 231)",
    "count": 1,
    "contexts": [
      {
        "tag": "section",
        "text": "CoreCCOORREEThe personal AI computerThe personal AI computerNo subscriptionEntirely on deviceContinu",
        "top": 0,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#FF963C",
    "alpha": 1,
    "cssValue": "rgb(255, 150, 60)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 7155,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#686868",
    "alpha": 1,
    "cssValue": "rgb(104, 104, 104)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 0,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#006DDF",
    "alpha": 1,
    "cssValue": "rgb(0, 109, 223)",
    "count": 34,
    "contexts": [
      {
        "tag": "li",
        "text": "No subscription",
        "top": 902,
        "property": "border"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 910,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": 912,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 25,
    "contexts": [
      {
        "tag": "a",
        "text": "Ghost launches Core: watch video now",
        "top": 0,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "RESERVE FOR BATCH 2",
        "top": 883,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "Higher recovery score than usual.",
        "top": 7385,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#D5E9FF",
    "alpha": 0.5019607843137255,
    "cssValue": "rgba(214, 234, 255, 0.5)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 5880,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#00060A",
    "alpha": 0.7019607843137254,
    "cssValue": "rgba(0, 5, 10, 0.7)",
    "count": 16,
    "contexts": [
      {
        "tag": "p",
        "text": "Running low on groceries.",
        "top": 7400,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "X",
        "top": 15391,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#7BC5FF",
    "alpha": 1,
    "cssValue": "rgb(123, 197, 255)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 685,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#B4E5FF",
    "alpha": 1,
    "cssValue": "rgb(180, 229, 255)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 685,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#F2F5F8",
    "alpha": 1,
    "cssValue": "rgb(242, 245, 248)",
    "count": 11,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 10906,
        "property": "svg-stroke"
      },
      {
        "tag": "div",
        "text": "Wi-Fi",
        "top": 10890,
        "property": "text"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 10896,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#D6EAFF",
    "alpha": 1,
    "cssValue": "rgb(214, 234, 255)",
    "count": 17,
    "contexts": [
      {
        "tag": "a",
        "text": "About",
        "top": 54,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Core",
        "top": 116,
        "property": "text"
      },
      {
        "tag": "path",
        "text": "",
        "top": 1640,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#FFFFFF",
    "alpha": 0.6980392156862745,
    "cssValue": "oklab(0.999994 0.0000455677 0.0000200868 / 0.7)",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "Everything you do with Core is run locally using models on-device. No data ever leaves your home, an",
        "top": 5812,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#000509",
    "alpha": 0.7490196078431373,
    "cssValue": "rgba(0, 5, 10, 0.75)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Core is a personal AI computer that runs models entirely on device. It connects to your apps, files,",
        "top": 1462,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#FF5517",
    "alpha": 1,
    "cssValue": "rgb(255, 85, 23)",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "Ghost launches Core: watch video now",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "a",
        "text": "Order Now",
        "top": 54,
        "property": "text"
      },
      {
        "tag": "dt",
        "text": "Models",
        "top": 2818,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-19",
    "hex": "#006CE2",
    "alpha": 0.10196078431372549,
    "cssValue": "rgba(0, 109, 223, 0.1)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "DigitalHomeHealth",
        "top": 11862,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-20",
    "hex": "#00060A",
    "alpha": 0.5019607843137255,
    "cssValue": "rgba(0, 5, 10, 0.5)",
    "count": 20,
    "contexts": [
      {
        "tag": "button",
        "text": "GPU",
        "top": 2338,
        "property": "text"
      },
      {
        "tag": "button",
        "text": "GPU",
        "top": 2338,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-21",
    "hex": "#F5F5F5",
    "alpha": 0.5019607843137255,
    "cssValue": "rgba(245, 245, 245, 0.5)",
    "count": 4,
    "contexts": [
      {
        "tag": "button",
        "text": "GPU",
        "top": 2338,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-22",
    "hex": "#FF4000",
    "alpha": 1,
    "cssValue": "rgb(255, 64, 0)",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "Batch 1 Sold Out",
        "top": 853,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "Batch 1 Sold Out",
        "top": 853,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-23",
    "hex": "#007DFF",
    "alpha": 1,
    "cssValue": "rgb(0, 125, 255)",
    "count": 2,
    "contexts": [
      {
        "tag": "a",
        "text": "View Core",
        "top": 1623,
        "property": "control-background"
      },
      {
        "tag": "span",
        "text": "",
        "top": 1872,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-24",
    "hex": "#FFFFFF",
    "alpha": 0.25098039215686274,
    "cssValue": "oklab(0.999994 0.0000455678 0.0000200868 / 0.25)",
    "count": 24,
    "contexts": [
      {
        "tag": "div",
        "text": "Higher recovery score than usual.",
        "top": 7376,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-25",
    "hex": "#F5F5F5",
    "alpha": 0.6,
    "cssValue": "rgba(245, 245, 245, 0.6)",
    "count": 7,
    "contexts": [
      {
        "tag": "li",
        "text": "NVIDIA RTX PRO 4000 Blackwell SFF Edition",
        "top": 2338,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-26",
    "hex": "#979A9E",
    "alpha": 1,
    "cssValue": "rgb(151, 154, 158)",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Local intelligence",
        "top": 6410,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-27",
    "hex": "#000A0A",
    "alpha": 0.10196078431372549,
    "cssValue": "rgba(0, 5, 10, 0.1)",
    "count": 12,
    "contexts": [
      {
        "tag": "div",
        "text": "Running low on groceries.",
        "top": 7391,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-28",
    "hex": "#D0D3D6",
    "alpha": 1,
    "cssValue": "rgb(208, 211, 214)",
    "count": 12,
    "contexts": [
      {
        "tag": "span",
        "text": "Local intelligence",
        "top": 6402,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-29",
    "hex": "#000000",
    "alpha": 0.6,
    "cssValue": "oklab(0 0 0 / 0.6)",
    "count": 1,
    "contexts": [
      {
        "tag": "button",
        "text": "Analytics preferences",
        "top": 15999,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-30",
    "hex": "#00070A",
    "alpha": 0.30196078431372547,
    "cssValue": "rgba(0, 5, 10, 0.3)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "© ghost 2026",
        "top": 15999,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-31",
    "hex": "#006CDF",
    "alpha": 0.6,
    "cssValue": "rgba(0, 109, 223, 0.6)",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "Home",
        "top": 11874,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-32",
    "hex": "#000509",
    "alpha": 0.5490196078431373,
    "cssValue": "rgba(0, 5, 10, 0.55)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "01 / 04",
        "top": 1864,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-33",
    "hex": "#BAEAFF",
    "alpha": 1,
    "cssValue": "rgb(186, 234, 255)",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 9473,
        "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: Generous vertical spacing driven by scroll-linked animation pacing rather than fixed CSS margins. Sections are often full-viewport height.
- Corner style: Sharp, square corners for structural elements and UI outlines, reflecting the industrial design of the hardware.
- Radius: 0px or minimal radius on interactive elements, maintaining a crisp, technical look.
- Borders: Thin, 1px solid borders (often translucent white or light blue) used to frame features, specs, and create 'blueprint' grid patterns.
- Buttons: Solid color fills (blue) for primary CTAs, with thin outlines for secondary actions or informative labels. Text is typically uppercase Archivo Narrow.
- Content width: Variable; mixes centered single-column layouts for narrative with full-width immersive scenes and complex multi-column layouts for technical specs.
- Density: Low density overall, maximizing negative space to focus attention on the 3D models and large typography.
- Evidence: Visual inspection of layout structure, button treatments (color-8, color-23), and border applications.

## Sections

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

1. **Hero — Opening screen** (About)
   Opening hero composition from About, organized around “Opening screen”.
   Capture: 1440×1000px; page bounds 0–1000px of 2776px; source section ID: `1dae3820-fd95-42e2-bbd5-89b1e6cc09bb`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/abba4b583ae9b376dc14ac04309b8414a43e13f753cb1d0a5ec6c069424438c8/section_crop-1dae3820-2026-10-07T06-50-48-304Z.webp
   SECTION.md v3.2: `1dae3820-fd95-42e2-bbd5-89b1e6cc09bb` (deterministic evidence; editorial review pending)
2. **Hero — Core Personal AI Computer Launch Hero** (Home)
   AI suggestion (98% confidence): Complete launch hero with navigation, dramatic product imagery, positioning statement, benefit badges, pricing, availability status, and a prominent reservation CTA.
   Capture: 1440×1014px; page bounds 0–1014px of 16030px; source section ID: `e43e8d50-68d5-439c-aa23-93314db6450c`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/3a01f100c1942f7c55ae0438bbd7bafe7ab1c1d5c69ce8ba92ed68605abc9a9f/e43e8d50-68d5-439c-aa23-93314db6450c.webp
   SECTION.md v3.2: `e43e8d50-68d5-439c-aa23-93314db6450c` (deterministic evidence; editorial review pending)
3. **Features — Inside the Core** (Home)
   Reusable feature composition from Home, organized around “Inside the Core”.
   Capture: 1440×3560px; page bounds 2000–5560px of 16030px; source section ID: `43b9d3c1-7fec-47d5-b9e8-9c31572a568a`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/54522bd6e95a19ea5d47b5ce129a57a16c6905555b13e64a2be00ce0c4f73714/section_crop-43b9d3c1-2026-10-07T06-45-38-404Z.webp
   SECTION.md v3.2: `43b9d3c1-7fec-47d5-b9e8-9c31572a568a` (deterministic evidence; editorial review pending)
4. **Features — Context that builds over time.** (Home)
   Reusable feature composition from Home, organized around “Context that builds over time.”.
   Capture: 1440×1600px; page bounds 7160–8760px of 16030px; source section ID: `58f0d454-dab2-4dc4-9e5b-e6265e703f31`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/53d6800f25a53bf26a397f110a10b657d93db33798597e58ac914c3cee9ddf8f/section_crop-58f0d454-2026-10-07T06-45-41-518Z.webp
   SECTION.md v3.2: `58f0d454-dab2-4dc4-9e5b-e6265e703f31` (deterministic evidence; editorial review pending)
5. **Features — Core doesn’t wait to be asked.** (Home)
   Reusable feature composition from Home, organized around “Core doesn’t wait to be asked.”.
   Capture: 1440×1800px; page bounds 8760–10560px of 16030px; source section ID: `149deb37-99f7-44c1-aeec-9686902ec261`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/09b64fb88426d594f5059134ca3df1b7b11ebab033d8f28fd9c7d95f491f73e9/section_crop-149deb37-2026-10-07T06-45-42-949Z.webp
   SECTION.md v3.2: `149deb37-99f7-44c1-aeec-9686902ec261` (deterministic evidence; editorial review pending)
6. **Features — Own your intelligence.** (Home)
   Reusable feature composition from Home, organized around “Own your intelligence.”.
   Capture: 1440×3656px; page bounds 11688–15344px of 16030px; source section ID: `849e173c-b10a-40c1-bd1f-e408647b65e0`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/182badd8935d0a80e9701cf165f2bf0fdce891f73ed7aa71b75d259897956c87/section_crop-849e173c-2026-10-07T06-45-45-809Z.webp
   SECTION.md v3.2: `849e173c-b10a-40c1-bd1f-e408647b65e0` (deterministic evidence; editorial review pending)
7. **Editorial — Ghost Builds Computers Manifesto** (About)
   AI suggestion (94% confidence): Complete long-form brand manifesto with a clear heading, structured narrative, central product visual, and framed editorial treatment.
   Capture: 1440×1466px; page bounds 422–1888px of 2776px; source section ID: `0b1d8861-74b4-4b01-8ab4-d66bcee4d589`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/3b0cbf012070242df53590cb98e20cff2865be487e8eee899e1b405d629d004a/0b1d8861-74b4-4b01-8ab4-d66bcee4d589.webp
   SECTION.md v3.2: `0b1d8861-74b4-4b01-8ab4-d66bcee4d589` (deterministic evidence; editorial review pending)
8. **Features — Intelligence You Own Product Feature** (Home)
   AI suggestion (91% confidence): Self-contained split-layout feature section pairing an ownership and on-device AI message with supporting copy, CTA, and a polished product-image carousel.
   Capture: 1440×1014px; page bounds 1014–2028px of 16030px; source section ID: `c3a0a5c4-0bb9-4f5d-a975-4bb5c8e2e25f`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/233215c93bedae554fad559f7f03a3bcb30f70da4a3e606606fb383ad62b81ac/c3a0a5c4-0bb9-4f5d-a975-4bb5c8e2e25f.webp
   SECTION.md v3.2: `c3a0a5c4-0bb9-4f5d-a975-4bb5c8e2e25f` (deterministic evidence; editorial review pending)
9. **Footer — Monumental Ghost Footer** (About)
   AI suggestion (97% confidence): Complete, distinctive footer combining utility links, legal details, and an oversized embossed Ghost wordmark.
   Capture: 1440×686px; page bounds 2090–2776px of 2776px; source section ID: `99bc669f-fa37-4959-b28b-66f7aafbe8aa`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/27172caaa0e66a73a4e2730bd4a51e01cc7915597ea9bf1a6173ccd4535154f0/99bc669f-fa37-4959-b28b-66f7aafbe8aa.webp
   SECTION.md v3.2: `99bc669f-fa37-4959-b28b-66f7aafbe8aa` (deterministic evidence; editorial review pending)
10. **Features — Cross-Device Compatibility** (Home)
   AI suggestion (96% confidence): Complete dark showcase connecting a central device to laptop and phone through Wi-Fi and Bluetooth, with a clear compatibility heading and distinct section boundaries.
   Capture: 1440×1131px; page bounds 10559–11690px of 16030px; source section ID: `fac026a4-e638-489f-b268-4075cb7c7bd3`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/1cbbfddbd443b8b164e5a7332d840be8964722252d72dfc2229a4a0f16a52f32/fac026a4-e638-489f-b268-4075cb7c7bd3.webp
   SECTION.md v3.2: `fac026a4-e638-489f-b268-4075cb7c7bd3` (deterministic evidence; editorial review pending)
11. **Feature Card — Digital App Context Capture** (Home)
   AI suggestion (86% confidence): Self-contained capability panel with category tabs, a central product visual, surrounding everyday app icons, and the concluding statement about capturing app context.
   Capture: 1440×990px; page bounds 11690–12680px of 16030px; source section ID: `fcdec08b-ec43-4ea6-9823-0f8e74988bae`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/56a25616fda63793eb0405ce2ad60d8b0095890080870618970e891a6bc453f3/fcdec08b-ec43-4ea6-9823-0f8e74988bae.webp
   SECTION.md v3.2: `fcdec08b-ec43-4ea6-9823-0f8e74988bae` (deterministic evidence; editorial review pending)
12. **CTA — Own Your Intelligence Order CTA** (Home)
   AI suggestion (98% confidence): Complete, self-contained conversion section with a bold dark-to-color gradient, centered product render, concise headline, and prominent “ORDER NOW” button.
   Capture: 1440×849px; page bounds 14503–15352px of 16030px; source section ID: `c876ab2a-fe11-4072-b82f-64fc0380c32d`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/40031a3f558a01890995ec8a17aeb40e26389f129a405b7a72a6e9d1eee5aae1/c876ab2a-fe11-4072-b82f-64fc0380c32d.webp
   SECTION.md v3.2: `c876ab2a-fe11-4072-b82f-64fc0380c32d` (deterministic evidence; editorial review pending)
13. **Footer — Oversized embossed Ghost footer** (Home)
   AI suggestion (88% confidence): Complete page-ending footer with a distinctive full-bleed embossed wordmark, restrained copyright text, and analytics preference link; the oversized cropped typography is an intentional, reusable visual treatment.
   Capture: 1440×430px; page bounds 15600–16030px of 16030px; source section ID: `a6175fc4-5f9d-4f06-8003-b6226e94c351`; image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/2926c51df28855e1f71b8649bc96d107eefe91c43d0b0930f163b645d8c0f7f0/a6175fc4-5f9d-4f06-8003-b6226e94c351.webp
   SECTION.md v3.2: `a6175fc4-5f9d-4f06-8003-b6226e94c351` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/7c8eb985cdc5c00373f9a505783243ff2ca80d5da41a51b35e8d19a33ccdc224/desktop_full-d1287dfd-2026-10-07T06-45-25-819Z.webp
- Mobile screenshot: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/d584480ce8bce212efa8b75612ae9b60cbfff23291655db4ef27982efc3c8da1/mobile_full-d1287dfd-2026-10-07T06-46-29-069Z.webp
- Open Graph image: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/f45e63d86e05abbe4ca73fe1749ffc7a62b351257e6a76d6122fef6fec33c759/og_image-d1287dfd-2026-10-07T06-45-35-205Z.webp
- Full-page video: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/6c323cc2c034624828fac18dbf982001c71935795b375d3226dd1b006ecd447e/motion-1791357049706.mp4
- Video poster: https://pub-4ea77d2e205a435d8873fdff4115da85.r2.dev/library/17f68e95af10f793ee36ceefe0962372973a0bac1b3d2fa2295aaf7dbe6f4dd5/motion-poster-1791357049706.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
- Outline Button
- Floating Product Card
- Stat Block
- Badge
- Footer
- Scroll Linked 3D Model
- Exploded Schematic View
- Contextual Background Transition
- Floating Ecosystem Icons

## Quality rubric

Overall: 57.9/100 (Competent)
Evidence coverage: 100%
Judge tier: Good
Verdict: Ghost AI's site is a well-executed example of the now-common scroll-driven hardware-reveal microsite: a single 3D product model persists through explosion, spec tooltips, lighting changes, and ecosystem context, tied together by disciplined typography and a restrained black/white/blue palette. The content-to-visual coupling (specs on parts, scenario text on lifestyle scenes) is handled with care, and the motion sustains a genuine sequence rather than a one-off hero trick. What holds it back from a higher tier is that the format itself is a recognizable genre convention rather than a distinguishing idea, the section structure repeats the same template throughout, and at least one observed transition shows overlapping text that undercuts the otherwise clean choreography.

- Typography (15%): 61 — A single family (Archivo/Archivo Narrow) is used with a genuinely wide weight and size range—200wt 112px display down to 14px uppercase labels—creating a legible hierarchy that reads as intentional rather than default. Letter-spacing is tightened on large headlines (-3.6px at 64.8px) and loosened/normal on uppercase mono-style labels, a reasonable technical/display contrast. However the system stays within familiar 'Apple-hardware-launch' typographic conventions: oversized thin display word, tight tracking, uppercase micro-labels. No unusual pairing, custom numerals, or typographic risk-taking is evident.
- Color (10%): 59 — The palette is restrained and purposeful: near-black canvas (#00050A), white text, a single blue primary action color (#006DDF/#007DFF) reserved for CTAs and connectivity accents, and orange/red (#FF4000/#FF5517) isolated to urgency/alert states ('Sold Out', launch banner). Section backgrounds shift (dark studio, light gray hero, blue sky, warm kitchen) to match narrative content, which is coherent. But the core black/white/blue-accent formula is a standard premium-tech palette with little distinctive color identity beyond competent restraint.
- Layout (20%): 64 — The page sustains a coherent structural system across many sections: full-viewport scroll scenes for the 3D product, centered narrative blocks paired with side imagery, a multi-column spec grid with dt/dd pairs, and a tabbed ecosystem grid (Digital/Home/Health). Negative space is used consistently to foreground the product render across all sections, and alignment/grid logic (blueprint-style schematic backgrounds, consistent label chip styling) ties sections together. The footer's large embossed wordmark provides a considered close. The variety is still narrow—nearly every section is 'headline + paragraph + hero visual'—limiting structural inventiveness beyond the spec grid and tab components.
- Motion (20%): 63 — Motion is the organizing device of the page: a scroll-driven 3D model that explodes into components, tooltip reveals tied to scroll position, day/night lighting transitions in a room scene, floating ecosystem icons, and an embossed logo reveal at the footer, all confirmed reversible on scroll-up in the recording. This is a sustained, multi-moment scroll narrative rather than a single hero effect, which is a genuine strength. However all moments are variations on the same scroll-scrub mechanic (model state tied to scroll offset); there's no evidence of distinct interaction-driven motion (hover micro-feedback, cursor-based effects) or demonstrated easing/frame-rate quality beyond basic scroll-timeline behavior, and recording shows overlapping/competing label text at scene transitions (e.g., 'Context that builds over time' overlapping cloud labels at 22.5s).
- Originality (25%): 45 — The 3D-model-explodes-with-scroll-tooltip-callouts-and-contextual-lighting format has become a recognizable genre convention for premium hardware launch pages (seen across device-reveal sites in this category). Ghost AI executes the formula cleanly—schematic backgrounds, floating ecosystem icons, embossed footer logo—but none of these are hard-to-substitute ideas unique to this product; they are well-worn tropes of the 'Apple-style hardware microsite.' The tooltip/spec-overlay device and exploded view, while nicely built, are a direct genre convention rather than a novel contribution.
- Content (10%): 62 — Content and visual metaphor are tightly coupled: spec tooltips sit directly on the corresponding exploded component, lifestyle vignettes (room, kitchen) carry copy about 'continuous context' and 'proactive agent' synced to concrete scenario text ('You said you wanted to eat more fruit'), and ecosystem compatibility is shown via tabbed categories with matching device icons. This produces a legible narrative arc from hardware to intelligence to ecosystem. Some overlap/legibility issues in transition frames suggest the integration isn't flawlessly executed at every scroll position.

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

Curator review pending.

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