---
Site: KESTREL (kestrel.example.com), fictional lightweight smart glasses with a heads-up display (exploded view, HUD demo, no-button gesture, tint slider, lens swap). Single page, English.
Media: 4 photographs generated for this prompt at 2K (Higgsfield Soul 2.0 (soul_2)); all vector art is drawn in SVG/CSS inside the code. No video.
Fonts: Space Grotesk, Inter and JetBrains Mono, all from Google Fonts.
Compatible with: Claude, Cursor, Lovable, v0 (React 19 + TypeScript + Vite + Framer Motion 12, plain CSS).
Demo identity: brand, prices, figures, studios and any data are illustrative. Keep the concept-site line in the footer. Contacts use example.com; no form sends anything: submissions only become a local draft on screen. Keep the header comments of the components and the licences of the dependencies.
Text: all visible copy lives in src/content.ts; to translate, change only that file and index.html.
---

# KESTREL — smart glasses for cyclists, an exploded view driven by scroll

**What it is.** The product page of Kestrel, fictional lightweight smart glasses for cyclists and trail runners: a heads-up display in the corner of the right lens (speed, heading, the next turn), no buttons (a touch-free sensor at the hinge), swappable tinted lenses, 28 g. Single page, English (UK spelling), as if pre-orders opened next week. Brand, specs, prices and quotes are fictional and the footer says so.

**Why it exists as a product.** The site is sold as a prompt whose selling point is m