78 sites para descobrir os melhores designs da web

Esta pesquisa reúne lugares onde é possível ver sites excelentes, descobrir tendências e estudar como projetos reais resolvem layout, tipografia, movimento, narrativa, conversão e interface. A seleção vai além de Awwwards: inclui curadorias menos conhecidas, acervos japoneses, referências especializadas em SaaS, componentes específicos e experiências deliberadamente estranhas.

Nem todo site premiado é um bom modelo para um produto real. Algumas galerias favorecem espetáculo, WebGL e animação; outras mostram páginas comerciais mais viáveis. Por isso, cada recomendação informa para que ela é melhor e qual é sua principal limitação.

Resumo executivo

Se você quiser guardar somente dez endereços, estes oferecem a melhor cobertura:

Minha combinação preferida para trabalhar seria:

• SiteInspire + Land-book para encontrar uma direção visual viável;
• Awwwards + Recent Design + Hoverstat.es para ideias ousadas;
• SaaSFrame + Refero + Mobbin para transformar inspiração em interface funcional;
• Typewolf + Fonts In Use para tipografia;
• MUUUUU.ORG + Japan Web Design + I/O 3000 para escapar do mesmo repertório de sempre.

Metodologia e critérios

Foram pesquisadas premiações, galerias editoriais, arquivos de screenshots, bibliotecas de componentes e vitrines oficiais de plataformas. Os critérios principais foram:

• acervo acessível e relevante em julho de 2026;
• qualidade da curadoria;
• presença de links, screenshots ou gravações que permitam estudar o site;
• filtros úteis por setor, estilo, página, cor ou tecnologia;
• variedade geográfica e estética;
• utilidade prática, não apenas popularidade;
• indicação de limitações como paywall, foco excessivo em espetáculo ou exemplos conceituais.

Os links foram verificados em 19 de julho de 2026. Alguns serviços bloqueiam consultas automatizadas, mas foram confirmados por suas páginas públicas ou resultados atuais.

Como usar inspiração sem produzir uma cópia genérica

1. Comece pelo problema, não pelo estilo: portfólio, SaaS, loja, editorial ou campanha.
2. Salve referências separadas para hero, navegação, tipografia, grid, casos, CTA, rodapé e mobile.
3. Compare pelo menos três sites antes de definir uma direção.
4. Escreva por que cada referência funciona; “é bonito” não ajuda na implementação.
5. Verifique o site ao vivo em desktop e celular. Screenshot não mostra desempenho, acessibilidade nem interação.
6. Não copie marca, ilustração, texto ou composição completa. Extraia princípios e recombine-os.
7. Trate Awwwards como passarela experimental, não como especificação automática de produto.

Premiações e curadorias de alto nível

1. Awwwards

A maior referência para sites visualmente ambiciosos, estúdios, motion, WebGL e narrativa. É excelente para descobrir o limite técnico, mas vários vencedores sacrificam velocidade, clareza ou acessibilidade. Melhor para: impacto visual e estúdios de ponta.

2. CSS Design Awards

Premia trabalhos de UI, UX e inovação, com vencedores diários e especiais. Tem bastante sobreposição com Awwwards, porém oferece outra seleção e outro sistema de jurados. Melhor para: comparar tendências premiadas.

3. CSS Winner

Galeria de sites submetidos e premiados por design. O acervo é menos intimidador que Awwwards e mistura experimentação com sites corporativos mais reproduzíveis. Melhor para: referências variadas.

4. The FWA

Premiação histórica de experiências digitais, campanhas e trabalhos interativos. Favorece inovação e entretenimento mais que páginas comerciais convencionais. Melhor para: experiências imersivas e história do web design.

5. The Webby Awards

Premiação ampla de internet, incluindo sites, apps, vídeo, publicidade e experiências. A utilidade está em descobrir projetos excelentes por setor, não apenas uma estética específica. Melhor para: benchmarks de indústrias.

