Website hero templates

The top of a page is seen by everyone who lands on it, often for a few seconds before they scroll. A hero visual has to look finished in that time and still bear a second look. These templates are made for that spot.

Chrome & glass hero turns a chrome panel behind a milky glass card while the camera swings around the pair and studio lights sweep across both. Liquid metal hero ripples behind a frosted card as a headline arrives. Glass list hero sets warm frosted cards, each naming a service, over a photograph of a sunlit studio. Bento hero builds a keynote-style grid tile by tile, pairing big numbers and names with pictures.

They suit web designers, founders and marketing teams redoing a landing page who want depth and real light rather than a flat gradient. Swap in your headline and words in every one; the glass list and the bento also take your pictures, and the liquid metal hero takes your logo. The glass list is a wide 2.1:1 loop made to sit across a whole page.

4 templates, all free, in 16:9 and 2.1:1, from 8 s to 16 s long.