About the Glass template
Frosted glass card floats against saturated deep indigo in this Glassmorph template where transparency becomes luxury. The icy-blue glass against rich purple creates premium atmosphere—perfect for high-end SaaS, design tools, and brands with glass-smooth polish. Custom domains distinguish your glass-fronted storefront with Qubed Pro's premium tier.
What the demo shows
The live demo on this page launches Hollowlight, a made-up product we wrote to show the template with realistic copy: the headline reads “A diary that looks like a gallery” and the subhead says “Hollowlight turns your daily photos and a single line of text into a beautifully framed private journal worth revisiting.” 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 Glass, you replace Hollowlight with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Glass is a dark template: a dark indigo background (#1e1b4b), white type (#ffffff) and a light blue accent (#a5b4fc) on the join button, the countdown and the referral highlights. Body text sits at a 16: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. The layout is hand-built for Glass and not shared with any other template in the catalogue.
- Background
- #1e1b4b
- Accent
- #a5b4fc
- Text
- #ffffff
How it compares
Within Glassmorph, Glass stands out for its light blue accent on a dark indigo ground. If it is not quite right, Frost Pane flips to a light pale sky blue canvas with a vivid blue accent and an animated glass bloom layer (“Translucent white, soft blue blobs”). Blur Card is also dark but leans on a vivid pink accent and an animated glass bloom layer (“Hot magenta blur behind ice card”). Ice Palace is also dark but leans on a light cyan accent and gem-like facets catching the light (“Cyan crystal, pale frost”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Glass in three steps
- Click “Use this template” and create a free account; Glass is preselected in the page wizard.
- Replace the Hollowlight 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.
