O site que você queria estudar pode sair do ar amanhã: como montar uma biblioteca de referências que não depende da internet

Arquivar site é a única garantia de que a referência vai estar lá quando você precisar dela. Favorito e print não bastam: o favorito morre com o domínio, o print perde o movimento. Guarde o arquivo que roda no navegador, com código, fontes e animação, e catalogue cada peça com data e motivo.

Por que a sua pasta de favoritos é uma lista de links mortos?

Porque sites premiados são campanhas: duram o lançamento, depois são trocados ou desligados. O link continua salvo, mas aponta para um erro ou para a versão nova.

Quem estuda movimento, tipografia e 3D precisa do original rodando, não da lembrança dele. Escrevemos sobre o custo disso no ensaio Um link morto é uma promessa quebrada.

Quanto da web já desapareceu?

A Pew checou quais páginas de 2013 a 2023 ainda abriam. O Internet Archive testou quantas das mortas a Wayback Machine recuperava.

Os detalhes estão no relatório When Online Content Disappears, da Pew Research Center e na análise do Internet Archive sobre a recuperação da web morta, publicada em abril de 2026. Com a Wayback, a fração inacessível cai de uma em cada quatro URLs para uma em cada dez. Mesmo com o maior arquivo da internet, uma em cada dez some de vez.

O que a Wayback Machine não guarda?

A Wayback é um bem público, mas não foi desenhada para quem estuda interação. A página de informações gerais da Wayback Machine diz duas coisas que importam para designer e dev, consultada em outubro de 2026:

• páginas podem não ser arquivadas por exclusão via robots ou a pedido do dono do site;
• quando uma página dinâmica depende de formulários, JavaScript ou outros elementos que conversam com o servidor de origem, o arquivo não preserva a funcionalidade original.

Os sites que mais interessam a quem estuda, com 3D sob demanda e animação pela rolagem, são os mais frágeis no arquivo. Para ver por que ferramentas antigas também falham nisso, leia o guia como baixar um site completo e abrir offline.

Qual forma de guardar preserva o quê?

O print responde "como era". O arquivo que roda responde "como funcionava". Para estudar, vale a segunda.

Fontes: documentação da Wayback Machine em help.archive.org e página do Extrator de Sites, consultadas em outubro de 2026. As demais linhas descrevem o comportamento padrão dos navegadores.

Como catalogar uma biblioteca de referências?

Arquivar sem catalogar vira só outro tipo de bagunça. O método abaixo é o que usamos para que uma referência guardada em 2026 ainda faça sentido em 2028.

A nota é o passo que todo mundo pula e o que mais rende: com ela, a biblioteca vira plano de estudo. Para transformar cada pasta em exercício, siga o roteiro de como estudar um site do Awwwards por dentro. Se ainda falta o que guardar, comece pela lista de 20 sites para estudar em 2026.

Onde fica a linha entre estudar e copiar?

Guardar para estudar é uma coisa. Publicar o trabalho de outro como seu é outra. A regra que seguimos cabe numa frase: estude, referencie e faça backup do que é seu. A Lei 9.610/98 protege a obra, não a ideia; a técnica você aprende, o layout e os arquivos continuam sendo de quem fez.

Fontes baixadas junto com o site são o exemplo mais claro: estão na pasta para você entender a escolha tipográfica, não para usar num projeto sem licença. O panorama legal está em copiar site é crime?, que não substitui orientação de advogado.

E se a tentação for pular o arquivo e pedir a uma IA que refaça o site a partir de um print, vale ler antes o que v0, Bolt e Lovable acertam e o que só o arquivo original guarda.

Perguntas frequentes

Como arquivar um site para ver offline depois?

Salve os arquivos que fazem o site rodar, não uma imagem. Uma ferramenta que rola a página, escuta a rede e guarda HTML, scripts, fontes e modelos 3D entrega uma cópia que abre no seu computador sem internet. Print e PDF servem de lembrete visual, mas não guardam movimento nem código. O passo a passo completo está no guia de como baixar um site.

A Wayback Machine guarda sites com animação e 3D?

Nem sempre. A própria documentação do Internet Archive, consultada em outubro de 2026, avisa que páginas dinâmicas com JavaScript, formulários ou elementos que dependem do servidor de origem não mantêm a funcionalidade original no arquivo. Além disso, sites podem ser excluídos por robots ou a pedido do dono. Use a Wayback como complemento, não como sua biblioteca.

O que é link rot?

Link rot é o apodrecimento dos links: o endereço continua salvo, mas a página foi apagada, movida ou trocada. A Pew Research Center mediu o efeito em maio de 2024: 38% das páginas que existiam em 2013 já não estavam acessíveis. Em 54% das páginas da Wikipédia havia ao menos um link de referência apontando para algo que não existe mais.

Como organizar uma biblioteca de referências de design?

Uma pasta por site, nome com ano e mês, subpastas por técnica, os tokens de cor e fonte ao lado da cópia e uma nota curta dizendo o que estudar ali. O nome com data resolve o problema das versões; a nota transforma a coleção em plano de estudo. Evite pastas genéricas de inspiração, que viram depósito sem critério.

É legal baixar um site para estudar?

Guardar uma cópia para estudo pessoal é diferente de republicar ou usar comercialmente o trabalho de outra pessoa. A Lei 9.610/98 protege a obra e os arquivos, como imagens e fontes licenciadas. Estude a técnica, cite a referência e não publique o material como seu. Este conteúdo não substitui a orientação de um advogado.

Comece a sua biblioteca antes do próximo link morrer

A web vai continuar sumindo. Quem estuda não pode depender de o site estar no ar no dia em que precisar dele. A biblioteca local, com data, técnica e nota, separa referência de lembrança vaga.

O Extrator foi feito para isso: o modo Site inteiro segue os links do menu e captura cada página até 2 níveis, com animação, 3D, fontes e o design system em tokens, e o plano grátis tem 2 downloads por mês, sem cartão. Guarde a primeira referência com o modo Site inteiro do Extrator de Sites.