Find Web Design References

Start with the question

A search for beautiful websites is usually too broad. Ask how to explain a complex product above the fold, compare plans, or build trust for a financial service. A concrete question becomes the selection rule and keeps random images out of the working set.

Choose the source by task

• Use Refframe for specific web sections, styles, industries, effects, personal uploads, and boards.
• Use Refero when real web and iOS screens, patterns, and user flows matter.
• Use Mobbin to study screen sequences, animations, product history, or team review.
• Use Cosmos while the direction is still open and broad visual association is valuable.
• Use Awwwards for art direction, expressive complete sites, and a benchmark for execution quality.
• Use Pinterest during early research for broad visual associations, related ideas, and moodboards; move to a specialist catalog when you need repeatable web-pattern retrieval.

Select evidence, not decoration

Keep six to twelve examples that answer one question. Record the source and a short reason for each choice: what works, under which conditions, and what risk the pattern introduces. Compare hierarchy, content, proof, user action, and accessibility-not appearance alone.

Test a source with one live brief

Before subscribing, give each service ten minutes with one current task. Measure the time to three comparable examples, the quality of source links, whether you can preserve your reasoning, and how quickly the same evidence can be found again. That trial reveals workflow fit more reliably than catalog size or a feature checklist.

Turn the set into a decision

Group examples by conclusion, remove duplicates, and explain trade-offs before presenting them. First clarify the artifact with Reference, Moodboard, or Example?, then apply the practical reference workflow to one real brief.