About the Cobalt Simple template
Cobalt Simple strips away noise with a carefully balanced navy backdrop and light blue serif typography. The saturated cobalt accent ensures your core message stays crisp without competing elements. This template suits founders who want calm clarity, making your signup form the only place visitors' eyes land. Track conversions in real-time to see which messaging drives the most sign-ups.
What the demo shows
The live demo on this page launches Tallyline, a made-up product we wrote to show the template with realistic copy: the headline reads “Send the invoice. Get paid. Done.” and the subhead says “Tallyline creates a clean invoice from a single line of text and follows up politely until the client pays.” 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 Cobalt Simple, you replace Tallyline with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Cobalt Simple is a dark template: a deep blue background (#0c1233), pale sky blue type (#dbeafe) and a sky blue accent (#60a5fa) on the join button, the countdown and the referral highlights. Body text sits at a 15:1 contrast ratio against the background, comfortably past the WCAG AAA threshold. Behind the copy the page animates with slow-morphing gradient blobs, front and centre; visitors who ask their device for reduced motion get a still frame instead. Structurally it uses the Minimal layout, shared with 137 other templates, but the palette, the motion and the demo copy are Cobalt Simple's own.
- Background
- #0c1233
- Accent
- #60a5fa
- Text
- #dbeafe
How it compares
Within Essentials, Cobalt Simple stands out for its sky blue accent on a deep blue ground. If it is not quite right, Minimal is also dark but leans on an indigo accent and slow-morphing gradient blobs (“Clean, centered, focus-on-the-form”). Oat Milk flips to a light amber-tinted white canvas with a brown accent and ripples spreading across still water (“Pale oat, warm chestnut”). Paperback flips to a light amber-tinted white canvas with a near-black accent and an animated typewriter layer (“Yellowed page, ink black”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Cobalt Simple in three steps
- Click “Use this template” and create a free account; Cobalt Simple is preselected in the page wizard.
- Replace the Tallyline 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.
