About the Dock Blue template
Shipping-crate cobalt deepens against amber warning lights in this Industrial template that feels like a working dock at dawn. The utility palette speaks to logistics startups, hardware companies, and brands built for grit. Watch your referral leaderboard climb in an environment where work-in-progress feels like an aesthetic choice.
What the demo shows
The live demo on this page launches Portside, a made-up product we wrote to show the template with realistic copy: the headline reads “Freight quotes in one tab.” and the subhead says “Compare container shipping rates across carriers instantly. Built for small importers tired of email chains.” 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 Dock Blue, you replace Portside with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Dock Blue is a dark template: a deep sky blue background (#082f49), cream type (#fef3c7) and a vivid amber accent (#fbbf24) on the join button, the countdown and the referral highlights. Body text sits at a 12.5:1 contrast ratio against the background, comfortably past the WCAG AAA threshold. Behind the copy the page animates with an animated containers layer, front and centre; 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 Dock Blue's own.
- Background
- #082f49
- Accent
- #fbbf24
- Text
- #fef3c7
How it compares
Within Industrial, Dock Blue stands out for its vivid amber accent on a deep sky blue ground. If it is not quite right, Factory Chimney is also dark but leans on a vivid amber accent and an animated smoke layer (“Smoke + steel-grey sky”). Scaffolding is also dark but leans on a vivid amber accent and blueprint lines drawing themselves (“Yellow caution, metal pipes”). Gridlock is also dark but leans on a vivid amber accent and a pulsing dot grid (“Asphalt grid + traffic yellow”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Dock Blue in three steps
- Click “Use this template” and create a free account; Dock Blue is preselected in the page wizard.
- Replace the Portside 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.
