Stillwatch

The brief

Design a premium SaaS landing page that sells calm rather than features.

The idea

The product's promise is that you sleep. So the page is the night itself: the sky moves from deep blue through a violet small hours to dawn as you read, and a clock in the corner keeps time with each section.

Decisions

• The sky is computed from scroll position, and text colour flips at dawn so contrast holds.
• A scripted alert storm shows the product idea better than any screenshot would.
• Pricing is by person on the rota, with a calculator that shows its own arithmetic.
• The simulation is labelled as a simulation directly under it.

How it came together

1. Started from a single sentence, sleep through it, and let the structure follow the hours of a night.
2. Wrote a five-stop sky and interpolated it from scroll position.
3. Scripted one believable incident from first alert to morning note.
4. Found by screenshot that the sky canvas had no CSS size, and fixed it.

How it works

A single HTML file. The sky is a 64 by 256 canvas stretched across the viewport, which is cheap to repaint. The alert storm is a seeded script triggered when the section enters view.