Like these examples? Pick a design, describe your project, and copy a personalized redesign prompt.Use a design on my website ↗
Never designed a website before? Start with a simple example first ↗ Open any card below to view a visual preview, a full prompt, and design notes. Previews are illustrative studies, not deployed customer websites.
THE WEBSITE ATLAS / 32 STUDIESFREE TO STUDY · FREE TO REMIX
INDEX A / 01
The website
is the canvas.
From first impression to final click. Thirty-two section-specific starting points, each with an original visual study, a complete prompt, motion guidance, and an evidence-first critique.
What makes a good interface? ↗WEBSITE SECTIONS
Loading the collection…
WEBSITE / HERO01 ↗
Example: a home page introductionOpen the beginner example and learn why the headline and main action matter.
Give visitors a clear welcome.
WEBSITE / COMMERCE02 ↗
Example: shopping and productsExplore original concept previews for product lists, detail screens and purchasing journeys.
Help someone choose.
WEBSITE / STORY03 ↗
Example: a guided website planSee the major sections that belong together before copying a build prompt.
Tell one memorable story.
Nothing under that label.
Try a different search or return to all concepts.
Don't copy the surface.
Understand the decisions.
Use these studies as a starting point. Your product, its people, and its actual content should create the final design.
The method and research ↗