Frutiger Aero Animated HTML website template

The sample page

High Tarn. Coast Mountains spring water, Vancouver.

The idea

The spring’s bubbling becomes a sky of glass bubbles, and the returnable bottle a water lens that flips the landscape.

What to try

Move your cursor (or finger) through the bubbles to push them aside, and catch one to pop it.

Made for

Water brands, wellness, friendly tech and travel

Palette

• #1C5FA8
• #4FB3F0
• #39D0C9
• #7BC943
• #BFE9FF
• #0A3363

Typefaces

Source Sans 3

Cultural notes

• No Windows or Mac OS X logos, buttons, orbs or wallpapers: snowy peaks, conifers and a spring pool, not a green hill.
• Only taste, returnable glass and origin: no health claims and no greenwashing.
• Dark text in the sun’s halo, with AA contrast measured at every size.

The HTML

What you download

• A single index.html file with nothing to install: open it, swap in your brand and copy, and upload it to your hosting.
• In English and Spanish, tested on desktop and mobile.
• Instructions for changing copy, colors, language and prices, plus its license.