Colophon

This website is a proof of concept inspired from a TikTok video post by a user named "amberfeather". The following is their copy-pasted manifesto:

My biggest inspo #aliceinwonderland #oldweb

Alice in Wonderland aesthetic inspiration for old web style

Lead
This short guide shows how Alice in Wonderland can be the biggest inspiration for an 'old web' aesthetic: the visual motifs, color choices, and creative cues to recreate a nostalgic internet look.

Body
Why Alice in Wonderland works for old web Alice in Wonderland offers surreal, whimsical imagery-mismatched scale, curious objects, and playful typography—that pairs naturally with the handmade, collage-like feel of early web pages. Use recurring Wonderland elements (playing cards, clocks, keys, mushrooms, pocket watches, tea sets, and rabbit motifs) to form a consistent visual language.

Colour and texture
Choose a faded pastel palette with punctuated saturated accents (teal, rose, mustard). Layer grainy textures, scanned paper edges, and GIF-like looping elements to emulate low-resolution web graphics. Subtle scanlines or halftone dots increase the retro effect.

Typography and layout
Combine playful display fonts for headings with simple monospace or system fonts for body text to echo late-90s/early-00s pages. Keep layouts experimental: offset boxes, tiled backgrounds, visible borders, and centered GIFs or animated cursors recreate the era's charm.

Graphics and motion
Use small animated GIFs—heart blinks, floating keys, spinning clocks—and basic CSS animations to mimic early web motion. Low-fi illustrations or photocollage cutouts of Wonderland objects maintain authenticity.

Content and voice
Write short, whimsical snippets, diary-style notes, or cryptic links labeled like a personal homepage. Embrace quirky navigation (button collections, guestbook links, and music players) to capture the personal web feel.

Practical tips
- Build a moodboard with Alice motifs: keys, cards, watches, tea cups.
- Collect low-resolution GIFs and scanned textures.
- Limit palettes and layer textures for cohesion.
- Use simple HTML/CSS or tools that allow custom styling to preserve the handcrafted look.

Close / CTA
Use Alice in Wonderland elements as recurring motifs to tie visuals together and lean into low-fi textures and playful typography. Want to recreate a specific old web page look? Try assembling a moodboard of your favorite Wonderland objects and start with a small animated GIF to set the tone.