--- title: "Criar site a partir de um site que você gosta | Briks" url: https://briks.dev/pt-br/features/build-from-sites-you-like description: "Criador de sites com IA: adicione um site que admira e o Briks lê layout, espaçamento, tipografia e movimento, e cria o seu com suas palavras." last_updated: 2026-10-08 --- Em todos os planos # Crie o seu site a partir de um site de que você gosta Mostre ao Briks um site que você admira, e capturas de tela se tiver. Ele lê como a página é montada e constrói a sua nesse espírito, com as suas próprias palavras e imagens para o seu negócio. Não tem um site em mente? O Briks mantém uma biblioteca própria com mais de 250 dos melhores sites da web, estudados quanto a layout, espaçamento, tipografia e movimento, e pode começar pelo mais parecido. A biblioteca continua crescendo. ## Como funciona 1. **Adicionar o site** Cole um endereço nos passos de novo projeto, com capturas de tela se quiser. 2. **O Briks lê** Ele estuda o layout, o espaçamento, a tipografia, o movimento e o cabeçalho da página, como um designer faria anotações. 3. **Ele cria o seu** Seu site segue esse ritmo e esse visual, escrito para o seu negócio a partir do seu briefing. ## O que o Briks lê em um site de que você gosta Quando você adiciona o endereço de um site que admira, a Briks abre a página e a estuda como um designer faz anotações antes de um projeto. Ela lê o layout de cada seção, o espaçamento entre elas, as fontes e seus tamanhos, o movimento e o menu do cabeçalho. Ele não leva os textos nem as imagens. Seus textos vêm do seu briefing, e as imagens são para o seu negócio, não para o da referência. O que passa adiante é a estrutura e o clima: uma página calma e editorial continua calma, e uma página ousada, guiada por fotografias grandes, continua ousada. Você pode adicionar um site por projeto, além de capturas de tela. As capturas ajudam quando a página de que você gosta fica atrás de um login, ou quando você quer apontar uma parte da página e não ela toda. ## Por que uma referência ajuda uma pequena empresa A maioria dos donos sabe do que gosta muito antes de conseguir descrever. "Limpo, como o site daquele arquiteto" é difícil de transformar em briefing, mas um endereço é preciso. Mostrar ao Briks uma página que você admira poupa uma rodada de idas e vindas, porque a primeira versão já nasce na família de design que você tinha em mente. Isso também ajuda você a se destacar. Se todo concorrente da sua cidade usa o mesmo modelo, aponte para um site de outro ramo ou de outro país e tome emprestado o ritmo dele. Uma floricultura pode se inspirar em uma marca de moda, e um marceneiro em um escritório de arquitetura. Uma referência resolve as dúvidas antes de serem feitas. Quando você dá uma, o Briks não pergunta sobre o layout, o visual ou o que abre a página inicial, porque o site que você mostrou já responde a isso. Ele ainda pergunta quais páginas você quer. ## O que esperar e os limites Uma referência define a direção. Seu site traz as suas próprias palavras, os dados do seu negócio e imagens para o seu negócio, então parece seu mesmo quando o layout segue a página que você mostrou. Escolher um visual não está disponível quando você constrói a partir de uma referência, porque a referência já define a aparência do site. Se você prefere escolher entre três visuais desenhados para o seu negócio, deixe a referência de fora e ative Pick a look nas etapas do novo projeto. Depois da criação, nada fica definitivo. Peça qualquer mudança em palavras simples, como um título maior ou outra ordem das seções, e cada mudança é salva como uma versão que você pode desfazer. ## Criar site a partir de um site que você gosta na prática Três negócios de exemplo e como cada um usaria. Onde aparece um site, é um exemplo que a Briks criou para um negócio fictício, não um cliente. 1. Ateliê de cerâmica **Ceramistas que gostam da calma de uma galeria** Duas ceramistas querem que o site do ateliê tenha a cara da pequena galeria que vende o trabalho delas: espaço em branco, fotografias grandes, tipografia discreta. Elas colam o endereço da galeria e escrevem um briefing sobre suas aulas, encomendas e dias de ateliê aberto. O site segue o espaçamento e a calma da galeria, com as aulas e as palavras delas. [![A abertura de Fernhill Pottery, um site de exemplo que a Briks criou para um exemplo de ateliê de cerâmica](https://briks.dev/showcase/fernhill-pottery.webp)](https://fernhill-pottery.briks.live/) **Fernhill Pottery** é um site de exemplo que o Briks criou para um(a) ateliê de cerâmica fictício(a), não para um cliente. [Abrir o exemplo](https://fernhill-pottery.briks.live/) 2. Escritório de advocacia **Um escritório de direito de família que quer parecer menos formal** Um escritório de direito de família com dois sócios percebe que o site de todos os concorrentes é parecido: azul-marinho, um martelo de juiz e apertos de mão de banco de imagens. Os sócios adicionam o endereço de uma consultoria de design que admiram. A Briks lê o layout e a tipografia dela, e o escritório recebe um site nesse espírito, com textos sobre separação, filhos e primeiras reuniões a preço fixo. 3. Pousada com café da manhã **A dona de uma pousada com capturas de tela, não só um endereço** A dona de uma pousada georgiana salvou no celular capturas de tela da página inicial de um hotel boutique. Ela as adiciona ao lado do endereço do hotel e escreve sobre os quartos, os cafés da manhã e a caminhada até o centro. A criação segue o layout do hotel, com os quartos e as palavras dela. [![A abertura de Hollyhock House, um site de exemplo que a Briks criou para um exemplo de pousada com café da manhã](https://briks.dev/showcase/bed-and-breakfast.webp)](https://bed-and-breakfast.briks.live/) **Hollyhock House** é um site de exemplo que o Briks criou para um(a) pousada com café da manhã fictício(a), não para um cliente. [Abrir o exemplo](https://bed-and-breakfast.briks.live/) ## O que você recebe - Um site de referência por projeto, além de capturas de tela - Lê layout, espaçamento, tipografia, movimento e o menu do cabeçalho - Suas palavras e imagens, nunca as da referência - Disponível para todos, inclusive no plano Free ## Perguntas sobre criar site a partir de um site que você gosta ### O Briks copia o site que eu mostro a ele? Não. Ele lê como a página é construída e constrói a sua nesse espírito. As palavras vêm do seu briefing e as imagens são para o seu site. ### Preciso de um site de referência? Não. Sem um, o Briks planeja um design para o seu negócio por conta própria, e você pode escolher entre três estilos antes. ### Posso adicionar capturas de tela em vez disso? Sim. Capturas de tela podem acompanhar o endereço, o que ajuda quando uma página fica atrás de um login. ### Quantos sites posso adicionar? Um por projeto, mais até seis capturas de tela. O limite é o mesmo em todos os planos, inclusive no Free. ### Ele vai me perguntar sobre o design? Não quando você dá uma referência: o site que você mostrou responde às perguntas sobre layout e aparência. Ele ainda pergunta quais páginas você quer. ### E se eu mudar de ideia depois da construção? Peça qualquer mudança em palavras simples no chat do estúdio. Cada mudança é salva como uma versão que você pode desfazer. ## Recursos relacionados - [Em todos os planos **Projetado para o seu negócio** Criador de sites com IA: o Briks desenha do zero cada site que você descreve, com tipografia do ramo, cores certas e contraste verificado antes de publicar. Como funciona](https://briks.dev/pt-br/features/designed-for-your-business) - [Ative **Escolha um visual** Quer opinar no design antes? Ative e o Briks mostra três estilos para o seu negócio, com cores, fontes e botões, e cria o que você escolher. Como funciona](https://briks.dev/pt-br/features/pick-a-look) - [Em todos os planos **Perguntas antes de criar** Antes da primeira criação, Briks pergunta quais páginas você quer e o que ficou em aberto. Marque, digite ou deixe Briks decidir. Para sites e apps. Como funciona](https://briks.dev/pt-br/features/questions-before-building) - [Em todos os planos **Verificações antes de publicar** Cada build do Briks tem o contraste de cores checado no código e na página ao vivo, no computador e no celular, com reparo se o texto for difícil de ler. Como funciona](https://briks.dev/pt-br/features/contrast-checks) [Ver todos os 32 recursos](https://briks.dev/pt-br/features) ## Experimente no seu próprio negócio Descreva em uma frase e o Briks cria. Comece grátis com os créditos que você recebe ao se cadastrar.