About the Cobalt Glass template
Deep #0c1233 with frosted treatment and electric #2563eb accents—think a luxury car's instrument cluster. Enterprise software, fintech, and upscale SaaS thrive in this cool, architectural space. The translucent overlay evokes modern glass storefronts; it signals precision and capital. Monitor subscriber growth with Qubed's custom domains for Pro—brand this template and watch professional audiences trust your pedigree.
What the demo shows
The live demo on this page launches Ledgerkeel, a made-up product we wrote to show the template with realistic copy: the headline reads “Books closed by the first” and the subhead says “Ledgerkeel reconciles transactions, chases missing receipts, and drafts month-end reports for studios and small firms.” 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 Glass, you replace Ledgerkeel with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Cobalt Glass is a dark template: a deep blue background (#0c1233), pale sky blue type (#dbeafe) and a vivid blue accent (#2563eb) 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 an animated glass bloom layer, front and centre; visitors who ask their device for reduced motion get a still frame instead. Structurally it uses the Glass layout, shared with 82 other templates, but the palette, the motion and the demo copy are Cobalt Glass's own.
- Background
- #0c1233
- Accent
- #2563eb
- Text
- #dbeafe
How it compares
Within Glassmorph, Cobalt Glass stands out for its vivid blue accent on a deep blue ground. If it is not quite right, Twilight Pane is also dark but leans on a light blue accent and aurora ribbons rippling across the sky (“Indigo sky through frost”). Rosegold Glass is also dark but leans on a light pink accent and folds of silk rippling (“Pink gold sheen, soft frost”). Ivory Pane flips to a light amber-tinted white canvas with a brown accent and folds of silk rippling (“Cream silk behind ice”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Cobalt Glass in three steps
- Click “Use this template” and create a free account; Cobalt Glass is preselected in the page wizard.
- Replace the Ledgerkeel 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.





