# Specs — Design Reference

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

## Design direction

The website employs a high-contrast, minimalist design with a strong focus on large-scale product photography and 3D models. The layout utilizes generous white space, clean typography, and a monochromatic palette to convey a premium, modern aesthetic.

## Classification

- Industry: other
- Site type: Store
- Business model: Shopping
- Styles: minimal, photographic, bold, product-centric
- Platform: Shopify
- Technology: Not identified

## Typography

- Heading: Specs Sans — weight 400; size 24px; line-height 28px; tracking normal; Regular (90% role confidence, computed values)
- Body: Specs Sans — weight 400; size 14px; line-height 20px; tracking normal; Regular (90% role confidence, computed values)

## Functional palette

- Canvas — canvas #000000: color-3: computed rgb(0, 0, 0); AI role: Black (rgb(0, 0, 0)) used as the primary background for the upper sections of the page. (95% role confidence, computed values)
- Text — text #FFFFFF: color-2: computed rgb(255, 255, 255); AI role: White (rgb(255, 255, 255)) used for primary text on dark backgrounds. (90% role confidence, computed values)
- Border — border #D9D9D9: color-9: computed rgb(217, 217, 217); AI role: Light grey (rgb(217, 217, 217)) used for the dividing lines in the FAQ accordion. (90% role confidence, computed values)
- Muted Text — muted text #595959: color-5: computed rgb(89, 89, 89); AI role: Grey (rgb(89, 89, 89)) used for secondary descriptions and FAQ content. (85% role confidence, computed values)

## Exact computed CSS inventory

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

### Font configurations

