About the Opaline Pane template
Opaline Pane evokes iridescent gemstones, pairing a luminous off-white (#fafafa) with soft violet accents (#a78bfa) that shimmer with understated luxury. Jewelry brands, wellness coaches, and luxury e-commerce find refuge here because the palette whispers refinement rather than shouting it. The milky opal shimmer suggests exclusivity without aggression, making early adopters feel chosen. Set up your referral leaderboard to transform subscribers into advocates who want to share membership in this elegant community.
What the demo shows
The live demo on this page launches Moonveil, a made-up product we wrote to show the template with realistic copy: the headline reads “Opal rings that change with the light” and the subhead says “Moonveil sets ethically sourced opals in recycled silver, hand-finished in our studio and released in small numbered editions.” 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 Opaline Pane, you replace Moonveil with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Opaline Pane is a light template: a white background (#fafafa), near-black type (#0c0a09) and a light violet accent (#a78bfa) on the join button, the countdown and the referral highlights. Body text sits at a 18.9:1 contrast ratio against the background, comfortably past the WCAG AAA threshold. Behind the copy the page animates with an iridescent sheen that shifts hue, 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 Opaline Pane's own.
- Background
- #fafafa
- Accent
- #a78bfa
- Text
- #0c0a09
How it compares
Within Glassmorph, Opaline Pane stands out for its light violet accent on a white ground. If it is not quite right, Cobalt Glass flips to a dark deep blue canvas with a vivid blue accent and an animated glass bloom layer (“Cobalt depth, frost edges”). Twilight Pane flips to a dark dark indigo canvas with a light blue accent and aurora ribbons rippling across the sky (“Indigo sky through frost”). Rosegold Glass flips to a dark charcoal canvas with a light pink accent and folds of silk rippling (“Pink gold sheen, soft frost”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Opaline Pane in three steps
- Click “Use this template” and create a free account; Opaline Pane is preselected in the page wizard.
- Replace the Moonveil 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.
