Vehicle Insurance & Finance Privacy Policy Website Template
Bonnet is a dark, immersive classic car insurance landing page built for agreed-value specialists. The hero fills ninety percent of the viewport with a single dramatic garage shot and a direct quote form. Spec Sheet scroll sections present each policy feature like a vehicle specification card, making the cost of a standard policy feel impossible to ignore.
by Rocket studio
Quick summary
Bonnet is a hero-dominant landing page template built for specialist classic car insurers. It combines a full-bleed garage photograph, a Spec Sheet scroll rhythm, and a focused direct-quote flow. Every section is designed to surface the gap between mainstream book-value payouts and the real agreed value of a collector's car.
Who this template is for
This template is built for classic car insurance providers who sell agreed-value policies directly to collectors. It suits B2C direct sales operations where the product is specialist and the buyer needs convincing before they commit.
- Specialist insurers offering agreed-value cover for collector and vintage vehicles
- Insurance brokers who need to convert policy switchers away from mainstream providers
- Niche underwriters serving show participants, weekend drivers, and barn-find estate holders
What problem this template solves
Standard insurance policies use book value or market algorithm figures when settling claims. For a collector, that gap between what the insurer pays and what the car is actually worth can run to tens of thousands of pounds. This template makes that gap visible and personal.
- It surfaces real claim scenarios where underpayment has cost collectors dearly
- It positions agreed-value cover as the only policy that honours the car's true worth
- It removes ambiguity by presenting each policy feature as a precise, verifiable specification
What you get with this template
The template delivers a complete single-page sales experience from hero to quote form. Every section is structured to build conviction progressively, ending in a quote capture that feels natural rather than abrupt.
- A full-bleed hero section with an overhead-lit garage photograph, a bold uppercase headline, and an embedded quote form
- Spec Sheet scroll sections presenting agreed value, spare parts coverage, laid-up cover, and rally transit protection as individual feature cards
- A sticky amber call-to-action bar and a secondary switcher path for visitors who already hold a policy
Feature list
A paragraph introducing what is built in this template: the features below reflect the core components described in the source brief, each designed to serve a specific conversion or storytelling purpose.
Full-Bleed Hero with Embedded Quote Form
The hero fills ninety percent of the viewport with a single low-angle garage photograph. A bold uppercase headline sits over the shadow area of the image. The quote form inside the hero captures vehicle year, make, model, agreed value estimate, annual mileage with a show-use toggle, and postcode.
Spec Sheet Policy Feature Cards
Each scroll section is built like a vehicle specification card. A bold stat or figure sits on the left; a short authoritative explanation sits on the right. The staggered scroll reveal builds tension as each feature makes the visitor aware of what their current policy is missing.
Claim Scenario Proof Section
This section presents real underpayment stories. It makes the cost of inaction concrete rather than theoretical, showing what happens when a standard policy meets a six-figure classic at claim time.
Sticky Amber Call-to-Action Bar
After the visitor scrolls past the hero, a slim amber bar locks to the top of the viewport. It keeps the primary call to action visible throughout the entire page experience without interrupting the reading flow.
Secondary Policy Comparison Path
A dedicated secondary call to action reads "Already Have a Policy? Compare in 60 Seconds." It gives switchers a clear, low-friction entry point without diluting the primary quote journey.
Scroll Reveal and Parallax Animations
The template uses parallax scrolling on the hero photograph, staggered reveal animations on the spec cards, and Intersection Observer-driven transitions throughout. These animations match the unhurried, deliberate pace of a collector examining a car at a show.
Page sections overview
| Section | Purpose |
|---|---|
| Hero full-bleed | Establish tone, display headline, capture initial quote intent |
| Spec Sheet cards | Present each policy feature as a precise, stat-led specification |
| Claim scenario proof | Show real underpayment consequences to motivate action |
| Full quote form | Capture agreed value, mileage preference, and postcode |
| Sticky call-to-action bar | Keep primary quote prompt visible throughout scroll |
| Switcher comparison path | Convert visitors already holding a mainstream policy |
| Footer | Provide supporting links in a clean horizontal layout |
Design & branding system
The visual identity follows a Dark Immersive theme. The palette evokes a private collection viewed after hours, with overhead spotlights throwing warm amber pools across dark sheet metal. Typography pairs Manrope for body and interface text with Fraunces for serif display headlines.
- Colour palette: deep garage black (#141414) as background, warm gunmetal (#3A3A3C) for card surfaces, polished amber (#D4910A) for accent lines and interactive highlights, parchment cream (#F0E6D2) for body text
- The hero image uses a single light source, one car, one overhead amber streak across a fender, with no composites or collages
- Headline typography is set in thin, wide-tracked uppercase to sit cleanly over the dark shadow area of the photograph
Mobile & speed optimization
The template is built desktop-first, reflecting the collector audience's preference for larger screens. Full mobile support is included so the experience holds at every breakpoint without losing the dark, atmospheric tone.
- Native CSS smooth scroll and Intersection Observer reveals keep animation performance consistent across devices
- The quote form collapses cleanly on smaller screens, preserving the show-use toggle and all input fields
- The sticky amber bar and secondary comparison path remain accessible on mobile without obscuring form inputs
How this template helps you convert
The page is structured to earn the quote click rather than demand it. Each section adds a layer of conviction before the visitor reaches the full form.
- The hero creates immediate emotional resonance with the target collector audience and places the quote form at the point of peak attention, before doubt sets in.
- The Spec Sheet sections build a progressive case for agreed-value cover by presenting each feature as a non-negotiable specification, making gaps in a standard policy feel measurable and personal.
- The claim scenario section delivers the final push by showing real-world consequences of underinsurance, so the primary call to action reads as protection rather than a sales ask.
Other information about this template
This template is localized for the UK market. All currency references use GBP (£), date formats follow DD/MM/YYYY convention, and the quote form captures a UK postcode as the final field. These details ensure the page feels native to British collector car owners from the first scroll.
- The template is categorized under Automotive and Transport, within the Vehicle Insurance and Finance subcategory, with a specific focus on the classic car insurance niche
- The Charcoal and Amber color system and Dark Immersive theme are consistent across the hero, spec cards, and call-to-action elements, creating a unified garage-after-hours atmosphere
- The footer follows a horizontal layout pattern suited to a single-page insurance landing page where supporting links need to stay present but unobtrusive




Theme
Dark Immersive
Creative direction
Spec Sheet
Color system
Charcoal & Amber
Style
Hero-Dominant (90/10)
Direction
Direct Sales
Page Sections
Full-bleed Hero with Quote Form
Spec Sheet Policy Feature Cards
Claim Scenario Proof Section
Sticky Amber Call-to-action Bar
Switcher Comparison Path
Parallax and Scroll Reveal Animations
Related questions
What type of insurance provider is this landing page template built for?
What does the quote form capture?
How does the page handle visitors who already hold a policy?
What animation and scroll features does the template include?
Is the template localized for the UK market?