6. Orpetron

Premiação e vitrine de sites, agências e profissionais digitais. É menos conhecida que Awwwards e ajuda a encontrar trabalhos fora do circuito mais óbvio. Melhor para: novos estúdios.

7. CSS Nectar

Avalia sites por design, código e criatividade, organizando vencedores e indicados. A qualidade varia, mas os filtros tornam o acervo útil. Melhor para: pesquisa por cor, categoria e país.

8. Design Nominees

Diretório de sites, apps e projetos indicados por design. Possui muito volume; use filtros e não assuma que toda submissão representa excelência editorial. Melhor para: varredura ampla.

As melhores galerias gerais

9. SiteInspire

Uma das curadorias mais consistentes da web, com filtros por assunto, estilo, tipo e plataforma. Costuma favorecer tipografia, grids e direção de arte realmente utilizáveis. Melhor para: começar quase qualquer projeto.

10. Recent Design — antigo Godly

O domínio Godly passou a redirecionar para o Recent Design, que reúne websites, branding, motion e outras disciplinas. A área de sites mantém a pegada contemporânea, ousada e muito visual que tornou Godly conhecido. Melhor para: linguagem atual e experimental.

11. Land-book

Galeria atualizada com páginas completas, seções e filtros por tipo, estilo, indústria e cor. Parte dos recursos avançados e do acervo exige plano pago. Melhor para: marketing e referência por seção.

12. Lapa Ninja

Reúne milhares de landing pages, screenshots longos, gravações, fontes e categorias. É especialmente boa quando o site original já mudou ou saiu do ar. Melhor para: estudar páginas completas.

13. One Page Love

Existe desde 2008 e mantém milhares de exemplos de sites de uma página, além de seções catalogadas. Os comentários editoriais ajudam a enxergar por que o exemplo funciona. Melhor para: portfólios, lançamentos e páginas enxutas.

14. Best Website Gallery

Curadoria veterana com filtros por cor, estilo, CMS e tecnologia. A interface é simples, deixando os screenshots no centro. Melhor para: busca rápida por estética.

15. Admire The Web

Galeria direta de sites visualmente interessantes, com menos cerimônia que premiações. É boa para sessões rápidas de exploração. Melhor para: descoberta casual.

16. Httpster

Seleciona sites com atenção especial a acabamento, tipografia e personalidade. O volume menor é uma vantagem: há menos ruído e mais decisões editoriais. Melhor para: sites de estúdio e cultura.

17. Minimal Gallery

Foco em sites minimalistas, monocromáticos e tipograficamente controlados. Serve para aprender hierarquia e espaço em branco, não apenas “usar menos coisas”. Melhor para: minimalismo contemporâneo.

18. MaxiBestOf

Curadoria independente muito apreciada por designers, misturando sites elegantes e experimentais. É menos massificada e frequentemente revela projetos que ainda não circularam nas grandes premiações. Melhor para: achados menos óbvios.

19. Curated Design

Reúne websites e produtos digitais com filtros visuais. A proposta é reduzir a busca dispersa e entregar uma seleção já refinada. Melhor para: repertório moderno.

20. Designspiration

Não é exclusiva de sites: inclui identidade, editorial, fotografia e outras referências. Isso é útil quando o projeto precisa de direção de arte e não apenas padrões de interface. Melhor para: moodboards multidisciplinares.

21. Behance — Web Design

Mostra estudos de caso completos, inclusive processo, telas e identidade. Muitos projetos são conceituais e nunca viraram sites reais, então separe apresentação bonita de solução validada. Melhor para: narrativa de case e direção visual.

22. Dribbble — Web Design

Excelente para detalhes visuais e tendências rápidas, mas fraco para entender páginas inteiras e comportamento real. Use como tempero, não como fonte principal de UX. Melhor para: pequenos recortes e estilos.

Experimental, brutalista, motion e sites estranhos

