About the Sirius Blue template
Sirius, the brightest star in Earth's night sky, inspires this luminous Sci-Fi template. Pale sky blue (#7dd3fc) radiates from the darkest void (#020617), creating a 'looking up' aesthetic that feels hopeful and celestial. The color math—near-white text on deep navy—ensures accessibility while maintaining drama. Ideal for astronomy apps, space education, or aspirational tech brands seeking to inspire subscribers. Track your most engaged visitor segments with real-time analytics to refine your messaging.
What the demo shows
The live demo on this page launches Brightest, a made-up product we wrote to show the template with realistic copy: the headline reads “Astronomy lessons kids actually ask for” and the subhead says “Brightest is an online course with short videos and backyard missions that turns curious kids into confident stargazers.” 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 Sirius Blue, you replace Brightest with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Sirius Blue is a dark template: a near-black blue background (#020617), pale sky blue type (#e0f2fe) and a light sky blue accent (#7dd3fc) on the join button, the countdown and the referral highlights. Body text sits at a 17.6:1 contrast ratio against the background, comfortably past the WCAG AAA threshold. Behind the copy the page animates with a slow-twinkling starfield, front and centre; visitors who ask their device for reduced motion get a still frame instead. Structurally it uses the Star Wars Galaxy layout, shared with 23 other templates, but the palette, the motion and the demo copy are Sirius Blue's own.
- Background
- #020617
- Accent
- #7dd3fc
- Text
- #e0f2fe
How it compares
Within Sci-Fi, Sirius Blue stands out for its light sky blue accent on a near-black blue 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”). Voyager Log is also dark but leans on a vivid amber accent and a slow-twinkling starfield (“Lonely probe, cassette gold”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Sirius Blue in three steps
- Click “Use this template” and create a free account; Sirius Blue is preselected in the page wizard.
- Replace the Brightest 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.
