Web Technologies · the website hunt

Website Hunting Grounds

Where to look when it's hunt time: 90 galleries, sorted by what they're good for. Pick the session's lens, open a gallery, and find three sites you'd defend in front of the class.

All links checked on 27 September 2026 Galleries you've opened turn purple. Try a new one each time.

  1. Read the lens. Every session has its own theme.
  2. Hunt for 10–12 minutes. Open two or three galleries, then click through to the real sites.
  3. Log three sites in the class form: why you picked each one, and how you think it's built.
  4. Be ready to show one of them to the class in 90 seconds.

Start here

Words to describe what you found

Use them in the “why” column and in the debrief. The same words make much better prompts for AI design tools.

Layout

hero above the fold grid bento grid split screen full-bleed whitespace sticky header card masonry modal drawer marquee footer call to action

Type

serif sans-serif monospace display face variable font kinetic type oversized type type scale line length tracking

Color & style

palette contrast monochrome duotone gradient grain glassmorphism brutalism minimalism skeuomorphism dark mode illustration

Interaction

hover state focus state micro-interaction custom cursor magnetic button toggle tooltip infinite scroll skeleton screen empty state toast

Motion

easing transition parallax scroll-triggered scroll-jacking smooth scroll page transition stagger reveal morph reduced motion

3D & media

WebGL shader particles 3D model post-processing generative video background sound design

Under the hood

static site CMS SPA server-rendered API database auth CDN lazy loading responsive breakpoint accessibility