About the Quarry Grey template
Cut limestone dust and neutral charcoal create the visual texture of an actual quarry—raw, weathered, unpolished. This industrial-realist palette appeals to manufacturing, materials science, and supply-chain platforms that distrust cosmetic UI. The cool, muted background asserts that this tool works; it doesn't seduce. Activate custom domains and route enterprise leads to dedicated signup URLs, each tracking its own referral network separately.
What the demo shows
The live demo on this page launches Cutstone, a made-up product we wrote to show the template with realistic copy: the headline reads “Natural stone, sold by the slab.” and the subhead says “Browse real limestone slabs online, reserve one and have it cut to size for your kitchen.” 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 Quarry Grey, you replace Cutstone with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Quarry Grey is a light template: an off-white background (#e7e5e4), near-black type (#0c0a09) and a dark grey accent (#404040) on the join button, the countdown and the referral highlights. Body text sits at a 15.7:1 contrast ratio against the background, comfortably past the WCAG AAA threshold. Behind the copy the page animates with dust motes floating in the light, clearly visible; 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 Quarry Grey's own.
- Background
- #e7e5e4
- Accent
- #404040
- Text
- #0c0a09
How it compares
Within Industrial, Quarry Grey stands out for its dark grey accent on an off-white ground. If it is not quite right, Silo Steel is also light but leans on a mid grey accent and clouds drifting past (“Grain silo, sky blue”). Conveyor Belt flips to a dark charcoal canvas with a vivid amber accent and an animated conveyor layer (“Black belt, parts moving”). Hex Bolt flips to a dark dark grey canvas with a vivid amber accent and a glowing hex grid (“Hardware grey, steel teeth”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Quarry Grey in three steps
- Click “Use this template” and create a free account; Quarry Grey is preselected in the page wizard.
- Replace the Cutstone 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.
