Dark academia Animated HTML website template

The sample page

The Chamberstick. Second-hand bookshop in Marchmont, Edinburgh.

The idea

The cursor is a candle: its warm light wakes the gilt spines and lets you read the pencil notes earlier readers left in the margins.

What to try

Move the cursor (or tap the shelves) to carry the candle to the cards and papers, then join the club to see your name on the desk list.

Made for

Bookstores, courses, cafés and publishers

Palette

• #1C1714
• #3B2F2A
• #4A5A3C
• #6B4F3A
• #A68A64
• #E6DCC8

Typefaces

Cormorant Garamond + Crimson Pro

Cultural notes

• No crests, mottos, real universities or famous fantasy sagas: books, authors and publishers are invented.
• Open, welcoming tone: a free club, copies to borrow and a table of books from £2.
• All interface text sits on flat panels with AA contrast.

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.