About the Midnight Fireworks template
Midnight Fireworks paints a near-black navy sky (#020617) and sets off eight bursts at staggered positions and timings, so the canvas is never dark for long. Each bloom borrows its own colour from a seven-tone palette of pink, amber, cyan, violet, coral, lime and orange, and its particles fan outward before gravity pulls them down. A soft vignette holds the centre clear for the card, where a glowing mono pill reading "Liftoff, sequence armed" sits above a large display headline with an optional serif italic accent in bright yellow.
This one suits launches that are already about a moment: event ticketing, rooftop parties, festival apps, countdown drops. Switch on the optional launch countdown and the bursts become a literal build-up to your date. The signup form hands every subscriber a referral link, and the built-in leaderboard lets them climb the queue by sharing it. Once the page is live, which takes about a minute, the dashboard shows signups arriving in real time, and you can export the full list as CSV whenever you need it. Like every Qubed design, it is free on every plan.
What the demo shows
The live demo on this page launches Skyburst, a made-up product we wrote to show the template with realistic copy: the headline reads “New Year’s Eve, booked in one tap” and the subhead says “Skyburst finds rooftops, boats and hidden parties with a clear view of the fireworks in your city, then holds your spot.” Below it you see the signup form, a demo launch countdown and the share-to-climb referral panel exactly as a visitor would. Try the form: in the demo nothing is stored. When you use Midnight Fireworks, you replace Skyburst with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Midnight Fireworks is a dark template: a near-black blue background (#020617), sky blue-tinted white type (#f1f5f9) and an amber accent (#fde047) on the join button, the countdown and the referral highlights. Body text sits at a 18.4:1 contrast ratio against the background, comfortably past the WCAG AAA threshold. The background is deliberately still, so all of the attention goes to the headline and the form. The layout is hand-built for Midnight Fireworks and not shared with any other template in the catalogue.
- Background
- #020617
- Accent
- #fde047
- Text
- #f1f5f9
How it compares
Within Luxury, Midnight Fireworks stands out for its amber accent on a near-black blue ground. If it is not quite right, Golden Willow is also dark but leans on a vivid amber accent (“Weeping gold trails over a velvet sky”). Spark Strobe is also dark but leans on a light rose accent (“Rapid-fire sparkles. Champagne-bottle energy”). Peacock Rings is also dark but leans on a vivid cyan accent (“Concentric rings expand into the night”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Midnight Fireworks in three steps
- Click “Use this template” and create a free account; Midnight Fireworks is preselected in the page wizard.
- Replace the Skyburst demo copy with your product's headline and one-line pitch, pick a URL, and optionally set a launch date to show a real countdown.
- Publish and share the link. Every subscriber gets a personal referral link, and you watch signups and top referrers arrive in the dashboard.
