About the Teal Pane template
Teal Pane brings the tranquility of tropical water to a frosted-glass design, layering warm lagoon teal accents over deep forest. The pebbled texture suggests organic restraint—not minimalism, but maturity. Ideal for wellness platforms, sustainable brands, and climate-tech launches that need to feel both modern and trustworthy. The cyan text against dark panes creates serene hierarchy without harshness. Founders in regenerative industries will recognize the aesthetic immediately. Your custom domain under the Pro tier transforms this template into your brand's official portal, not a temporary placeholder.
What the demo shows
The live demo on this page launches Tidepillow, a made-up product we wrote to show the template with realistic copy: the headline reads “Sleep to the sound of low tide” and the subhead says “A slim under-pillow speaker that plays recorded lagoon soundscapes and fades them out as your breathing slows.” 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 Teal Pane, you replace Tidepillow with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Teal Pane is a dark template: a deep sky blue background (#082f49), pale cyan type (#cffafe) and a dark teal accent (#0d9488) on the join button, the countdown and the referral highlights. Body text sits at a 12.4:1 contrast ratio against the background, comfortably past the WCAG AAA threshold. Behind the copy the page animates with underwater light caustics, 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 Teal Pane's own.
- Background
- #082f49
- Accent
- #0d9488
- Text
- #cffafe
How it compares
Within Glassmorph, Teal Pane stands out for its dark teal accent on a deep sky blue ground. If it is not quite right, 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”). Orchid Glass is also dark but leans on a purple accent and petals drifting down (“Petal-purple, pearled frost”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Teal Pane in three steps
- Click “Use this template” and create a free account; Teal Pane is preselected in the page wizard.
- Replace the Tidepillow 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.
