About the Azure Pane template
Azure Pane captures the transparency of sky meeting water—cobalt pebbles shifting behind a pebbled-glass surface, depth without darkness. Ideal for SaaS teams building collaboration tools or communication platforms, this glassmorph whispers trust through its crystalline structure. Track real-time analytics to watch your most engaged visitors convert into founding members.
What the demo shows
The live demo on this page launches Airloft, a made-up product we wrote to show the template with realistic copy: the headline reads “Breathe like you own the sky” and the subhead says “Airloft coaches two-minute breathing sessions with a slowly rising sky animation you can follow between meetings.” 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 Azure Pane, you replace Airloft with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Azure Pane is a light template: a pale sky blue background (#dbeafe), deep blue type (#0c1233) and a vivid blue accent (#2563eb) on the join button, the countdown and the referral highlights. Body text sits at a 15:1 contrast ratio against the background, comfortably past the WCAG AAA threshold. Behind the copy the page animates with clouds drifting past, 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 Azure Pane's own.
- Background
- #dbeafe
- Accent
- #2563eb
- Text
- #0c1233
How it compares
Within Glassmorph, Azure Pane stands out for its vivid blue accent on a pale sky blue ground. If it is not quite right, Marigold Glass is also light but leans on a vivid vermilion accent and petals drifting down (“Saffron flower, soft pane”). Plum Glass flips to a dark deep violet canvas with a violet accent and an animated glass bloom layer (“Plum blur, ice card”). Teal Pane flips to a dark deep sky blue canvas with a dark teal accent and underwater light caustics (“Lagoon teal, pebbled”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Azure Pane in three steps
- Click “Use this template” and create a free account; Azure Pane is preselected in the page wizard.
- Replace the Airloft 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.
