About the Raycast template
Raycast Compact is inspired by the efficiency and aesthetics of modern command-line utilities. It utilizes a near-black background (#0c0c0c) and a compact red glow (#ff6363) to create an interface that feels like a professional control center. This is a low-clutter, high-focus environment that suggests your product is built for speed, efficiency, and deep technical utility, appealing directly to users who value their time.
This aesthetic is a perfect match for CLI tools, browser extensions, or productivity utilities aimed at developers. It is likely too somber for a community social app or a children's educational platform. The layout is designed to be punchy and direct, ensuring that your value proposition is delivered with the same speed as a keyboard shortcut. It looks especially sharp on OLED mobile screens and retina displays.
Under the hood, Raycast Compact includes our viral referral leaderboard and full CSV export capabilities to help you manage your early adopters. Pro users can also enjoy custom domains and email broadcasts to nurture their list. You also get real-time analytics to monitor your conversion rates.
What the demo shows
The live demo on this page launches Slashpad, a made-up product we wrote to show the template with realistic copy: the headline reads “Your whole desktop, one keystroke away” and the subhead says “Slashpad is a keyboard-first launcher for snippets, windows and scripts, built for people who treat the mouse as optional.” 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 Raycast, you replace Slashpad with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Raycast is a dark template: a near-black background (#0c0c0c), white type (#fafafa) and a light red accent (#ff6363) on the join button, the countdown and the referral highlights. Body text sits at a 18.7:1 contrast ratio against the background, comfortably past the WCAG AAA threshold. Behind the copy the page animates with floating UI panels, clearly visible; visitors who ask their device for reduced motion get a still frame instead. Structurally it uses the Spotlight layout, shared with 111 other templates, but the palette, the motion and the demo copy are Raycast's own.
- Background
- #0c0c0c
- Accent
- #ff6363
- Text
- #fafafa
How it compares
Within Tech, Raycast stands out for its light red accent on a near-black ground. If it is not quite right, Supabase is also dark but leans on an emerald accent and scrolling terminal output (“Lime green energy, terminal-clean”). Cursor is also dark but leans on a light indigo accent and scrolling terminal output (“Slate dark, indigo cursor blink”). Arc flips to a light white canvas with a vivid violet accent and an iridescent sheen that shifts hue (“Iridescent gradient, browser tab look”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Raycast in three steps
- Click “Use this template” and create a free account; Raycast is preselected in the page wizard.
- Replace the Slashpad 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.
