Navy and rust coming soon page template — Slate
Cold navy, rust accent. Grown up without being grey.
Agencies, consultancies and freelancers selling considered work to small companies. Ships without a countdown because a service business counting down to its own availability looks desperate — the scarcity here is the capacity ("three projects a quarter"), stated flatly.
Slate is one of the 6 Pro templates, so there is no .zip for it — that is part of what Pro buys. The demo is open to anyone, and 8 of the 14 templates download for free.
The studio reopens for new work in January
Three projects a quarter, mostly brand and web for companies under twenty people. Get on the list for the January round.
Live render — the countdown is really counting. Open the demo for the full-size page.
What Slate is made of
| Background | #0F172A |
|---|---|
| Text | #E2E8F0 |
| Accent | #C2410C |
| Typeface | Inter |
| Countdown | Off by default — you can switch it on in the builder |
| Good for | Agency / freelance, Startup, Newsletter |
| Download | No — Pro templates are hosted only |
| Included | Hosting, subdomain, working email capture, leads list, custom domain, lead export, no branding |
Why these three colours
Navy #0F172A with rust #C2410C is the one warm-on-cold pairing in this gallery, and it is the reason the page looks like a studio rather than a SaaS. 14.48:1 on the body text; 5.18:1 white on rust, so the button passes AA. The rust is deliberately muted against the background (3.45:1) — on a service page you want the copy read, not the button stared at.
The copy it ships with
Three facts, no pitch: when you are free, how much you take on, who you work with. A studio page that tries to sell in the fold is competing with its own portfolio. The success message promises a next step with a month attached, which is what turns a list into a pipeline.
All four fields are editable. The demo copy is a starting point, not a placeholder — it is written to be replaced, not shipped.
Contrast, measured
Both numbers are computed from the hex values above using the WCAG 2.1 relative-luminance formula, every time this page renders. Nothing here is typed in by hand.
Text on background
14.48:1
Passes AAA
White label on the button
5.18:1
Passes AA
Both figures clear WCAG AA as shipped. That was a constraint when this palette was picked, not a happy accident — the accent was darkened until the button label passed.
The first three things to change
- 1
Name the month you actually reopen. "Currently booked" with no date is the difference between scarce and unavailable.
- 2
State your client size ("under twenty people", "one-person companies", "local shops"). It filters harder than any price.
- 3
Skip the countdown. If you feel you need one, you are selling a product, not a service — use Ocean or Neon.
Put Slate online
Your headline, your date, your accent colour. Live on a real URL with a working email field, and the addresses land in a list you can export.
Pro — $24/month, cancel any time.