```json
[
  {
    "id": "font-1",
    "family": "Specs Sans",
    "fontStack": "\"Specs Sans\", Helvetica, Tahoma, Arial, sans-serif",
    "weight": "400",
    "size": "12px",
    "lineHeight": "16px",
    "letterSpacing": "0.4px",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "a",
        "text": "LENSES",
        "top": 32,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "VIRTUAL TRY-ON",
        "top": 32,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "GET ACCESS",
        "top": 32,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Specs Sans",
    "fontStack": "\"Specs Sans\", Helvetica, Tahoma, Arial, sans-serif",
    "weight": "400",
    "size": "24px",
    "lineHeight": "28px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "h2",
        "text": "Watch the SPECS Launch Event",
        "top": 1182,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Featured Lenses",
        "top": 1576,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Designed for real life",
        "top": 2888,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "Specs Sans",
    "fontStack": "\"Specs Sans\", Helvetica, Tahoma, Arial, sans-serif",
    "weight": "400",
    "size": "20px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Inside the frame",
        "top": 3958,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "Specs Sans",
    "fontStack": "\"Specs Sans\", Helvetica, Tahoma, Arial, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 38,
    "contexts": [
      {
        "tag": "p",
        "text": "CEO Evan Spiegel shares the first in-depth look at SPECS.",
        "top": 1210,
        "property": "font"
      },
      {
        "tag": "button",
        "text": "Step into the wizarding world",
        "top": 2410,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Experience iconic moments from the new Harry Potter HBO series.",
        "top": 2502,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "Specs Sans",
    "fontStack": "\"Specs Sans\", Helvetica, Tahoma, Arial, sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "See the big picture",
        "top": 4362,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Hear clearly and speak confidently",
        "top": 4362,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Feel the difference",
        "top": 4362,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Specs Sans",
    "fontStack": "\"Specs Sans\", Helvetica, Tahoma, Arial, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Discover new ways to work, learn, create, and immerse yourself in the world around you.",
        "top": 1620,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "SPECS bring computing into the world around you, so you can learn, work, and play while staying pres",
        "top": 2932,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Specs Sans",
    "fontStack": "\"Specs Sans\", Helvetica, Tahoma, Arial, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "See your world through a new Lens",
        "top": 908,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Pre-order now",
        "top": 932,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Specs Sans",
    "fontStack": "\"Specs Sans\", Helvetica, Tahoma, Arial, sans-serif",
    "weight": "500",
    "size": "12px",
    "lineHeight": "16px",
    "letterSpacing": "0.4px",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "span",
        "text": "EXPLORE LENS",
        "top": 2628,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "EXPLORE LENS",
        "top": 2628,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "EXPLORE LENS",
        "top": 2628,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Specs Sans",
    "fontStack": "\"Specs Sans\", Helvetica, Tahoma, Arial, sans-serif",
    "weight": "400",
    "size": "12px",
    "lineHeight": "16px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "SHOP",
        "top": 5454,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "EXPLORE",
        "top": 5542,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "SUPPORT",
        "top": 5690,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Specs Sans",
    "fontStack": "\"Specs Sans\", Helvetica, Tahoma, Arial, sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "20px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "WANT TO KNOW MORE?",
        "top": 4674,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "Arial",
    "fontStack": "Arial",
    "weight": "400",
    "size": "12px",
    "lineHeight": "16px",
    "letterSpacing": "0.4px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "button",
        "text": "MENU",
        "top": 32,
        "property": "font"
      },
      {
        "tag": "button",
        "text": "EN/USD",
        "top": 32,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "Specs Sans",
    "fontStack": "\"Specs Sans\", Helvetica, Tahoma, Arial, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "20px",
    "letterSpacing": "0.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "Watch Now",
        "top": 1283,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#000000",
    "alpha": 0.2,
    "cssValue": "rgba(0, 0, 0, 0.2)",
    "count": 9,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 0,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 29,
    "contexts": [
      {
        "tag": "button",
        "text": "MENU",
        "top": 32,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "LENSES",
        "top": 32,
        "property": "text"
      },
      {
        "tag": "svg",
        "text": "Specs",
        "top": 31,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 79,
    "contexts": [
      {
        "tag": "body",
        "text": "MENULENSESSpecsVIRTUAL TRY-ONEN/USDGET ACCESSWatch the SPECS Launch EventCEO Evan Spiegel shares the",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "section",
        "text": "",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 936,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#000000",
    "alpha": 0.050980392156862744,
    "cssValue": "rgba(0, 0, 0, 0.05)",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 4014,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#595959",
    "alpha": 1,
    "cssValue": "rgb(89, 89, 89)",
    "count": 24,
    "contexts": [
      {
        "tag": "p",
        "text": "Discover new ways to work, learn, create, and immerse yourself in the world around you.",
        "top": 1620,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "How do I pick the right size frame?",
        "top": 4762,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#F3F3F3",
    "alpha": 1,
    "cssValue": "rgb(243, 243, 243)",
    "count": 9,
    "contexts": [
      {
        "tag": "h2",
        "text": "Watch the SPECS Launch Event",
        "top": 1182,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "CEO Evan Spiegel shares the first in-depth look at SPECS.",
        "top": 1210,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Watch Now",
        "top": 1283,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#2A2A2A",
    "alpha": 0.6,
    "cssValue": "rgba(41, 41, 41, 0.6)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "See your world through a new LensPre-order now",
        "top": 884,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#FFFFFF",
    "alpha": 0.6,
    "cssValue": "rgba(255, 255, 255, 0.6)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Pre-order now",
        "top": 932,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#D9D9D9",
    "alpha": 1,
    "cssValue": "rgb(217, 217, 217)",
    "count": 8,
    "contexts": [
      {
        "tag": "details",
        "text": "How do I pick the right size frame?SPECS AR glasses come in two sizes: Narrow Fit (47mm) and Wide Fi",
        "top": 4746,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#FFFFFF",
    "alpha": 0.4,
    "cssValue": "rgba(255, 255, 255, 0.4)",
    "count": 3,
    "contexts": [
      {
        "tag": "circle",
        "text": "",
        "top": 939,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#FFFFFF",
    "alpha": 0.9215686274509803,
    "cssValue": "rgba(255, 255, 255, 0.92)",
    "count": 2,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 922,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 926,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#3A3E41",
    "alpha": 1,
    "cssValue": "rgb(58, 62, 65)",
    "count": 2,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 5896,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 5903,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#FFFFFF",
    "alpha": 0.9490196078431372,
    "cssValue": "rgba(255, 255, 255, 0.95)",
    "count": 2,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 947,
        "property": "svg-fill"
      }
    ]
  }
]
```

