É Legal Clonar o Design de um Site? Guia
Essa pergunta aparece toda semana nas comunidades de dev. Clonar design é crime? Posso copiar um layout? Tem processo? Eu pesquisei a fundo e trouxe um guia prático
TL;DR
É Legal Clonar o Design de um Site? Guia. Essa pergunta aparece toda semana nas comunidades de dev. Clonar design é crime? Posso copiar um layout? Tem processo? Eu pesquisei a fundo e trouxe um guia prático com a lei brasileira na mão.
Eu vejo essa pergunta toda semana no Twitter, Discord, comunidades de dev. 'Posso clonar o site da Apple pra estudar?', 'Vou processar quem copiou meu layout?', 'Clonar com IA é pirataria?'. E as respostas geralmente são ou alarmistas demais — 'vai preso!' — ou permissivas demais — 'pode tudo, relaxa'. Resolvi pesquisar a fundo, conversar com advogados de direito digital e analisar casos reais de processos. Esse guia é prático, focado em o que você, dev ou designer brasileiro, pode e não pode fazer de verdade.
O que a lei brasileira diz sobre copiar layouts
A legislação brasileira relevante aqui é a Lei 9.610/98, a Lei de Direitos Autorais. Ela protege 'obras intelectuais' que sejam criações originais. E sim, um design de interface pode ser considerado obra intelectual se tiver originalidade suficiente. Mas tem um porém importante: a proteção cobre a expressão criativa, não a ideia por trás dela. Ou seja, 'ter um menu de navegação no topo da página' não é protegível — é uma convenção de usabilidade que todo mundo usa. Mas 'aquele menu específico com aquele gradiente roxo, aquela animação de slide-down, naquela configuração visual exata' pode ser protegido como criação original.
O teste da originalidade
Pra um design ser protegido por direitos autorais no Brasil, ele precisa passar no teste de originalidade mínima. Um site com layout padrão — hero, features, footer — usando Bootstrap sem nenhuma customização provavelmente não passa nesse teste. É genérico demais pra ser considerado criação original. Mas um site com identidade visual elaborada, ilustrações custom, animações únicas, tipografia proprietária — esse sim é protegido. Na prática, a maioria dos sites caem numa zona cinza: não são 100% genéricos, mas também não são 100% originais. É por isso que tão poucos casos vão pra justiça — é difícil provar onde termina a convenção e começa a criação.
O que você PODE copiar sem problemas
Respira fundo porque a lista é maior do que você imagina. Muita coisa que parece 'cópia' na verdade são padrões de design e usabilidade que pertencem a toda a comunidade de desenvolvimento. Ninguém é dono dessas convenções.
Pode copiar tranquilamente
- Padrões de layout: menu fixo no topo, sidebar, grid de cards, footer com links
- Estrutura de páginas: landing page com hero seguido de features, pricing e CTA
- Padrões de interação: accordion, tabs, modals, dropdowns, tooltips
- Fluxos de navegação: onboarding em passos, checkout com progress bar, dashboard com sidebar
- Conceitos de design: dark mode, glassmorphism, neomorfismo, gradientes
- Arquitetura de informação: como organizar e hierarquizar o conteúdo na página
- Convenções de UX: botão primário à direita, validação inline em formulários, breadcrumbs
Isso tudo são convenções consolidadas da indústria. Ninguém é dono do conceito de 'hero section com headline grande e botão de CTA'. Se fosse assim, todo site do mundo estaria infringindo direitos autorais de alguém. Esses padrões existem porque funcionam, e a comunidade inteira se beneficia quando todo mundo os adota.
O que você NÃO deve copiar
Agora a parte que exige atenção de verdade. Tem elementos que são claramente protegidos por lei e copiar pode gerar problemas reais — desde notificação extrajudicial até processo com pedido de indenização.
Não copie esses elementos
Logotipos e marca registrada — protegidos pela Lei de Propriedade Industrial (Lei 9.279/96)
Ilustrações e ícones customizados — são obras artísticas protegidas por direitos autorais
Fotografias — cada foto tem um autor com direitos morais e patrimoniais associados
Textos e copywriting — o conteúdo textual é protegido como obra literária
Código fonte — protegido como programa de computador pela Lei 9.609/98
Tipografias proprietárias — fontes pagas têm licença de uso restrita e rastreável
Paleta de cores quando associada a marca registrada (exemplo: o roxo do Nubank, o verde do Spotify)
Repara que a questão não é só se é 'bonito ou feio copiar'. É que esses elementos têm donos legais e a cópia pode gerar processo civil com pedido de indenização. E dependendo do caso, pode configurar crime de violação de direito autoral previsto no artigo 184 do Código Penal, com pena de detenção de 3 meses a 1 ano.
O caso especial do código fonte
Copiar o CSS de um site usando Inspect Element é tecnicamente copiar código protegido pela Lei de Software. Na prática, se você copia meia dúzia de propriedades CSS isoladas — tipo um box-shadow que ficou bonito ou um gradiente específico — ninguém vai te processar por isso. Mas copiar arquivos inteiros de CSS, JavaScript e HTML e usar no seu projeto comercial sem autorização — aí sim é infração clara e documentável. Com ferramentas de IA, a situação muda de forma interessante. Quando a IA gera código novo baseado numa referência visual, não há cópia direta de código. O resultado é código original inspirado no visual de outro site. Isso torna muito mais difícil alegar violação de direitos autorais sobre o código.
Como se proteger legalmente ao usar referências
Se você trabalha com web e usa referências — e quem não usa? — segue essas práticas pra ficar tranquilo juridicamente. Eu aprendi algumas delas da maneira difícil, depois de receber uma notificação extrajudicial no começo da carreira. A regra de ouro é simples: se uma pessoa que conhece o site original olhar pro seu e pensar 'isso é uma cópia daquele site', você foi longe demais. Se a pessoa olhar e pensar 'tem um estilo parecido, mas é claramente diferente', você está no terreno seguro.
- Nunca copie logos, imagens ou textos de outro site — crie os seus ou use recursos com licença comercial
- Mude a paleta de cores significativamente — não use as mesmas cores da marca que serviu de inspiração
- Use fontes diferentes do site de referência — prefira fontes open source do Google Fonts que são gratuitas
- Documente suas referências — mostrar que você se inspirou em 5 fontes diferentes fortalece seu caso
- Se for projeto comercial, consulte um advogado de direito digital antes de publicar
- Se usar código open source de outro projeto, respeite rigorosamente a licença (MIT, GPL, Apache)
- Em caso de dúvida, mude o suficiente pra que ninguém olhe pro seu site e reconheça imediatamente o original
Casos reais de processos por cópia de design
Existem sim casos reais no Brasil e no exterior de processos por cópia de design digital. A maioria envolve cópia descarada da identidade visual completa — não de padrões genéricos de layout. Vou contar os mais relevantes pra você entender onde está a linha.
Caso Zynga vs Vostu (2011)
Um dos casos mais famosos da internet brasileira. A Zynga, criadora do FarmVille, processou a brasileira Vostu por copiar visual e mecânicas de jogo de vários títulos deles. O caso foi longo e complexo, envolvendo tribunais brasileiros e americanos. No final, resultou em acordo com pagamento de indenização milionária. O ponto relevante pra gente: a cópia era descarada — mesmas cores, ícones quase idênticos, layout espelhado, mecânicas clonadas. Se a Vostu tivesse usado uma paleta diferente e mecânicas próprias, o caso provavelmente nem existiria.
Caso de startup brasileira com site copiado (2023)
Uma startup brasileira copiou integralmente o site de uma concorrente estrangeira, incluindo textos traduzidos automaticamente, screenshots do produto alheio sendo apresentados como se fossem do próprio produto, e até depoimentos falsos baseados nos depoimentos do site original. Resultou em notificação extrajudicial e remoção forçada de todo o conteúdo. Aqui o problema foi muito além do layout — foi fraude de conteúdo e uso indevido de imagem. O que aprendemos desses casos é claro: processos acontecem quando a cópia é total e descarada — identidade visual, textos, imagens, tudo copiado junto. Nenhum dos casos conhecidos envolveu alguém que simplesmente usou um layout parecido com cores e conteúdo completamente diferentes. A lei protege a expressão criativa original, não padrões genéricos de interface.
Portfolio, estudo e clonagem com IA: como fica?
Se você clonou o site da Apple, do Airbnb ou do Spotify pra praticar frontend e quer colocar no portfolio, o risco legal é basicamente zero. Nenhuma empresa vai processar um estudante ou dev junior por um projeto de estudo que tem 3 visitantes por mês. Mas tem uma questão profissional importante: apresentar um clone como se fosse trabalho original pega muito mal com recrutadores. Deixe claro que é um clone de estudo, informe o site original como referência, e preferencialmente transforme o clone em algo seu — mude as cores, troque o conteúdo, adicione features que o original não tem.
E clonar com IA muda alguma coisa legalmente? Do ponto de vista da lei, o método de cópia não importa. Tanto faz se você copiou na mão, usou Inspect Element, ou mandou uma IA replicar o site inteiro. O que importa juridicamente é o resultado final — se o produto final viola ou não viola direitos autorais de terceiros. Na prática porém, ferramentas de IA tendem a gerar versões 'inspiradas' e não cópias pixel-perfect. O código é completamente diferente, as classes CSS são diferentes, os valores de spacing variam, e a estrutura de componentes é outra. Isso naturalmente cria distância legal significativa entre o original e o que a IA gerou.
Como proteger SEU próprio design contra cópias
Se você está do outro lado da história — criou um design original e quer se proteger contra cópias — existem medidas concretas que dá pra tomar.
Como proteger seu design
- Registre sua marca (nome e logo) no INPI — custa em torno de R$ 350 e leva de 6 a 12 meses pra sair
- Documente todo o processo criativo com screenshots datados, versões no Figma e commits no Git
- Use contratos com cláusula de propriedade intelectual quando trabalhar com freelancers ou agências
- Considere registrar o design no Registro de Desenho Industrial do INPI pra proteção mais robusta
- Monitore cópias periodicamente usando Copyscape, Google Alerts ou buscas manuais por imagem
A documentação do processo criativo é disparado o mais importante. Se alguém copiar seu design e você tiver evidências datadas mostrando que criou primeiro — prints do Figma com timestamps, commits no Git, emails trocados com clientes — sua posição legal fica muito mais forte. Sem essa documentação, provar autoria vira um problema complicado.
O cenário fora do Brasil
Nos Estados Unidos, a proteção de design de interface é mais forte do que no Brasil. Dá pra registrar 'trade dress' — a aparência visual geral de um produto — e processar quem copiar de forma substancialmente similar. A Apple faz isso com frequência e já ganhou processos bilionários contra a Samsung por design de dispositivos. Na Europa, a proteção varia por país, mas em geral também é possível registrar designs de interface como propriedade intelectual via EUIPO. Se você copia um site europeu e publica no Brasil, teoricamente poderia enfrentar problemas com tratados internacionais de propriedade intelectual como a Convenção de Berna — mas na prática isso raramente acontece pra pequenos projetos.
Resumo prático
Copiar padrões de UI e estrutura de layout: totalmente liberado — são convenções universais da indústria
Copiar identidade visual completa (cores de marca, fontes, ilustrações, logo): proibido e processável
Pra portfolio e estudo: risco praticamente zero, mas transforme em algo seu por questão profissional
Pra projeto comercial: mude cores, textos, imagens e fontes significativamente
Documente seu próprio processo criativo pra proteger seus designs contra cópias
IA gera código completamente diferente do original, o que dificulta alegações de cópia de código