About the Ayu Dark template
Ayu Dark imports the aesthetic of a beloved code editor—inky charcoal (#0a0e14) with a bold saffron accent (#ffb454) and warm grey text (#b3b1ad) that balances readability with atmosphere. This palette resonates with developers, security researchers, and creator-tool communities who spend their days staring at screens tuned to this exact hue. Boost your waitlist's conversion rates by testing different call-to-action copy with Qubed's real-time analytics, then double down on what works.
What the demo shows
The live demo on this page launches Yuzupad, a made-up product we wrote to show the template with realistic copy: the headline reads “A blank page with a little zest” and the subhead says “Yuzupad is a distraction-free writing app with ink-dark themes, a single citrus cursor, and gentle word goals that never nag.” 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 Ayu Dark, you replace Yuzupad with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Ayu Dark is a dark template: a near-black blue background (#0a0e14), mid grey type (#b3b1ad) and an orange accent (#ffb454) on the join button, the countdown and the referral highlights. Body text sits at a 9:1 contrast ratio against the background, comfortably past the WCAG AAA threshold. Behind the copy the page animates with scrolling terminal output, 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 Ayu Dark's own.
- Background
- #0a0e14
- Accent
- #ffb454
- Text
- #b3b1ad
How it compares
Within Terminal, Ayu Dark stands out for its orange accent on a near-black blue ground. If it is not quite right, 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”). VS Code Light flips to a light white canvas with a dark blue accent and an animated code editor layer (“Crisp light, syntax cool”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Ayu Dark in three steps
- Click “Use this template” and create a free account; Ayu Dark is preselected in the page wizard.
- Replace the Yuzupad 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.
