About the Mint Pane template
Mint Pane wraps its typography in frosted glass against a near-black forest backdrop, creating the illusion of light passing through iced jade. The effect feels architectural and high-touch—perfect for design tools, premium apps, and founders who want their waitlist to feel like a threshold into something tactile. Your referral leaderboard integrates naturally into the pane effect, rewarding your earliest believers.
What the demo shows
The live demo on this page launches Coolstep, a made-up product we wrote to show the template with realistic copy: the headline reads “Your team's calendar, with breathing room” and the subhead says “Coolstep auto-blocks short breaks between back-to-back meetings so nobody runs five calls without a glass of water.” 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 Mint Pane, you replace Coolstep with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Mint Pane is a dark template: a deep teal background (#022c22), light emerald type (#a7f3d0) and an emerald accent (#34d399) on the join button, the countdown and the referral highlights. Body text sits at a 11.8:1 contrast ratio against the background, comfortably past the WCAG AAA threshold. Behind the copy the page animates with slow-morphing gradient blobs, 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 Mint Pane's own.
- Background
- #022c22
- Accent
- #34d399
- Text
- #a7f3d0
How it compares
Within Glassmorph, Mint Pane stands out for its emerald accent on a deep teal ground. If it is not quite right, Lavender Glass is also dark but leans on a pale indigo accent and aurora ribbons rippling across the sky (“Lilac mist behind frost”). Sapphire Pane is also dark but leans on a vivid blue accent and gem-like facets catching the light (“Deep blue jewel, pane glow”). Onyx Glass is also dark but leans on a mid grey accent and glowing embers rising (“Black volcanic blur”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Mint Pane in three steps
- Click “Use this template” and create a free account; Mint Pane is preselected in the page wizard.
- Replace the Coolstep 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.
