Kestrel One

A launch page for a keyboard that explodes into parts as you scroll.

The brief

Design the launch page for Kestrel One, a premium mechanical keyboard. The brand kit and spec sheet are in `./input/`. The hero is a keyboard you model procedurally in three.js that explodes into its layers (keycaps, switches, plate, PCB, case) as I scroll, then reassembles. Include everything a real product page needs: features, specs, an interactive typing-sound demo, pricing, FAQ and a footer, all fully responsive. Commit to a distinctive, named art direction that fits the brand, and avoid generic SaaS styling.