23. Brutalist Websites

Arquivo essencial de sites crus, desconfortáveis e deliberadamente contrários à polidez convencional. É valioso para quebrar padrões, mas brutalismo sem intenção vira apenas má usabilidade. Melhor para: repertório antiestético e editorial.

24. Hoverstat.es

Galeria independente de sites criativos, culturais e frequentemente incomuns. Tem uma seleção mais artística e menos corporativa que as grandes premiações. Melhor para: interações e identidades fora do padrão.

25. 60fps.design

Coleciona referências de animação e movimento digital. Ajuda a estudar ritmo, transições e microinterações, mas o nome não garante que cada exemplo seja leve. Melhor para: motion design na web.

26. Design Spells

Catálogo de pequenos “encantamentos” de interface: detalhes, efeitos e interações memoráveis. Em vez de copiar uma página, você estuda um comportamento específico. Melhor para: microinterações.

27. Dead Simple Sites

Seleciona sites extremamente simples, diretos e com pouca decoração. É um ótimo antídoto para a ideia de que design bom precisa de dezenas de efeitos. Melhor para: clareza e simplicidade.

28. Dark Design

Galeria dedicada a interfaces e sites escuros. Use para analisar contraste, superfícies e hierarquia; dark mode mal executado cansa e prejudica legibilidade. Melhor para: paletas escuras.

Landing pages, SaaS e sites de produto

29. SaaSFrame

Biblioteca muito completa de páginas de marketing, telas de produto, padrões e fluxos de SaaS. Parte avançada é paga, mas a organização por pricing, onboarding, dashboard, estados vazios e outros padrões economiza horas. Melhor para: produto SaaS de ponta a ponta.

30. Nicelydone

Referências de produtos digitais reais, organizadas para estudar páginas e fluxos. A curadoria é refinada e menos poluída que grandes bancos de screenshots. Melhor para: UI de produtos conhecidos.

31. Refero

Pesquisa telas e páginas de serviços reais por padrão, produto ou categoria. É especialmente útil quando você precisa resolver algo concreto como login, billing, pricing ou onboarding. Melhor para: benchmark funcional.

32. Mobbin

Grande biblioteca de fluxos de produtos web e mobile. O plano gratuito é limitado e o foco é interface interna, não apenas homepages. Melhor para: UX, estados e jornadas.

33. Page Flows

Grava fluxos completos em vídeo e screenshots, mostrando como uma ação realmente acontece. É melhor que uma imagem isolada para onboarding, checkout, busca e cancelamento. Melhor para: comportamento e fluxo.

34. Screenlane

Coleciona telas e jornadas de aplicativos e produtos web. A curadoria visual é forte, mas parte do acesso pode exigir conta. Melhor para: padrões de produto.

35. UI Garage

Galeria de UI organizada por tipo de tela e plataforma. É útil como índice rápido, embora parte do acervo possa refletir tendências de períodos anteriores. Melhor para: encontrar um padrão específico.

36. SaaS Pages

Coleção focada em páginas de marketing de empresas SaaS. É útil para comparar mensagem, prova social, estrutura e CTA entre concorrentes. Melhor para: copy e arquitetura de landing pages.

37. SaaS Landing Page

Diretório de landing pages de software com recortes por seção. Ajuda a sair do “hero bonito” e estudar como uma página inteira vende o produto. Melhor para: estrutura comercial.

38. WebInspoo

Galeria de sites SaaS com filtros por página, cor, tipografia e tecnologia. É menos famosa que SaaSFrame e bastante prática para pesquisa direcionada. Melhor para: filtrar referências SaaS.

39. Landingfolio

Coleciona landing pages e componentes como hero, pricing, depoimentos e CTA. Recursos premium convivem com referências gratuitas. Melhor para: montar uma página por blocos.

40. Landing Love

