About the Cargo Crane template
Cargo Crane hoists a yellow boom (#fbbf24) against port-grey (#525252), evoking container terminals and global logistics at scale. Supply-chain tech, shipping platforms, and infrastructure companies recognize this as the color of motion and consequential work. The bold accent yellow pops against grey like a crane pivot against a cloudy dockside, signaling capability without embellishment. Set up referral leaderboards to gamify network growth the way shipping companies track container throughput.
What the demo shows
The live demo on this page launches Liftplan, a made-up product we wrote to show the template with realistic copy: the headline reads “Crane lifts, planned safely.” and the subhead says “Plan lifts with load charts, rigging diagrams and site maps. Built for crane operators and riggers.” 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 Cargo Crane, you replace Liftplan with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Cargo Crane is a dark template: a dark grey background (#525252), white type (#fafafa) and a vivid amber accent (#fbbf24) on the join button, the countdown and the referral highlights. Body text sits at a 7.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 Cargo Crane's own.
- Background
- #525252
- Accent
- #fbbf24
- Text
- #fafafa
How it compares
Within Industrial, Cargo Crane stands out for its vivid amber accent on a dark grey ground. If it is not quite right, 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”). Quarry Grey flips to a light off-white canvas with a dark grey accent and dust motes floating in the light (“Cut limestone, dust”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Cargo Crane in three steps
- Click “Use this template” and create a free account; Cargo Crane is preselected in the page wizard.
- Replace the Liftplan 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.
