About the Pipe Array template
Pipe Array celebrates the steampunk plumber's aesthetic—a charcoal-grey background frames orange-copper accents that glow like hot metal, while pale tan text reads like verdigris or aged parchment. The vibe suits infrastructure, HVAC, water-tech, and any industrial company with a rebellious streak. Build a community of fellow builders with Qubed's referral leaderboard—each signup adds another pipe to your network.
What the demo shows
The live demo on this page launches Manifold, a made-up product we wrote to show the template with realistic copy: the headline reads “Plumbing jobs, quoted instantly.” and the subhead says “Describe the job, upload a photo and get fixed prices from vetted local plumbers. No surprise invoices.” 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 Pipe Array, you replace Manifold with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Pipe Array is a dark template: a charcoal background (#1c1917), pale orange type (#fed7aa) and a vivid vermilion accent (#ea580c) on the join button, the countdown and the referral highlights. Body text sits at a 12.9:1 contrast ratio against the background, comfortably past the WCAG AAA threshold. Behind the copy the page animates with flowing contour lines, 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 Pipe Array's own.
- Background
- #1c1917
- Accent
- #ea580c
- Text
- #fed7aa
How it compares
Within Industrial, Pipe Array stands out for its vivid vermilion accent on a charcoal ground. If it is not quite right, Valve Red is also dark but leans on a red accent and turning gears (“Industrial wheel valve”). Architectural Brutalism is also dark but leans on a red accent and hard-edged brutalist blocks (“Raw concrete texture. Heavy frame. Stamped origin”). Blueprint Architect is also dark but leans on a light sky blue accent and blueprint lines drawing themselves (“Cyan grid, technical drafting”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Pipe Array in three steps
- Click “Use this template” and create a free account; Pipe Array is preselected in the page wizard.
- Replace the Manifold 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.
