About the Blur Card template
A hot magenta blur glows mysteriously behind a frosted glass card, creating visual depth through pure color saturation and transparency layering. The pink-tinted text glows softly against this neon backdrop, evoking modern digital luxury and high-tech sophistication. This glassmorphic effect creates a premium, contemporary aesthetic that stands out. Your referral program gains visibility through a built-in leaderboard that turns top invites into social proof, encouraging viral sharing.
What the demo shows
The live demo on this page launches Hexmoda, a made-up product we wrote to show the template with realistic copy: the headline reads “Runway shows you can walk through” and the subhead says “A digital fashion house dropping wearable virtual collections, shown in live runway rooms you step into with a headset.” 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 Blur Card, you replace Hexmoda with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Blur Card is a dark template: a deep violet background (#1a0a2e), pale pink type (#fce7f3) and a vivid pink accent (#ec4899) on the join button, the countdown and the referral highlights. Body text sits at a 15.9:1 contrast ratio against the background, comfortably past the WCAG AAA threshold. Behind the copy the page animates with an animated glass bloom layer, front and centre; visitors who ask their device for reduced motion get a still frame instead. Structurally it uses the Glass layout, shared with 82 other templates, but the palette, the motion and the demo copy are Blur Card's own.
- Background
- #1a0a2e
- Accent
- #ec4899
- Text
- #fce7f3
How it compares
Within Glassmorph, Blur Card stands out for its vivid pink accent on a deep violet ground. If it is not quite right, Ice Palace is also dark but leans on a light cyan accent and gem-like facets catching the light (“Cyan crystal, pale frost”). Vapor Glass is also dark but leans on a light cyan accent and low rolling fog (“Pink/teal vapor, smoky edges”). Neon Glass is also dark but leans on a light emerald accent and an animated glass bloom layer (“Electric green behind frosted dark”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Blur Card in three steps
- Click “Use this template” and create a free account; Blur Card is preselected in the page wizard.
- Replace the Hexmoda 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.
