About the Cerulean Pane template
Cerulean Pane settles users into a cool, oceanic mood with sky-blue glass cards floating over a deep night sky. Marine tech, sleep apps, meditation platforms, and calm-tech brands find their home here because the palette whispers rather than shouts. Real-time analytics show you exactly when your core audience wakes up and engages, so you can time your outreach perfectly.
What the demo shows
The live demo on this page launches Swellsense, a made-up product we wrote to show the template with realistic copy: the headline reads “Know the swell before you wax up” and the subhead says “A pocket-sized sensor buoy for your local break that streams live wave height and water temperature to your phone.” 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 Cerulean Pane, you replace Swellsense with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Cerulean Pane is a dark template: a deep sky blue background (#082f49), pale cyan type (#cffafe) and a sky blue accent (#0284c7) 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 rolling waves, 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 Cerulean Pane's own.
- Background
- #082f49
- Accent
- #0284c7
- Text
- #cffafe
How it compares
Within Glassmorph, Cerulean Pane stands out for its sky blue accent on a deep sky blue ground. If it is not quite right, Canary Glass flips to a light cream canvas with an orange accent and slow-morphing gradient blobs (“Bright lemon, soft pane”). Ash Pane is also dark but leans on a mid grey accent and dust motes floating in the light (“Smoke-grey, frosted card”). Snow Glass flips to a light white canvas with a vivid sky blue accent and gently falling snow (“White-out, faint frost”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Cerulean Pane in three steps
- Click “Use this template” and create a free account; Cerulean Pane is preselected in the page wizard.
- Replace the Swellsense 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.
