About the Catppuccin Mocha template
Latte-warm darkness meets purple accents in the cozy confines of the Catppuccin Mocha palette. Born from the open-source terminal-color community, this template whispers to developers who spend their nights in iTerm2 and Neovim. Warm and familiar, never cold. Track signup momentum through real-time analytics rendered in the same palette you sleep under—no visual jarring at 2 AM.
What the demo shows
The live demo on this page launches Latte Commit, a made-up product we wrote to show the template with realistic copy: the headline reads “Pull up a chair. Bring your branch.” and the subhead says “Latte Commit is a cozy virtual cafe where indie developers cowork in timed sessions, share progress, and close the day together.” 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 Catppuccin Mocha, you replace Latte Commit with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Catppuccin Mocha is a dark template: a deep indigo background (#1e1e2e), pale blue type (#cdd6f4) and a light violet accent (#cba6f7) on the join button, the countdown and the referral highlights. Body text sits at a 11.3: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 Catppuccin Mocha's own.
- Background
- #1e1e2e
- Accent
- #cba6f7
- Text
- #cdd6f4
How it compares
Within Terminal, Catppuccin Mocha stands out for its light violet accent on a deep indigo ground. If it is not quite right, Rose Pine is also dark but leans on a rose accent and petals drifting down (“Soho rose, pine bg”). Kanagawa Wave is also dark but leans on a blue accent and rolling waves (“Hokusai wave palette”). Everforest is also dark but leans on a green accent and a swaying forest silhouette (“Mossy contrast, low strain”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Catppuccin Mocha in three steps
- Click “Use this template” and create a free account; Catppuccin Mocha is preselected in the page wizard.
- Replace the Latte Commit 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.
