Film noir Animated HTML website template

The sample page

Soft Pedal. Classic cocktails and jazz, Chicago’s Loop.

The idea

Streetlight through the blinds writes the bar’s name on the wall, and your cursor is the night watchman’s flashlight, hunting for what someone left behind in the office.

What to try

Sweep your cursor like a flashlight across the office (or use the ← → keys) to find the hat, the letter, the key, the trumpet and the cat, then get the password to switch on the lamp.

Made for

Bars, mystery podcasts and crime bookstores

Palette

• #0B0B0E
• #2B2B30
• #5E5D62
• #A3A09A
• #E6E1D6
• #D9963F

Typefaces

Bodoni Moda + Courier Prime

Cultural notes

• No weapons, gangsters, violence or characters: the mystery lives in the light and the type.
• No frames, posters or characters from real films, no real jazz clubs, and no femme fatale.
• AA contrast measured against the brightest light in the scene, flashlight included.

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.