Stead
Landing Page · Live site
Marque
Live site · Scroll-scrubbed video
A car subscription service where the scroll switches the headlights on, and the page is mostly bone and ink rather than another dark hero on a dark page.
- Works with
- Lovable · Bolt · Cursor · Claude
- Made by
- Kalix
Live concept site · Scroll-scrubbed video
Footage that depicts the product rather than decorating behind it: a car coming out of the dark, with the scroll as the switch.
Open the live siteWhat to try
- A 144-frame scrub with neighbouring frames blended, so the headlights rise smoothly rather than stepping
- A nav that inverts with the page: transparent over the black hero, bone with ink type past it
- Three plans as a radio group that drives the apply button
- An excluded column that names the mileage rate and the damage standard before anyone signs
What the prompt gives you
- A long-form build prompt written from the finished site, including why the clip is scrubbed rather than looped
- The light/dark ratio that stops a site reading as a template, and where to trigger the nav inversion
- Performance, accessibility and verification checklists used on the demo
Assets and dependencies
| Asset | How to get it | Licence |
|---|---|---|
| Car in a dark studio (13.9 s, 3840 × 2160, 60 fps) | Third-party stock supplied for this build; clips like it are on Pexels. A 12 s window is used. | Stock licence — source to be confirmed; not redistributed |
| seq/*.webp frame sequence | Exported at 12 fps in both crops with the included script; mostly-black footage compresses to almost nothing | Derived from the stock clip |
| Archivo, Inter | next/font/google | SIL Open Font License 1.1 |
Licences are listed as recorded by Kalix. Check them yourself before you ship a commercial project; this is not legal advice.
What you can change
- Any product that can emerge from dark
- Plans, mileage and what is excluded
- The accent, which is the only colour on the page
- Palette: black, bone, ink and one cobalt
