Automotive Showcase - Spec Cinema Template

A model-page showcase for EV and automotive brands that treats the spec sheet as cinema. Five panes in 2:1: a low-key studio reveal of the car, two black title cards where giant teal numerals roll from zero, a "VELOCITY" wordmark sliced through by the car's body line, and a cockpit close. Near-black throughout, Archivo Black for the model name, and one electric teal accent spent only where it counts.

#What Makes This Template Stand Out

The spec title cards are the signature. Pane 2 clears the photography away entirely and gives the screen to "3.1" - a giant Inter Tight numeral in electric teal rolling up from zero under a small "0-100 KM/H" mono label, with the line "Quicker than your excuse." and a wheel detail tucked in the corner. Pane 3 repeats the skeleton with "612" and "KM RANGE" over "One charge. One coastline." and the open charging port glowing teal in the corner. Nothing else moves while the numbers roll, which is exactly why they land.

The split-word pane slices the model through its own name. "VELOCITY" runs across the canvas in 260px Archivo Black, cut mid-height by a thin panoramic strip of the car's side profile at speed - motion-blurred background, body line sharp - with teal hairline rules above and below the strip. The car literally becomes the crossbar of its own typography.

The accent discipline holds the whole thing together. Teal appears in exactly three places: the rolling numerals, the rim light tracing the body in the reveal photography, and the outlined "Configure yours" pill. Everything else is asphalt black and off-white, so the reveal pane ("EOS GT" at 240px over "THE GRAND TOURER, ELECTRIC.") and the cockpit close ("BUILT AROUND YOU.") read as frames from one continuous night shoot.

• Near-black night-road palette with Archivo Black display type and one electric teal accent
• Number-roll spec title cards: 3.1 for 0-100 KM/H and 612 for KM RANGE, rolling from zero
• Split-word VELOCITY pane sliced mid-height by a panoramic strip of the car at speed
• Full-bleed cinematic stills with slow drift, ready to swap for a background video loop
• Detail cutouts in the corners: turbine wheel on the acceleration card, glowing charge port on range
• 5-pane 2:1 format with a repeated "Configure yours" CTA, sized for model-page hero bands

#Who Should Use This Template

• EV and automotive marketers building a model page that delivers specs like title cards instead of a comparison table. The structure is the digital equivalent of a launch-film cutdown.
• E-bike, motorcycle, and mobility brands whose products live or die on two numbers. Swap the labels, keep the roll, and the same drama transfers at smaller wheel sizes.
• Dealers and importers who get manufacturer photography but no manufacturer web budget. Five panes of existing press shots plus your own spec numbers produce a showcase that looks commissioned.
• Agencies pitching automotive accounts that need a spec-cinema concept on screen this week. The demo content is a complete fictional grand tourer, so the swap list is photography and numbers.

#Best Use Cases

#Model Page Hero

Export to HTML, React, Vue, or Svelte and mount the showcase at the top of the model page. The 2:1 canvas is proportioned for a full-width hero band, autoplay walks visitors from reveal to specs to cockpit in about 25 seconds, and the two "Configure yours" pills wire straight into your configurator. The reveal pane accepts a background video loop with the still as poster.

#Launch Campaign Video

The title-card pacing was built to survive being filmed. Export to video and the number rolls, the letter-blur model name, and the VELOCITY slice become a ready-made teaser for YouTube pre-roll, Instagram, and in-dealership screens - one source file for the page and the campaign cut.

#Spec Reveal for Press and Events

When the embargo lifts, the spec cards are the asset. Run the slideshow full-screen behind a presenter at a launch event, or export the acceleration and range panes as stills for the press kit. Because the numerals are text, updating from preliminary to homologated figures takes seconds, not a design round.

#How to Customize This Template

1. Open PaneFlow and select "Automotive Showcase - Spec Cinema" from the template gallery
2. Replace the reveal photography on pane 1 with your own low-key studio shot, rename "EOS GT", and rewrite "THE GRAND TOURER, ELECTRIC."
3. Optionally upload a slow orbit video loop as the pane 1 background, keeping the still as its poster
4. Update the acceleration card: your 0-100 figure in the rolling numeral, the label, the one-liner, and the corner wheel cutout
5. Update the range card: your range numeral, the "One charge. One coastline." line, and the charging-port detail
6. On the VELOCITY pane, swap the panoramic side-profile strip for your car and change the giant word if your story is a different one
7. Replace the cockpit photo on the closing pane and rewrite "BUILT AROUND YOU."
8. Point both "Configure yours" pills at your configurator, then export to HTML, React, Vue, Svelte, or video

#Related Templates

• Luxury Product Hero - Dark Spotlight - the same dark single-product drama for non-automotive objects
• Watch PDP - Macro Luxe - spec-and-detail product worship at macro scale
• Stats Band - Number Roll Strip - the rolling-numeral language as a standalone metrics section
• Furniture Story - Interior Editorial - the warm editorial counterpart for telling one product's story

#Related Resources

• PaneFlow for Landing Pages - animated hero bands that export straight into your page code
• PaneFlow for Product Launches - reveals, spec drops, and launch-day assets from one file
• PaneFlow for Marketers - campaign-grade motion without a production retainer