Foco em landing pages com motion, vídeos e transições bem executadas. É muito útil para enxergar o movimento que screenshots estáticos perdem. Melhor para: landing pages animadas.

41. Unsection

Biblioteca de seções de sites, organizada para resolver uma parte específica da página. É eficiente quando o problema é “como desenhar esta seção?”, não “qual será a identidade inteira?”. Melhor para: componentes de marketing.

42. SaaS Interface

Acervo de interfaces e padrões usados em produtos SaaS. Complementa galerias de marketing mostrando o que acontece depois do login. Melhor para: dashboards e produto.

43. SaaS Websites

Diretório concentrado em sites de empresas de software, útil para comparar categorias, posicionamento e linguagem visual. Melhor para: pesquisa competitiva.

44. Footer Design

Galeria dedicada exclusivamente a rodapés. Parece exageradamente específica até você precisar organizar navegação, newsletter, legal, confiança e redes no fim de uma página. Melhor para: footers.

45. Navbar Gallery

Referências de cabeçalhos e navegação em sites reais. Compare desktop e mobile e não copie apenas a aparência sem considerar quantidade de itens. Melhor para: navbars e menus.

46. SaaSpo

Curadoria de landing pages e recursos para SaaS, com estética atual. É uma alternativa menos conhecida para fugir dos mesmos exemplos do Linear e Stripe. Melhor para: novas referências de software.

E-commerce

47. Ecomm.Design

Grande galeria de lojas organizada por plataforma, setor e recurso. Ajuda a comparar home, coleção, produto e checkout, embora alguns recursos sejam comerciais. Melhor para: lojas completas e benchmarks por nicho.

Tipografia aplicada a sites

48. Typewolf

Uma das melhores fontes para descobrir fontes e combinações usadas em sites reais. As análises editoriais ensinam a olhar tamanho, peso e contraste, não só o nome da família. Melhor para: escolher tipografia com contexto.

49. Fonts In Use

Arquivo enorme de tipografia aplicada em web, editorial, marcas, embalagens e sinalização. É perfeito para construir repertório além das fontes da moda. Melhor para: pesquisa tipográfica profunda.

50. Typ.io

Catálogo de combinações de fontes observadas em sites. É rápido para descobrir pares que já convivem em uso real. Melhor para: font pairing.

51. Fontpair

Sugere pares tipográficos, principalmente com fontes acessíveis pela web. É mais ponto de partida que prova de qualidade; teste os pares com seu conteúdo. Melhor para: exploração rápida.

52. Typespiration

Exemplos prontos de combinações, hierarquia e cor tipográfica. Útil para quem precisa sair da página em branco, mas não deve substituir decisões de marca. Melhor para: receitas tipográficas.

Galerias japonesas e repertório fora do eixo habitual

53. Japan Web Design

Galeria em inglês dedicada a websites japoneses modernos, com comentários que ajudam a interpretar escolhas culturais e visuais. Melhor para: entrada acessível no design japonês.

54. MUUUUU.ORG

Uma das vitrines japonesas mais ricas, cheia de direção de arte, tipografia vertical, cores e composições incomuns. Mesmo sem ler japonês, os filtros visuais são valiosos. Melhor para: campanhas, marcas e sites editoriais.

55. 81-web

Seleção japonesa ampla e bem categorizada. Tem muitos sites comerciais reais, não apenas experiências premiadas. Melhor para: diversidade de setores no Japão.

56. I/O 3000

Galeria japonesa veterana com seleção diária e filtros. O acervo permite perceber a evolução de estilos e tecnologias ao longo dos anos. Melhor para: pesquisa histórica e atual.

57. Web Design Clip

Coleciona sites japoneses e internacionais com filtros por cor, categoria e estilo. É prática para explorar muitas referências rapidamente. Melhor para: pesquisa visual por filtros.

58. S5-Style

Bookmark gallery japonesa de websites bem desenhados. A interface é densa, mas o volume revela trabalhos que raramente chegam às curadorias ocidentais. Melhor para: garimpo.

