About the Nightfly Blue template
Nightfly Blue resurrects the cobalt-on-dark aesthetic of retro editor themes, but gentler—a terminal palette stripped of aggression. Developers who've spent nights in VS Code dark mode will recognize this intimacy; it speaks to late-night builders, open-source maintainers, and indie hackers. Turn your waitlist into a distributed team with a built-in referral leaderboard that tracks your most engaged contributors.
What the demo shows
The live demo on this page launches Raftlight, a made-up product we wrote to show the template with realistic copy: the headline reads “See what your cluster actually agreed on” and the subhead says “Raftlight replays every leader election, retry, and partition in your distributed system as a scrubbable timeline you can step through.” 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 Nightfly Blue, you replace Raftlight with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Nightfly Blue is a dark template: a deep sky blue background (#011627), pale blue type (#d6deeb) and a light blue accent (#82aaff) on the join button, the countdown and the referral highlights. Body text sits at a 13.5:1 contrast ratio against the background, comfortably past the WCAG AAA threshold. Behind the copy the page animates with fireflies blinking in the dark, front and centre; visitors who ask their device for reduced motion get a still frame instead. Structurally it uses the Cyber-Glitch layout, shared with 84 other templates, but the palette, the motion and the demo copy are Nightfly Blue's own.
- Background
- #011627
- Accent
- #82aaff
- Text
- #d6deeb
How it compares
Within Terminal, Nightfly Blue stands out for its light blue accent on a deep sky blue ground. If it is not quite right, Ayu Dark is also dark but leans on an orange accent and scrolling terminal output (“Ink with citrus accent”). Codespace Dark is also dark but leans on a sky blue accent and an animated code editor layer (“Cloud IDE charcoal”). VS Code Dark is also dark but leans on a sky blue accent and an animated code editor layer (“Editor blue, indent guide”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Nightfly Blue in three steps
- Click “Use this template” and create a free account; Nightfly Blue is preselected in the page wizard.
- Replace the Raftlight 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.
