--- title: "Escolha um visual | Briks" url: https://briks.dev/pt-br/docs/pick-a-look description: "Veja três visuais antes de criar seu site: cores, tipografia, cantos, botão e cartões com seu texto de destaque. Depois construa o que você escolher." last_updated: 2026-10-08 --- # Escolha um visual Não sabe como seu site deve ser? Ative **Choose the look from three directions** e a primeira criação faz uma pausa após o planejamento para mostrar três estilos, cada um desenhado com as palavras do seu próprio destaque. Você escolhe um, e o site inteiro é criado nele. Fica desativado, a menos que você ative. 5 min de leitura Conferido com o estúdio em 8 de outubro de 2026 ## Ativando 1. Ative o interruptor Onde: How it is built No sexto passo de New project, ative **Choose the look from three directions**. Ele começa desativado. 2. Confira a avaliação Onde: Review and create A revisão mostra isso em **How it is built** como **On**. Clique em **Build it**. No briks.dev, o menu **+** na caixa de prompt tem um interruptor **Pick a look first**: "Veja três visuais para o seu negócio e construa o que você escolher." Ele chega à página New project já ligado. Quando não é oferecido Pick a look serve para sites e apps criados sem um site de que você gosta. Com um site adicionado, a etapa diz "Your reference site decides the look and the hero, so there is none to choose." Para um dashboard, ela diz "A dashboard builds straight through, with no words to approve and no look or hero to choose." A opção também aparece nas **Preferences** do projeto, mas só afeta uma primeira construção que ainda não foi planejada, então a página de novo projeto é o lugar para defini-la. ## Em que ponto entra na criação 1. Você aperta **Build it** e responde às [perguntas antes de construir](https://briks.dev/pt-br/docs/questions-before-building). 2. A Briks planeja o site. 3. Se **Approve the words before building** estiver ativado, você aprova os textos primeiro. 4. Os três visuais estão desenhados. O status mostra **Waiting for your approval** e a caixa de mensagem mostra "Descreva o visual que você quer ou escolha um acima". 5. Se **Choose the hero from four wireframes** estiver ativado, você escolhe o hero em seguida. 6. O site é criado com o visual que você escolheu e publicado como prévia. As pranchas chegam como uma mensagem: "Aqui estão três visuais para o site, cada um desenhado em um dos estilos do próprio estúdio com as suas palavras. Escolha um, ou descreva o visual que você quer." ## O que os quadros mostram Cada quadro é desenhado no tamanho de desktop e exibido pequeno na conversa. Clique em um para vê-lo em tamanho real; as setas, ou as teclas esquerda e direita, alternam entre os três. Cada quadro traz: - o nome do estilo e uma linha sobre ele; - seis amostras de cor: **Ground**, **Surface**, **Ink**, **Muted**, **Accent** e **Soft**; - as duas fontes pelo nome, com um **Aa** grande na fonte dos títulos; - as palavras do seu hero: a linha pequena acima do título, o próprio título, a linha abaixo dele e até dois botões; - três cartões de exemplo, mostrando os cantos e como uma fileira de cartões é lida em conjunto. Os painéis não têm fotografias. Mostram cor, tipografia e forma, que é o que difere entre os três. | Aparência | Como o estúdio descreve isso | | --- | --- | | **Nórdico / limpo** | Calmo e arejado: fundo claro, texto preto, cantos retos e muito espaço. | | **Acolhedor** | Amigável e editorial: tons de papel quente, uma serifa cheia de personalidade, um destaque vivo. Para um negócio que trabalha com as mãos, como uma padaria, uma floricultura ou uma marcenaria, fica natural e feito à mão: creme e oliva, uma serifa suave, cantos arredondados. | | **Negrito** | Alegre e marcante: um destaque saturado, tipografia arredondada e robusta, cantos grandes e suaves. | ## Como escolher um visual 1. Compare-as em tamanho real Onde: Studio Abra cada quadro. Olhe o título na fonte escolhida e os botões: eles dão mais identidade ao visual do que as amostras de cor. 2. Clique em Use this look Onde: Studio Fica abaixo de cada quadro e no topo da visualização em tamanho real. 3. Deixe construir Onde: Studio O quadro que você escolheu fica marcado como **Chosen** e os outros ficam esmaecidos. A linha de atividade diz "Building in the look you chose." ## Se nenhuma delas servir Digite o que você quer na caixa, por exemplo `Como o Warm, mas mais escuro, com uma sans serif simples nos títulos`. As três pranchas ficam de lado (o cartão diz "Set aside for what you described") e o Briks segue com o visual planejado, ajustado na direção das suas palavras. Ele não desenha três pranchas novas: a sua descrição vira a escolha, e a construção continua. Depois que o site estiver pronto, qualquer detalhe do visual ainda pode ser mudado em uma mensagem. Cores ou fontes de que você tem certeza podem ser fixadas em **Design rules** dentro de **Preferences**, e assim toda construção seguinte as mantém. ## Quanto custa Planejar e desenhar as pranchas é a primeira parte do build. Ela é cobrada pelo trabalho que deu, e o restante dos 50 créditos reservados em **Build it** volta enquanto o build espera por você. Escolher inicia uma nova retenção Ao pressionar **Use this look**, o resto da construção começa e reserva até 50 créditos (o que o seu saldo tiver, até 5) e cobra pelo trabalho realizado. Com menos de 5 nesse momento, o estúdio avisa e a escolha fica em espera. Descrever um visual na caixa reserva 5, como acontece numa alteração. No plano Free, com 50 créditos no total, isso pode deixar você sem saldo, então confira o seu saldo antes de ativar. ## Quando usar - Use quando você ainda não tem cores nem fontes e prefere escolher a partir de imagens a descrever um estilo com palavras. - Pule esta etapa quando suas cores e tipografia já estiverem definidas: ajuste-as em **Your brand**. - Pule esta etapa quando já tiver encontrado um site de que gosta. Esse site define o visual, então o interruptor não é oferecido. - Pule esta etapa quando você não estiver por perto: o build espera nos quadros até você escolher. ## Exemplos práticos Escolhido Uma floricultura em York > O briefing descreve uma floricultura com trabalho em casamentos e entregas semanais. **Choose the look from three directions** está ativado. Como uma floricultura trabalha com as mãos, o quadro **Warm** mostra creme e oliva, uma serifa suave e cantos arredondados. Quem é dono da loja o escolhe, e o site é construído com ele. Descrito em vez disso Um consultor tributário em Leicester > Nenhuma das três pareceu certa. O dono escreveu: `Nórdico, mas com um destaque verde-escuro e uma fonte com serifa nos títulos.` As pranchas são deixadas de lado, e a construção continua com o visual planejado, ajustado para um destaque verde e títulos com serifa. ## Perguntas frequentes ### Posso ver os quadros de novo depois? Se você escolheu um, sim: ele fica na conversa com a sua escolha marcada como **Chosen**. As opções deixadas de lado em favor de uma descrição não aparecem de novo. ### Posso escolher um visual para um site que já existe? Não. Os boards vêm antes da primeira criação. Para um site já criado, descreva a mudança em uma mensagem, como `Cores mais quentes e uma serifa nos títulos`. ### Funciona para apps? Sim. Sites e apps recebem os quadros quando a opção está ativada e nenhum site de que você gosta foi adicionado. Dashboards não. ## Leia a seguir - [Construindo **Aprove enquanto é criado** Faça a primeira criação parar para você: aprove os textos, escolha um de três visuais e depois um hero entre quatro layouts cinza. Como ativar e quanto custa.](https://briks.dev/pt-br/docs/approval-steps) - [Construindo **Comece um novo projeto** Cada escolha na página Novo projeto, passo a passo: tipo de projeto, briefing, um site de que você gosta, marca, imagens, opções de criação e o custo inicial.](https://briks.dev/pt-br/docs/new-project) - [Construindo **Criar site a partir de um site que você gosta** Adicione um site e até seis prints de que você gosta. Briks lê layout, espaçamento, tipografia, movimento e menus e cria o seu nesse espírito, sem copiar.](https://briks.dev/pt-br/docs/build-from-sites-you-like) - [Primeiros passos **Créditos e planos** Créditos da Briks: reservas de 50 e 5, cobrança pelo trabalho feito, estimativas, builds em espera, o que acontece no zero e o que cada plano inclui.](https://briks.dev/pt-br/docs/credits-and-plans) Ainda travado? Escreva para [hello@briks.dev](mailto:hello@briks.dev) com o nome do seu projeto e o que você esperava ver. Uma captura de tela ajuda.