Website Design Explorer

A library of website design styles

Copy the idea, not the code.

Website Design Explorer is a library for exploring website design styles. See each style as a live, original example page, learn the rules that make it work, and take away a recipe you can hand to a designer or an AI assistant.

How it worksAbout the library
Field notesSample recipe
  • Background
  • Text
  • Accent
A sturdy serif for headings, a plain sans for reading.
  • DoLeave generous space around every heading.
  • Don’tUse the accent for more than one thing per screen.

How it works

  1. See it live

    Every style has its own original example page. Switch between phone, tablet and desktop width to see how it holds up.

  2. Understand the rules

    Read what makes the style work: its principles, palette, type, spacing, and the do’s and don’ts that keep it honest.

  3. Copy the recipe

    Take the idea with you as a written brief or design tokens, ready to paste into a design tool or an AI assistant.

Styles are coming

The first styles are being written now. Each one arrives with its own original example page and a recipe you can copy. Nothing here is borrowed from a real website.