59. Ike-sai

Arquivo de “sites legais” do Japão com longa trajetória. A curadoria e a própria interface carregam contexto histórico da web japonesa. Melhor para: repertório japonês clássico.

60. bookma!

Galeria japonesa com visualização de versões desktop e mobile. É particularmente útil para comparar responsividade sem abrir cada site separadamente. Melhor para: desktop versus celular.

61. Responsive Web Design JP

Foco em sites responsivos japoneses, mostrando como layouts se adaptam. Alguns exemplos podem ser antigos, mas o arquivo continua valioso como referência. Melhor para: comportamento responsivo.

Vitrines de plataformas e ferramentas

Essas galerias têm viés: promovem trabalhos feitos em uma plataforma específica. Ainda assim, são excelentes para entender o que a ferramenta consegue produzir.

62. Made in Webflow

Vitrine de sites construídos em Webflow, muitos clonáveis. Além da estética, permite estudar a implementação quando o autor compartilha o projeto. Melhor para: aprender Webflow por exemplos.

63. Framer Gallery

Seleção oficial de sites feitos em Framer. Reflete tendências atuais de landing pages, portfólios e motion, embora possa gerar certa uniformidade visual. Melhor para: Framer e animação rápida.

64. Readymag Examples

Vitrine de projetos editoriais, culturais e experimentais feitos em Readymag. Excelente para revistas digitais, narrativas e layouts fora da grade comercial comum. Melhor para: editorial interativo.

65. Semplice Showcase

Portfólios criativos construídos com Semplice. A seleção é forte em direção de arte, fotografia, design gráfico e apresentação de cases. Melhor para: portfólios.

66. Squarespace Examples

Exemplos oficiais de sites na plataforma. São menos experimentais, porém mais próximos de pequenas empresas, serviços e lojas que precisam funcionar. Melhor para: referências comerciais realistas.

Animação, WebGL e experimentos técnicos

67. GSAP Showcase

Projetos selecionados que usam GSAP para animação. Observe ritmo, gatilhos e continuidade, mas sempre implemente alternativa para prefers-reduced-motion. Melhor para: motion de produção.

68. Three.js Examples

Exemplos oficiais das capacidades do Three.js, de materiais e partículas a pós-processamento e WebXR. Não são designs prontos, mas uma biblioteca de possibilidades técnicas. Melhor para: WebGL e 3D.

69. Codrops Playground

Experimentos e demos de interações, transições, shaders, tipografia e layouts. O código ajuda a entender a técnica; revise licença, compatibilidade e desempenho antes de reutilizar. Melhor para: prototipagem avançada.

Arquivos históricos, portfólios e referências complementares

70. Web Design Museum

Captura a evolução de sites desde os anos 1990, incluindo marcas e interfaces famosas. É valioso para entender ciclos de tendência e evitar tratar todo estilo recente como invenção. Melhor para: história da web.

71. 404 Page Found

Arquivo de sites e páginas antigas encontrados na web. Funciona como arqueologia visual e fonte para estética retrô genuína. Melhor para: referências históricas e vernaculares.

72. Bestfolios

Curadoria de portfólios de designers, UX e produto. Ajuda tanto no visual quanto na organização de estudos de caso e apresentação profissional. Melhor para: portfólio e carreira.

73. A Fresh Website

Galeria pequena e independente de sites considerados “frescos”. A curadoria pessoal é justamente o valor: menos volume e menos repetição algorítmica. Melhor para: descobertas inesperadas.

74. Lookup Design

Biblioteca pesquisável de padrões e referências de produtos digitais. Use quando houver um problema de UI específico em vez de buscar uma identidade completa. Melhor para: pesquisa de componentes.

75. Deck Gallery

Galeria de apresentações e pitch decks. Não é exclusivamente web, mas ensina narrativa, ritmo, hierarquia e composição que transferem muito bem para landing pages. Melhor para: storytelling visual.

