Design Reference Sites in 2026: Find Better Web, UI, Ad & Brand References

Summary: design reference sites, and where to start

• References are chosen by the question in front of you, not by taste. Whether the problem is the information order on a landing page, the checkout flow in an app, or how a brand holds together across touchpoints, a different archive is worth opening first.
• Web and landing pages: Land-book, Awwwards, One Page Love. App UI flows: Mobbin, Refero, Behance. Branding and packaging: Brand New, Packaging of the World.
• Advertising splits in two: creative running right now and campaign archives. The first tells you message, format and competitive position; the second tells you the idea and how it was made.
• Each discipline has its own list: 15 web design sites, 17 that working designers use daily, 15 advertising sites, 12 video ad archives, 15 poster and editorial studios, 40 Korean design agencies.
• When you save something, write down three things: what caught your eye, why it worked for that job, and what would have to change in your project. Without that it is a clipping, not a judgment.

There is no single best design reference site. The useful archive depends on whether you are solving a web hierarchy problem, studying interface behavior, reviewing advertising ideas, or building a brand system.

This page is a hub for design reference sites across web, UI/UX, advertising, branding, packaging and editorial design. Rather than trying to answer everything in one place, it points you to the archive — and the dedicated article — that fits the work in front of you.

Start with the question

• You need structure and persuasive order on a page: 15 web design reference sites
• You need the real flow of an app or a SaaS product: 17 design reference sites product designers use every day
• You want to see how a live campaign expresses itself: 15 advertising reference sites
• You need direction and editing in video advertising: 12 TVC archives and YouTube channels
• You need typography and composition for posters or editorial: 15 poster and editorial design studios
• You are looking for Korean design agencies and studios: 40 Korean design studios and agencies

The distinction matters for a simple reason. A beautiful single frame sets a mood, but a product screen or a campaign only works inside its context.

Web design references: see how a page persuades

Web design references are more useful for reading the order in which a page reveals information than for copying a visual style. When you are building a landing page, a portfolio or a product page, look separately at the promise in the first screen, the rhythm of the feature explanation, and where trust signals sit.

• Land-book — a curated gallery that lets you browse website examples by category and section.
• Awwwards — good for seeing the ceiling on interaction and art direction. Judge accessibility, performance and production scope separately before applying any of it.
• One Page Love — useful for studying how a landing page unfolds one message across a long scroll.

Read next

15 web design reference sites — and how to analyze landing pages and corporate websites

Worth reading when you need to break a landing page into hero, information architecture and CTA.

UI/UX references: look at the flow, not the screen

The screens before and after tell you more than a single screenshot. Onboarding, search, cart, checkout and permission prompts — anywhere a user might hesitate — need the real flow compared side by side.

• Mobbin — browse mobile app, web app and website UI/UX references by product type and screen flow.
• Refero — good for finding and comparing a specific feature or pattern.
• Behance — shows not only the finished screens but the problem and context a project was built around.

When you save a reference, note the situation it applies to alongside the image. "Showing a price comparison first during subscription conversion" is easier to find again than "a good checkout screen."

Read next

• 17 design reference sites product designers use every day
• Onboarding UX patterns: 12 flows that move a first-time user to the next action

Advertising references: separate live creative from campaign archives

There are two kinds of advertising reference: creative running on a platform right now, and campaign archives that outlast it. The first is for reading message, format and competitive position. The second is for interpreting the idea and how it was produced.

• Meta Ad Library — search ads currently running across Meta products.
• TikTok Creative Center — ad examples alongside trends and creative resources.
• Ads of the World — an archive for browsing campaigns and collections by theme.

Read next

• 15 advertising reference sites: how to see your competitors' live ads
• Video ad references: 12 TVC archives and YouTube channels

When you look at an ad, instead of asking whether it is attractive, record what it promises in the first frame and the order in which product, customer and CTA appear. That record becomes the brief for your next piece.

Branding, packaging and editorial: look at application, not the result

A brand reference that stops at the logo is hard to translate into real work. It is better to check whether color, type, imagery, copy, packaging, space and digital screens all point the same direction.

• Brand New — logo, identity and branding projects, covered with examples and opinion.
• Packaging of the World — find packaging by product category, country and designer.
• Behance — read the full set of brand applications together with the process behind them.

Read next

• 15 poster and editorial design studios, from Workroom to Pentagram
• 20 global furniture brands, from Herman Miller to Fritz Hansen
• 30 Korean spatial branding agencies
• How to choose a branding agency: 7 things to check before the portfolio

Turning references into your own work

A reference is not an answer key. Once you save an example, write down three things alongside it.

1. What caught your eye — observable elements: color, typography, imagery, motion.
2. Why it fit that job — the nature of the brand, the user's situation, the constraints of the medium.
3. What would have to change in your project — the assumptions you cannot carry over, and the conditions you need to set yourself.

Do those three and a reference stops being a clipping and starts being material for a decision. Open the archive for the discipline you need first, and read not just the frame but the structure that made the frame possible. The next screen and the next campaign get easier to decide.