### Extraction limits

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

## Type, spacing, and shape language

- Spacing rhythm: Generous vertical spacing between distinct sections to allow the large imagery and 3D models to breathe.
- Corner style: Sharp, right-angled corners are used universally for images, buttons, and structural elements.
- Radius: 0px or none evident on primary structural containers and image masks.
- Borders: Thin, 1px solid hairline borders used in utility contexts like the FAQ accordion.
- Buttons: Minimalist outline buttons with sharp corners, utilizing thin borders and standard typography.
- Content width: Content is generally centered within a maximum width constraint, while hero images span full bleed.
- Density: Very low density, heavily prioritizing large visual elements over text density.
- Evidence: Observed via the structural layout, specific CSS values for borders (color-9), and the visual rendering of the elements.

## Sections

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

1. **Hero — SPECS Product Hero** (Home)
   AI suggestion (98% confidence): Complete full-width launch hero with integrated navigation, distinctive monochrome product portrait, carousel controls, and a clear pre-order prompt.
   Capture: 1440×1020px; page bounds 0–1020px of 5950px; source section ID: `80205afd-389c-491b-a025-f786da37305a`; image: https://media.designdetails.io/library/958c9037b169fd1ea618eab5bf6de5930d972a4cfe2dd25b537e209d96dbfd7f/80205afd-389c-491b-a025-f786da37305a.webp
   SECTION.md v3.2: `80205afd-389c-491b-a025-f786da37305a` (deterministic evidence; editorial review pending)
2. **Features — Watch the SPECS Launch Event** (Home)
   Reusable feature composition from Home, organized around “Watch the SPECS Launch Event”.
   Capture: 1440×432px; page bounds 1032–1464px of 5950px; source section ID: `863983f1-8f8b-4f01-8b01-f2894d9b2342`; image: https://media.designdetails.io/library/ee448df104ea06925a7c7a0bb63d8b48a1e04675c699b41862a0dd88d33bfe76/section_crop-863983f1-2026-10-11T21-58-53-955Z.webp
   SECTION.md v3.2: `863983f1-8f8b-4f01-8b01-f2894d9b2342` (deterministic evidence; editorial review pending)
3. **Features — Specs Features** (Home)
   Reusable feature composition from Home, organized around “Specs Features”.
   Capture: 1440×810px; page bounds 3020–3830px of 5950px; source section ID: `f583cfb1-cb4f-4d3f-b865-3af9bc79cb5e`; image: https://media.designdetails.io/library/1833e5f1ef8158e05ac16dbdcff6f34cf130f0b83ad98c7cb9ada455f63a9bd8/section_crop-f583cfb1-2026-10-11T21-58-55-756Z.webp
   SECTION.md v3.2: `f583cfb1-cb4f-4d3f-b865-3af9bc79cb5e` (deterministic evidence; editorial review pending)
4. **Features — Inside the frame** (Home)
   Reusable feature composition from Home, organized around “Inside the frame”.
   Capture: 1440×700px; page bounds 3830–4530px of 5950px; source section ID: `c946ac76-7f61-4f1e-8263-f75a95e718e9`; image: https://media.designdetails.io/library/37f8d19399820e67589f9ac440514bbcbddad4a4223bd4bb61b5a2dac03fe467/section_crop-c946ac76-2026-10-11T21-58-57-053Z.webp
   SECTION.md v3.2: `c946ac76-7f61-4f1e-8263-f75a95e718e9` (deterministic evidence; editorial review pending)
