About the Plum Glass template
Plum Glass pushes the glassmorph envelope further into the ultra-dark end—background sits between midnight and plum wine, anchoring a bright magenta accent that feels like neon through ice. Card layouts blur softly in the background, evoking the bokeh of a frosted window at night. Fintech startups, luxury DTC brands, and privacy-focused apps thrive here. Upgrade to Pro and serve this template from your own vanity domain, making the entire experience feel like a direct, private conversation.
What the demo shows
The live demo on this page launches Plumline, a made-up product we wrote to show the template with realistic copy: the headline reads “Portfolio reviews from people who hire” and the subhead says “Plumline pairs designers with senior creative directors for honest, one-to-one portfolio critiques over private video calls.” 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 Plum Glass, you replace Plumline with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Plum Glass is a dark template: a deep violet background (#1a0a2e), pale violet type (#e9d5ff) and a violet accent (#a855f7) on the join button, the countdown and the referral highlights. Body text sits at a 13.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 Plum Glass's own.
- Background
- #1a0a2e
- Accent
- #a855f7
- Text
- #e9d5ff
How it compares
Within Glassmorph, Plum Glass stands out for its violet accent on a deep violet ground. If it is not quite right, Teal Pane is also dark but leans on a dark teal accent and underwater light caustics (“Lagoon teal, pebbled”). Blueberry Glass is also dark but leans on an indigo accent and lava-lamp blobs rising and splitting (“Berry blue through frost”). Fern Glass is also dark but leans on an emerald accent and leaves tumbling through the frame (“Forest fern, dewy pane”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Plum Glass in three steps
- Click “Use this template” and create a free account; Plum Glass is preselected in the page wizard.
- Replace the Plumline 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.
