About the Ocean Waves template
Layered depth and slow tides: a deep navy (#0c1f3d) holds sky-blue accents (#0ea5e9) arranged in cascading waves. The pale text (#e0f2fe) reads like foam on dark water. Built for ocean science, marine conservation, and water-first companies. The palette mimics the actual experience of looking up from underwater—blues layering toward lighter sky. Perfect for marine tech, scuba tourism, and ocean-climate initiatives. Visitors feel suspended in something both vast and intimate. Watch engagement patterns with real-time analytics to see how long visitors linger in this meditative depth.
What the demo shows
The live demo on this page launches Tidebreath, a made-up product we wrote to show the template with realistic copy: the headline reads “Breathe at the speed of tide” and the subhead says “Tidebreath paces your breathing to recorded swells from coastlines around the world, one slow wave at a time.” 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 Ocean Waves, you replace Tidebreath with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Ocean Waves is a dark template: a deep blue background (#0c1f3d), pale sky blue type (#e0f2fe) and a vivid sky blue accent (#0ea5e9) on the join button, the countdown and the referral highlights. Body text sits at a 14.3: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 Aurora layout, shared with 36 other templates, but the palette, the motion and the demo copy are Ocean Waves's own.
- Background
- #0c1f3d
- Accent
- #0ea5e9
- Text
- #e0f2fe
How it compares
Within Nature, Ocean Waves stands out for its vivid sky blue accent on a deep blue ground. If it is not quite right, Cherry Blossom flips to a light pink-tinted white canvas with a vivid pink accent and petals drifting down (“Soft pink petals on cream”). Autumn Rain is also dark but leans on a vivid vermilion accent and leaves tumbling through the frame (“Amber leaves, rainy window”). Aurora flips to a light orange-tinted white canvas with a vivid violet accent and aurora ribbons rippling across the sky (“Drifting color blobs behind frosted glass”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Ocean Waves in three steps
- Click “Use this template” and create a free account; Ocean Waves is preselected in the page wizard.
- Replace the Tidebreath 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.
