1930s cartoon Animated HTML website template

The sample page

Two-Beat Donuts. Donuts and coffee in Logan Square, Chicago.

The idea

The whole shop becomes a 1930s cartoon breathing on a two-beat count, and ordering a dozen is the vaudeville number Hollis, the house donut, uses to close the show.

What to try

Move your cursor so Hollis follows you with his eyes and the cup and percolator stretch your way, get close to him, then press “Order a dozen” for his number with a kick line of donuts, the iris-out and the closing card.

Made for

Cafés, bakeries, food brands, entertainment and mascot-led products

Palette

• #141210
• #2E2B26
• #6B665C
• #A8A293
• #D8D1C0
• #F1ECDF

Typefaces

Ultra + Libre Franklin

Cultural notes

• Hollis is an original donut in a paper cap whose nose is his own hole: no round ears, no cup with a straw, no ink demon and no lookalike of any existing character.
• An original sign-off (“And that’s the hole story!”), with no catchphrases or music from real films.
• Reduced motion drops the flicker, scratches and bouncing, and a button pauses the picture.

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.