About the Quartz Pane template
Quartz Pane summons the translucent dreamy feel of glass with lavender-tinted backgrounds and soft purple accents. The glassmorph aesthetic creates visual depth while remaining minimalist. Best for product launches or tools emphasizing clarity and approachability. Real-time page insights reveal which sections keep visitors scrolling longest.
What the demo shows
The live demo on this page launches Hushdraft, a made-up product we wrote to show the template with realistic copy: the headline reads “Write the first draft in quiet” and the subhead says “Hushdraft is a calm writing app with no formatting bar, no notifications, and a soft chime when you hit your goal.” 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 Quartz Pane, you replace Hushdraft with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Quartz Pane is a light template: an indigo-tinted white background (#f5f3ff), dark indigo type (#1e1b4b) and a light violet accent (#a78bfa) on the join button, the countdown and the referral highlights. Body text sits at a 14.6:1 contrast ratio against the background, comfortably past the WCAG AAA threshold. Behind the copy the page animates with an animated glass bloom layer, clearly visible; 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 Quartz Pane's own.
- Background
- #f5f3ff
- Accent
- #a78bfa
- Text
- #1e1b4b
How it compares
Within Glassmorph, Quartz Pane stands out for its light violet accent on an indigo-tinted white ground. If it is not quite right, Gunmetal Glass flips to a dark charcoal canvas with a mid grey accent and falling rain streaks (“Steel-cold pane, dim”). Fuchsia Glass flips to a dark near-black pink canvas with a vivid purple accent and an animated glass bloom layer (“Hot fuchsia haze, frost”). Glacier Pane flips to a dark deep sky blue canvas with a vivid sky blue accent and gently falling snow (“Blue ice, slow drift”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Quartz Pane in three steps
- Click “Use this template” and create a free account; Quartz Pane is preselected in the page wizard.
- Replace the Hushdraft 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.
