About the Dior Grey template
Haute couture meets pixel precision: a medium grey background (#525252) holds an ivory trim (#fafaf7) that reads like the whitespace around a Dior logo. Everything breathes. The palette is intentionally restrained—monochromatic with a single whisper of light. Built for fashion tech, luxury SaaS, and founders who understand that emptiness is a design choice, not a mistake. The neutrality works for high-end positioning without veering into sterility. This template suits brands confident enough to let silence speak. Showcase which early adopters are driving your growth with a referral leaderboard hidden in plain sight.
What the demo shows
The live demo on this page launches Swatchroom, a made-up product we wrote to show the template with realistic copy: the headline reads “From sketch to sample, without the noise” and the subhead says “Swatchroom organizes fabric swatches, sketches, and supplier notes for independent fashion designers building their next collection.” 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 Dior Grey, you replace Swatchroom with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Dior Grey is a dark template: a dark grey background (#525252), white type (#fafafa) and a white accent (#fafaf7) on the join button, the countdown and the referral highlights. Body text sits at a 7.5:1 contrast ratio against the background, comfortably past the WCAG AAA threshold. Behind the copy the page animates with folds of silk rippling, front and centre; visitors who ask their device for reduced motion get a still frame instead. Structurally it uses the Editorial layout, shared with 55 other templates, but the palette, the motion and the demo copy are Dior Grey's own.
- Background
- #525252
- Accent
- #fafaf7
- Text
- #fafafa
How it compares
Within Luxury, Dior Grey stands out for its white accent on a dark grey ground. If it is not quite right, Chanel Black is also dark but leans on a white accent and folds of silk rippling (“Little black dress”). Patek Blue is also dark but leans on a mid grey accent and an animated watch dial layer (“Nautilus dial, hash marks”). AP Steel is also dark but leans on a pale sky blue accent and an animated watch dial layer (“Royal Oak, integrated bracelet”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Dior Grey in three steps
- Click “Use this template” and create a free account; Dior Grey is preselected in the page wizard.
- Replace the Swatchroom 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.
