About the Fern Glass template
Fern Glass takes the glassmorphism trend and anchors it in deep forest darkness, with a bright lime accent that glows like moss under moonlight. The palette reads as nature-informed tech—somewhere between a luxury eco-lodge and a well-designed mobile app. Regenerative agriculture, sustainable fashion, and climate-tech teams will see environmental consciousness coded into every pixel. The transparency effect creates visual depth that rewards exploration, and you can measure engagement layers with real-time analytics.
What the demo shows
The live demo on this page launches Undergrowth, a made-up product we wrote to show the template with realistic copy: the headline reads “Grow a balcony forest in eight weeks” and the subhead says “An online course that teaches you to plan, plant, and care for a lush container garden on the smallest balcony.” 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 Fern Glass, you replace Undergrowth with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Fern Glass is a dark template: a deep green background (#0c1f0c), pale emerald type (#bbf7d0) and an emerald accent (#22c55e) on the join button, the countdown and the referral highlights. Body text sits at a 14.2:1 contrast ratio against the background, comfortably past the WCAG AAA threshold. Behind the copy the page animates with leaves tumbling through the frame, 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 Fern Glass's own.
- Background
- #0c1f0c
- Accent
- #22c55e
- Text
- #bbf7d0
How it compares
Within Glassmorph, Fern Glass stands out for its emerald accent on a deep green ground. If it is not quite right, Orchid Glass is also dark but leans on a purple accent and petals drifting down (“Petal-purple, pearled frost”). Cerulean Pane is also dark but leans on a sky blue accent and rolling waves (“Cerulean wash, glass shine”). Canary Glass flips to a light cream canvas with an orange accent and slow-morphing gradient blobs (“Bright lemon, soft pane”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Fern Glass in three steps
- Click “Use this template” and create a free account; Fern Glass is preselected in the page wizard.
- Replace the Undergrowth 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.