76. CallToIdea

Coleção de padrões de UI organizada por elementos como login, pricing, perfil e CTA. Parte do acervo reflete tendências anteriores, mas ainda ajuda a gerar alternativas. Melhor para: ideação rápida.

77. Checklist Design

Checklists e referências para telas e fluxos comuns. É menos uma galeria de “sites lindos” e mais uma defesa contra esquecer estados, conteúdo e casos necessários. Melhor para: transformar inspiração em produto completo.

78. UX Archive

Arquivo de fluxos de aplicativos organizado por tarefa. Complementa a inspiração visual ao mostrar sequência e lógica, algo que uma homepage premiada raramente ensina. Melhor para: jornadas de usuário.

Qual site usar em cada situação

Recomendações práticas

Rotina de quinze minutos

1. Abra SiteInspire e selecione três referências pelo tipo do projeto.
2. Procure a mesma categoria no Land-book ou Lapa Ninja.
3. Vá ao site ao vivo e teste mobile, navegação, carregamento e teclado.
4. Salve somente uma decisão de cada referência: tipografia, grid, hero, motion ou CTA.
5. Consulte uma galeria funcional como Refero antes de fechar a interface.

Estrutura de uma biblioteca pessoal

Organize seus favoritos por problema, e não pelo nome da galeria:

inspiracao-web/
├── heros/
├── navegacao/
├── tipografia/
├── grids/
├── cases-e-portfolios/
├── pricing-e-conversao/
├── motion/
├── mobile/
└── referencias-completas/

Em cada captura, registre URL, data, motivo, elemento útil e o que não deve ser copiado. Sites mudam ou desaparecem; para pesquisa privada, uma captura acompanhada do link preserva o contexto melhor que um favorito solto.

Sinais de uma referência ruim

• animação impede leitura ou navegação;
• o site só funciona bem em um monitor grande;
• cursor personalizado esconde estados ou reduz precisão;
• scroll é sequestrado sem benefício;
• contraste e foco de teclado são ignorados;
• texto é cenário, não conteúdo;
• o exemplo depende de hardware potente;
• não existe CTA claro onde deveria existir;
• você gosta da marca, mas não consegue identificar uma decisão transferível.

Conclusão

Para “ver designs fodas”, Awwwards, Recent Design e Hoverstat.es entregam espetáculo. Para realmente projetar um bom site, SiteInspire, Land-book, Lapa Ninja e One Page Love são mais consistentes. Para produto e SaaS, SaaSFrame, Refero, Mobbin e Page Flows são muito mais úteis que uma galeria puramente visual.

O maior ganho vem de misturar repertórios: uma referência japonesa para composição, Typewolf para tipografia, SiteInspire para direção geral, Refero para comportamento e GSAP Showcase para movimento. Assim o resultado não vira apenas mais uma cópia do estilo dominante da semana.

Fontes consultadas

• SiteInspire — galeria e filtros de inspiração
• Recent Design — websites
• Land-book — galeria de web design
• Lapa Ninja — sobre o acervo e a curadoria
• One Page Love — inspiração de sites de uma página
• Awwwards — sites premiados
• SaaSFrame — biblioteca de marketing e produto
• Brutalist Websites — manifesto e acervo
• Japan Web Design — galeria japonesa
• Typewolf — tipografia em sites
• GSAP — showcase
• Web Design Museum — arquivo histórico
• Os demais sites estão vinculados diretamente em cada item da pesquisa.

Nota sobre atualidade

Pesquisa concluída em 19 de julho de 2026. Galerias mudam de domínio, adotam planos pagos, encerram atividades e perdem exemplos antigos. O caso mais relevante nesta pesquisa é o Godly, cujo domínio passou a redirecionar para o Recent Design. Confirme acesso, licença e disponibilidade antes de depender de um acervo ou recurso específico.