Warm orange coming soon page template — Sunrise
Warm off-white and burnt orange. Reads friendly, not corporate.
Anything sold to consumers by a human being rather than a company: a maker, a small shop, a workshop, a market stall. The warm paper background does the same job as good lighting in a physical shop — it makes the thing feel handled rather than shipped from a warehouse.
The .zip is HTML, CSS and JS in one file, MIT licensed. No account, no email, no modal — the download starts when you click. Hosting it here instead takes a free account: 3 pages and 100 leads, no card.
The new collection lands 14 days from now
Sixty pieces, made in a workshop in Bordeaux. Subscribers pick first.
Live render — the countdown is really counting. Open the demo for the full-size page.
Make it yours before you download it
Every free coming soon template on the web hands you a .zip and wishes you luck with a text editor. Your first hour goes on finding the hex value that appears eleven times, the date format the timer wants, and which <p> is the subheadline. Change it here instead. The .zip you get is the page in the panel — your words, your colours, your date, already in the file.
Still no account, still MIT. Editing this costs us nothing, so we do not charge for it or hide it behind a signup — the thing worth paying for is hosting it and collecting the addresses, and you can decide that after you have the file.
The three colours
Baked in as LAUNCH_DATE, midnight local. The hour goes in the same line if you need one.
Your text on your background
15.35:1 AAA
White label on your button
2.84:1 below AA
No account, no email, no modal. Your values ride in the query string of that link because the .zip is built on our side — that route has no database and no session, it writes three files into the response and forgets them. Nothing here is saved, so bookmark the link if you want your version back.
The new collection lands 14 days from now
Sixty pieces, made in a workshop in Bordeaux. Subscribers pick first.
This is the file, not a mockup of it — same three CSS variables, same countdown maths.
What Sunrise is made of
| Background | #FFF5F0 |
|---|---|
| Text | #2D1B0E |
| Accent | #FF6B35 |
| Typeface | Poppins |
| Countdown | On, demo set to 14 days out |
| Good for | Product launch, Shop / drop, Event |
| Download | coming-soon-sunrise.zip — index.html + README + LICENSE. MIT. |
| Included | Hosting, subdomain, working email capture, leads list (100 leads on Free) |
Why these three colours
#FFF5F0 is white with a drop of peach, so photos of skin, wood and fabric sit on it without the blue cast a pure #FFFFFF page gives them. The text is #2D1B0E, a brown-black rather than a grey — 15.35:1 against the background, which is more contrast than most "accessible" light themes manage.
The copy it ships with
The offer is in the button, not the headline: "Get first pick" is a reason to hand over an address, "Notify me" is a chore. The subheadline names a number (sixty) and a place (Bordeaux) because specifics are the cheapest credibility you can buy before you have any customers.
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
15.35:1
Passes AAA
White label on the button
2.84:1
Misses AA — below AA
The button label is below the 4.5:1 that AA asks for at 14px. If that matters for your page, paste #C2410C into the accent colour field — it stays in the same colour family and takes the button to 5.18:1. We left the shipped palette alone because it is what people already published with, and recolouring it under them would be worse.
What is in coming-soon-sunrise.zip
Three files, no build step, no npm install, no tracker. Unzip it, double-click index.html, and the page is there — countdown running, font loading, form styled.
coming-soon-sunrise/
├── index.html the whole page — inline CSS, inline JS, one file
├── README.md the three ways to make the email field work
└── LICENSE MIT The three colours are CSS variables in a :root block at the top of index.html. Change those four lines and the whole page follows — there is no other colour value in the file. Or set them further up this page and they arrive already in it.
The catch, which we would rather you read here
In this .zip, and in every free coming soon template you can download anywhere, the email field goes nowhere. The gallery listing promises "countdown + email signup form". The file ships action="#". You find out about four days after you posted the link, when you go looking for the addresses and there are none, and the ones you missed are not recoverable.
It is not laziness on anyone's part. A static HTML file has nowhere to put an address until you give it somewhere — that is genuinely your decision, not the template author's. But saying so in a FAQ entry after the download, or not at all, is a choice. So: the README opens with this, and it gives you all three options with the code.
Formspree
Free tier, 50 submissions a month, works from a static file. Paste one URL into index.html. Nothing to do with us, and the fastest way to a form that works.
Mailchimp, ConvertKit or Buttondown
Swap the <form> for their embed and delete the fetch block. The README has the markup with this template's classes already on it.
Post to a page you publish here
Publish Sunrise on the free plan, then point the downloaded file at /api/leads/subscribe with your page slug. Two lines. Addresses land in the same leads list, and you keep hosting the HTML wherever you like — Netlify, your own FTP, anywhere.
Whichever you pick, submit the form with your own address and go and look for it before you tell anyone the page exists. Thirty seconds, and it is the only step in that file that can quietly cost you a launch.
The first three things to change
- 1
Put your own count and place in the subheadline. If you have neither, say what you make instead — never leave the Bordeaux example in.
- 2
The orange #FF6B35 renders white button text at 2.84:1, under the 4.5:1 AA bar. Paste #C2410C into the accent field for 5.18:1 if that matters to you.
- 3
Add a photo as the background image and drop the overlay to about 20% — this palette was built to sit over product shots.
Put Sunrise 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.
Free plan: 3 pages, 100 leads, no card. The .zip needs neither.