About the Custard Glass template
Warmth inverted: Custard Glass wraps visitors in pale custard background with amber accents and gentle frosted overlays suggesting soft illumination. Bakeries, design studios, and luxury goods makers populate this palette because it feels personal without saccharine excess. Real-time analytics integrated into Qubed help you measure whether the warm aesthetic you're projecting actually converts your carefully curated audience.
What the demo shows
The live demo on this page launches Butterfold, a made-up product we wrote to show the template with realistic copy: the headline reads “Croissants with layers you can count” and the subhead says “A video course that walks home bakers through lamination, proofing, and shaping, one flaky layer at a time.” 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 Custard Glass, you replace Butterfold with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Custard Glass is a light template: a cream background (#fef3c7), brown type (#3f2f0e) and a vivid orange accent (#f59e0b) on the join button, the countdown and the referral highlights. Body text sits at a 11.6:1 contrast ratio against the background, comfortably past the WCAG AAA threshold. Behind the copy the page animates with an animated glass bloom layer, clearly visible; 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 Custard Glass's own.
- Background
- #fef3c7
- Accent
- #f59e0b
- Text
- #3f2f0e
How it compares
Within Glassmorph, Custard Glass stands out for its vivid orange accent on a cream ground. If it is not quite right, Bone Pane is also light but leans on a near-black accent and ripples spreading across still water (“Bone-white pane, char accent”). Ethereal Glass flips to a dark dark indigo canvas with a pale indigo accent (“Iridescent rotating gradient behind frosted glass”). Glass flips to a dark dark indigo canvas with a light blue accent and an animated glass bloom layer (“Frosted card on a saturated backdrop”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Custard Glass in three steps
- Click “Use this template” and create a free account; Custard Glass is preselected in the page wizard.
- Replace the Butterfold 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.
