About the Brushed Steel template
Brushed Steel channels precision manufacturing—dark charcoal-brown ground, brushed-aluminum gray accents, industrial minimalism. Every edge feels intentional, machined, built to specification. Manufacturing companies, hardware startups, and precision tool makers gravitate here. Track conversion metrics with the same rigor your products demand.
What the demo shows
The live demo on this page launches Tolerance, a made-up product we wrote to show the template with realistic copy: the headline reads “Machined to the micron.” and the subhead says “A CNC quoting platform for hardware startups. Upload a CAD file, get a price and lead time in minutes.” 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 Brushed Steel, you replace Tolerance with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Brushed Steel is a dark template: a charcoal background (#1c1917), off-white type (#e7e5e4) and a mid grey accent (#a3a3a3) on the join button, the countdown and the referral highlights. Body text sits at a 13.9:1 contrast ratio against the background, comfortably past the WCAG AAA threshold. Behind the copy the page animates with liquid chrome flowing across the page, clearly visible; visitors who ask their device for reduced motion get a still frame instead. Structurally it uses the Brutalist layout, shared with 39 other templates, but the palette, the motion and the demo copy are Brushed Steel's own.
- Background
- #1c1917
- Accent
- #a3a3a3
- Text
- #e7e5e4
How it compares
Within Industrial, Brushed Steel stands out for its mid grey accent on a charcoal ground. If it is not quite right, Carbon Fiber is also dark but leans on a red accent and a glowing hex grid (“Woven black, performance grade”). Concrete Jungle is also dark but leans on a white accent and hard-edged brutalist blocks (“Raw urban, brutal honest”). Rust Iron is also dark but leans on a vivid vermilion accent and turning gears (“Oxidized orange + gunmetal”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Brushed Steel in three steps
- Click “Use this template” and create a free account; Brushed Steel is preselected in the page wizard.
- Replace the Tolerance 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.
