About the Drydock template
Hull paint red cuts through sea-blue darkness in this Industrial template that honors the shipyards and the vessels born there. Deep Navy and crimson create maritime authority—perfect for maritime tech, supply-chain platforms, and ocean-focused ventures. Real-time analytics measure your current like water displacement.
What the demo shows
The live demo on this page launches Hullcare, a made-up product we wrote to show the template with realistic copy: the headline reads “Boat maintenance, on schedule.” and the subhead says “A maintenance planner for boat owners and marinas: hull cleaning, antifouling and haul-outs all in one.” 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 Drydock, you replace Hullcare with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Drydock is a dark template: a deep blue background (#0c1f3d), white type (#fafafa) and a red accent (#dc2626) 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 rolling waves, 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 Drydock's own.
- Background
- #0c1f3d
- Accent
- #dc2626
- Text
- #fafafa
How it compares
Within Industrial, Drydock stands out for its red accent on a deep blue ground. If it is not quite right, Cargo Crane is also dark but leans on a vivid amber accent and an animated containers layer (“Yellow boom, port grey”). Power Plant flips to a light pale sky blue canvas with a dark grey accent and an animated smoke layer (“Cooling tower, sky”). Coal Seam is also dark but leans on a vivid vermilion accent and glowing embers rising (“Black anthracite, glow”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Drydock in three steps
- Click “Use this template” and create a free account; Drydock is preselected in the page wizard.
- Replace the Hullcare 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.
