About the Cosmic template
Deep space stretches infinitely behind parallax stars that shift as visitors scroll, drawing them deeper into your experience. The purple accent echoes the aurora of distant planets, grounding the sci-fi aesthetic in a breathtaking visual moment. The parallax effect creates perceived depth and makes the page feel immersive and alive. As a Pro-exclusive template, pair this with custom domains to establish your brand as the gateway to future-focused technology.
What the demo shows
The live demo on this page launches Starwell, a made-up product we wrote to show the template with realistic copy: the headline reads “Bring the night sky into class” and the subhead says “Starwell streams guided, narrated sky tours into any classroom, so students can explore nebulae and orbits in real 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 Cosmic, you replace Starwell with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Cosmic is a dark template: a near-black background (#020108), pale violet type (#e8e0f0) and a light violet accent (#b388ff) on the join button, the countdown and the referral highlights. Body text sits at a 16.2:1 contrast ratio against the background, comfortably past the WCAG AAA threshold. Behind the copy the page animates with drifting nebula clouds, front and centre; visitors who ask their device for reduced motion get a still frame instead. The layout is hand-built for Cosmic and not shared with any other template in the catalogue.
- Background
- #020108
- Accent
- #b388ff
- Text
- #e8e0f0
How it compares
Within Sci-Fi, Cosmic stands out for its light violet accent on a near-black ground. If it is not quite right, Matrix is also dark but leans on an emerald accent and green code raining down the screen (“Falling code rain. Pure cyberpunk”). Star Wars Galaxy is also dark but leans on a vivid amber accent and an opening crawl through a starfield (“Parallax starfield, far far away”). Tron is also dark but leans on a vivid cyan accent and a receding neon grid (“Glowing circuit board, HUD precision”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Cosmic in three steps
- Click “Use this template” and create a free account; Cosmic is preselected in the page wizard.
- Replace the Starwell 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.