5. **Gallery — Featured Lenses Experience Gallery** (Home)
   AI suggestion (97% confidence): Self-contained showcase with heading, immersive lead visual, descriptive selected item, thumbnail navigation, and a concluding link to all Lens experiences.
   Capture: 1440×1287px; page bounds 1500–2787px of 5950px; source section ID: `08feddc3-a934-48bf-b1db-069cd96a321e`; image: https://media.designdetails.io/library/4273f01a3e2fab7b8e3c033b819c8eb31b26ad66ce58a348355709a10946caa6/08feddc3-a934-48bf-b1db-069cd96a321e.webp
   SECTION.md v3.2: `08feddc3-a934-48bf-b1db-069cd96a321e` (deterministic evidence; editorial review pending)
6. **Features — Designed for Real Life Product Features** (Home)
   AI suggestion (96% confidence): Complete product-focused section with its own heading, supporting copy, large detail image, and a finished three-column breakdown of the glasses’ display, audio, and frame design.
   Capture: 1440×1635px; page bounds 2873–4508px of 5950px; source section ID: `3c0bb4a1-32f1-48eb-bfbd-b9a5fcc0e63e`; image: https://media.designdetails.io/library/07b26805b1d6fe5191d5aa50ccaf87463cbbf640da6e9a5e76bd9abd9aba8a01/3c0bb4a1-32f1-48eb-bfbd-b9a5fcc0e63e.webp
   SECTION.md v3.2: `3c0bb4a1-32f1-48eb-bfbd-b9a5fcc0e63e` (deterministic evidence; editorial review pending)
7. **FAQ — SPECS Pre-Order FAQ** (Home)
   AI suggestion (98% confidence): Self-contained FAQ component with an eyebrow and title, eight accordion questions, and a concluding “See All FAQs” action.
   Capture: 1440×624px; page bounds 4661–5285px of 5950px; source section ID: `2b49e085-63b6-4f39-9356-72c50f993238`; image: https://media.designdetails.io/library/4c42fe9f9246589cb686fddfd24e8cee44d5ea62322c98dacaf352ebeeb94b66/2b49e085-63b6-4f39-9356-72c50f993238.webp
   SECTION.md v3.2: `2b49e085-63b6-4f39-9356-72c50f993238` (deterministic evidence; editorial review pending)
8. **Footer — Multi-column footer with launch updates signup** (Home)
   AI suggestion (97% confidence): Complete, substantial footer combining grouped navigation links, an email-updates conversion area, social icons, scroll-to-top control, and language/currency selector.
   Capture: 1440×502px; page bounds 5448–5950px of 5950px; source section ID: `ad097a38-c14d-4bd1-8ec2-c0952f62c69f`; image: https://media.designdetails.io/library/c394cf3de38a351b601966d731c515490e4c8b0e7f5079162284a2a0a2b88ebe/ad097a38-c14d-4bd1-8ec2-c0952f62c69f.webp
   SECTION.md v3.2: `ad097a38-c14d-4bd1-8ec2-c0952f62c69f` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/afbcef1b6da18479bb1c4b941f389ad08da715e5bb33f8864ed38f3564370982/desktop_full-cee2fb03-2026-10-11T21-58-45-301Z.webp
- Mobile screenshot: https://media.designdetails.io/library/ee07ead8186202ebea6f8bde004c24fe7599b3007c0c149cb1b948c4ef4d4a1e/mobile_full-cee2fb03-2026-10-11T21-59-30-898Z.webp
- Open Graph image: https://media.designdetails.io/library/e636a87a8072eafecc376aa9fc36f9b170728237c1f71fbf93ba1cf305e7b531/og_image-cee2fb03-2026-10-11T21-58-52-341Z.webp
- Full-page video: https://media.designdetails.io/library/ede5deabdd92b5d3083ccbe79253e2d6ec0839e0635a3c6286aef01d400529b4/motion-1791757605666.mp4
- Video poster: https://media.designdetails.io/library/1066795a734ea9950e55e15e04d950f361737f30b69f7b577e2f4fec0c991a4f/motion-poster-1791757605666.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
- Floating Product Card
- Video Frame
- Feature Collection
- FAQ Accordion
- Outline Button
- Footer
- Sticky Call To Action

