← heroeffects templates
Edge runtime · Generally available

Cold start, solved.

The frame loads frozen over and holds for four hundred milliseconds before the frost retreats from the centre out, like a defroster rather than a fade. Every backend engineer feels that joke in their teeth.

Revealhero effect
4sections below
1file to deploy
Scroll
Why this one moves

What is withheld for a moment is read for far longer.

Cold Start is directed, not decorated. The opening frame is treated the way a director treats a first shot: one continuous move, real depth, and the message placed exactly where the eye lands.

Three octaves of fog stand in front of the picture and thin as you read, while the image itself sharpens from soft to crisp. A reveal, not a transition. Everything ships as a single self-contained file that drops into Webflow, WordPress, Shopify or Framer — and your team edits every word without touching code.

See the craft
What you get

Three things this template guarantees.

Built for developer tools & cloud teams that need the opening to carry weight and the rest of the page to stay out of the way.

01

Reveal from mist

Three octaves of fog stand in front of the picture and thin as you read, while the image itself sharpens from soft to crisp. A reveal, not a transition.

02

One file

Hero, sections, form and copy editor in a single HTML document. No build step, no framework, no plugin — paste it in and it runs.

03

Sixty frames

Device pixel ratio capped at two, reduced-motion honoured with a still frame, and a graceful image fallback if WebGL is unavailable.

The principle

Show it slowly. They will look longer.

Everything in Cold Start exists to make the first scroll feel intentional. Nothing wobbles for its own sake; every move is tied to how far the reader has travelled.

1.8sto first rendered frame
60fpson an ordinary laptop
0frameworks required
Use this template

Make Cold Start yours.

Send the image you want in the hero and a line about the brand. We re-skin Cold Start to your palette, type and copy, and hand back one file — usually inside five working days.

Or write to hello@heroeffects.com
Template · Cold Start · effect: veil
Preview · heroeffects.com · all rights reserved