About the Violet Pane template
Violet Pane translates the glassmorph trend into a soft, unfrosted aesthetic—the dark purple background reads like tinted glass catching twilight, while the softer lavender accent blooms against it without jarring. The frosted-pane metaphor works for SaaS products pitching elegance (design tools, productivity apps, creative platforms) and fits the Gen-Z audience that still finds depth-of-field sexy. Watch your conversion funnel with Qubed's real-time analytics, broken down by source and session.
What the demo shows
The live demo on this page launches Screenkin, a made-up product we wrote to show the template with realistic copy: the headline reads “Store screenshots without losing a weekend” and the subhead says “Drop in your app captures and Screenkin frames them in polished device mockups, localized captions included.” 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 Violet Pane, you replace Screenkin with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Violet Pane is a dark template: a dark indigo background (#1e1b4b), pale violet type (#e9d5ff) and a light violet accent (#a78bfa) on the join button, the countdown and the referral highlights. Body text sits at a 11.7: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 Violet Pane's own.
- Background
- #1e1b4b
- Accent
- #a78bfa
- Text
- #e9d5ff
How it compares
Within Glassmorph, Violet Pane stands out for its light violet accent on a dark indigo ground. If it is not quite right, Lime Glass is also dark but leans on a vivid green accent and an animated glass bloom layer (“Acid green through frosted card”). Aqua Pane is also dark but leans on a vivid cyan accent and underwater light caustics (“Pool blue, pebbled glass”). Blush Glass flips to a light pink-tinted white canvas with a light pink accent and soft out-of-focus bokeh lights (“Powder pink, dewy pane”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Violet Pane in three steps
- Click “Use this template” and create a free account; Violet Pane is preselected in the page wizard.
- Replace the Screenkin 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.
