About the Cyber-Noir template
Cyber-Noir keeps its palette almost monochrome: a near-black background (#0a0a0a), pale mint text (#c0ffd9) and a single neon green accent (#00ff88). Fine horizontal scanlines run across the whole screen, and two thin glitch bands, one blended in screen mode, slide through the frame on offset timings, like interference on a surveillance monitor. The rest of the composition uses Qubed's full-screen effect layout, so the headline, description and email form sit centred and legible over the moving static.
The look belongs to security and privacy launches: credential monitoring, encrypted messaging, threat intel, red-team tooling, or a noir-flavoured game. It reads as serious and a little dangerous without resorting to a Matrix rain. Growth is handled by the built-in referral leaderboard, which gives every subscriber a link and rewards each successful share with a better place in line. Tune the accent, copy and logo in the editor, add an optional countdown, and publish in around a minute. Real-time signup analytics and CSV export are included, and the template is free on all plans.
What the demo shows
The live demo on this page launches Nightwire, a made-up product we wrote to show the template with realistic copy: the headline reads “Every leak leaves a fingerprint” and the subhead says “Nightwire watches the dark corners of the web for your company’s credentials and pings you before anyone else uses them.” 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 Cyber-Noir, you replace Nightwire with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Cyber-Noir is a dark template: a near-black background (#0a0a0a), pale emerald type (#c0ffd9) and a vivid emerald accent (#00ff88) on the join button, the countdown and the referral highlights. Body text sits at a 17.5:1 contrast ratio against the background, comfortably past the WCAG AAA threshold. The background is deliberately still, so all of the attention goes to the headline and the form. The layout is hand-built for Cyber-Noir and not shared with any other template in the catalogue.
- Background
- #0a0a0a
- Accent
- #00ff88
- Text
- #c0ffd9
How it compares
Within Sci-Fi, Cyber-Noir stands out for its vivid emerald 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”). Quantum Data is also dark but leans on a vivid sky blue accent (“Particle network. Pulsing data nodes. Linked”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Cyber-Noir in three steps
- Click “Use this template” and create a free account; Cyber-Noir is preselected in the page wizard.
- Replace the Nightwire 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.
