15 Web Design Reference Sites—and How to Analyze Them

Reference libraries are useful only when they help answer a design question. Save pages because of a decision worth studying, not because the screenshot looks good.

What to study on every page

Start with the hero: who is it for, what promise is being made, and what action is prioritized? Then trace the information architecture. Notice the order in which context, proof, features, pricing, and objections appear. Finally, inspect the call to action: does it ask for an appropriate commitment at that point in the journey?

Build a useful reference set

Use broad galleries to scan visual directions, award archives to study crafted interaction, and category-specific sites to compare familiar patterns. Keep notes alongside each save: the product type, audience, business model, device context, and the specific element that earned a place in the collection.

A reference is not a layout to reproduce. It is evidence you can use to make a better decision about hierarchy, trust, motion, density, or conversion.