Swiss style Animated HTML website template

The sample page

Saal Pendel. Chamber music hall, Klybeck, Basel.

The idea

Each piece’s meter becomes a chronophotograph: the baton tip captured with one flash every twelfth of a second, as steady as a pendulum.

What to try

Scroll to trace the grid, step each text block into its column and expose the photo flash by flash; then pick another meter.

Made for

Design studios, consultancies and museums

Palette

• #F7F7F5
• #111111
• #E03A2F
• #9A9A9A
• #2A5DB0

Typefaces

Archivo

Cultural notes

• An original layout: nothing from the Stadtcasino and no posters by Müller-Brockmann or the Basel school.
• A real 12-column grid, flush-left type and nothing centered.
• A single red accent, with no shadows or gradients in the interface.

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.