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. Each style is shown as a live, original example page you can view at phone, tablet and desktop width. When one fits, take away the idea behind it: a short recipe of principles, palette, type and spacing you can hand to a designer, a design tool or an AI assistant.

How it works

From a look you like to a brief you can use

  1. See it live

    Open a style's example page and 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 pairing, spacing, and the do's and don'ts that keep it consistent.

  3. Copy the recipe

    Copy the style as a ready-to-use brief and paste it into your design tool or AI assistant. You take the idea; the code stays yours to write.

Styles are coming

The first styles are being made

Each style gets its own original example page, written for this library. The first ones will appear here soon. Until then, the card above shows what a recipe looks like.