## Quality rubric

Overall: 54.3/100 (Competent)
Evidence coverage: 100%
Judge tier: Competent
Verdict: A cleanly executed, highly conventional premium-tech product launch page: a disciplined monochrome palette, a legible single-family type system, and one genuine motion idea (a scroll-driven 3D model transition) are let down by an overall structure and component set that is almost entirely interchangeable with the standard Apple-style hardware launch template, keeping originality and distinctiveness low despite solid craft.

- Typography (15%): 60 — A single family (Specs Sans) is used consistently across a narrow but functional size range (12–24px) with sensible weight/letter-spacing shifts for nav labels vs. body vs. headings. It reads clean and legible but the hierarchy is shallow—headings top out at 24px/28px line-height, so there is little typographic drama or scale contrast to anchor sections.
- Color (10%): 58 — The palette is a disciplined black/white/grey system with a single warm-muted accent (#F3F3F3 text-on-black, #595959 secondary) that supports the premium-tech mood and keeps the product photography as the only source of color. Execution is clean and consistent, but the palette itself is an extremely conventional monochrome-tech formula with no distinguishing color decision beyond defaulting to black backgrounds.
- Layout (20%): 60 — Sections follow a clear, generously spaced rhythm (hero, video, feature carousel, product close-up, feature triplet, FAQ, footer) with consistent max-width centering and full-bleed imagery breaks. The floating pre-order card and FAQ accordion with hairline dividers are competently built. However, the overall structure—nav bar, full-bleed hero with floating CTA, feature grid, accordion FAQ, categorized footer—is a highly standardized 'premium product launch' template with no distinctive grid logic or spatial surprise beyond expected proportions.
- Motion (20%): 62 — The scroll-linked 3D glasses model that scales and translates from center to corner (and reverses on scroll-up) is the one substantive motion idea on the page, tying the hero visual to the following content in a continuous way. This is a real, deliberate scroll-driven system rather than isolated fades, but it closely follows an established pattern (seen in Apple/Humane-style product sites) and the evidence only documents this single mechanism plus a carousel crossfade in the lens-feature module; no evidence of additional choreography (staggered reveals, micro-interactions, hover states) across the rest of the page.
- Originality (25%): 38 — Every component—fixed nav with MENU/logo/utility links, full-bleed grayscale hero with floating pre-order card, CEO launch-video band, feature image grid, FAQ accordion with chev易rons, multi-column footer—matches the now-ubiquitous 'premium hardware launch' template popularized by Apple and widely copied by wearables/AR startups. The scroll-scaling 3D model, while effortful, is itself a well-worn device in this exact product category (smart glasses/AR launches). Nothing observed introduces an idea that couldn't be substituted with a stock template for a competing device.
- Content (10%): 56 — Copy and imagery are paired sensibly—feature callouts ('See the big picture', 'Hear clearly and speak confidently', 'Feel the difference') sit directly under corresponding product-detail photography, and the launch-event video is introduced with a short explanatory line. This is competent, on-topic integration, but it is a straightforward caption-under-image pattern repeated across sections rather than content and layout being fused into a single communicative device.

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
- [ ] Functional palette
- [x] Normalized sections
- [x] Reusable components
- [x] Typography roles

## Curator notes

A grayscale fashion portrait fills the opening screen so the glasses read as a style object first, then a black band with the CEO keynote adds credibility before colour returns in the lens demo clips. Close-up product shots and a tidy FAQ accordion near the end let shoppers scan specs and answers without losing the calm, editorial mood.

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