About the Rail Yard template
Rail Yard channels freight yards and signal lights—red against weathered grey-brown, the aesthetic of infrastructure and logistics. Suited to supply chain platforms, transportation startups, and freight networks. The palette says reliability: we move things, and we've done it for decades without fancy distractions.
What the demo shows
The live demo on this page launches Switchyard, a made-up product we wrote to show the template with realistic copy: the headline reads “Freight rail, finally trackable.” and the subhead says “Live tracking and ETA predictions for rail freight shipments. Know where your cargo actually is.” 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 Rail Yard, you replace Switchyard with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Rail Yard is a dark template: a charcoal background (#1c1917), white type (#fafafa) and a red accent (#dc2626) on the join button, the countdown and the referral highlights. Body text sits at a 16.8:1 contrast ratio against the background, comfortably past the WCAG AAA threshold. Behind the copy the page animates with an animated conveyor layer, 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 Rail Yard's own.
- Background
- #1c1917
- Accent
- #dc2626
- Text
- #fafafa
How it compares
Within Industrial, Rail Yard stands out for its red accent on a charcoal ground. If it is not quite right, Drydock is also dark but leans on a red accent and rolling waves (“Hull paint, sea blue”). 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”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Rail Yard in three steps
- Click “Use this template” and create a free account; Rail Yard is preselected in the page wizard.
- Replace the Switchyard 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.
