Como funciona
Descreva seu negócio
Diga o que você faz, para quem é e como deve ser a sensação. Adicione um site de que você goste, se tiver.
A Briks cria o design
Ele planeja cada página para o seu negócio, escolhe o tipo de letra e as cores e escreve cada seção a partir de uma página em branco.
Verificado antes de publicar
As cores dos textos são verificadas contra seus fundos no código e, depois, na página no ar, no desktop e no celular.
O que significa desenhar a partir de uma página em branco
Quando você descreve seu negócio, a Briks começa com uma página vazia. O kit sobre o qual todo site é construído traz peças que funcionam, como menus, formulários e movimento, e não tem seções desenhadas nem textos de exemplo. Cada seção do seu site, o cabeçalho e o rodapé são escritos para o seu negócio.
Antes de construir qualquer coisa, ele planeja o site como um designer faria: que tipo de negócio é, qual a largura das páginas, como se montam o cabeçalho, a primeira tela e o rodapé, e a única ideia tipográfica que dá personalidade ao site. O plano é escrito para o seu negócio, então uma padaria e um escritório de advocacia começam de pontos diferentes.
Você também pode começar por um modelo, que mantém a estrutura de um site criado com Briks e reescreve cada página para o seu negócio. Esta página trata de sites iniciados a partir da sua própria descrição.
Tipo escolhido para o seu ramo
A tipografia carrega boa parte do caráter de um site, por isso o Briks a escolhe para cada negócio. Ele combina uma fonte de destaque, com ponto de vista, para os títulos com uma fonte mais discreta para o texto, entre 46 fontes de destaque e 36 fontes de texto, e diferencia as duas na largura ou no peso.
Algumas fontes aparecem em tantas páginas feitas por máquina que fazem um site parecer igual aos outros. A Briks deixa 12 delas fora de todo site novo, entre elas Inter, Space Grotesk, Fraunces e Syne. Quando um site de que você gosta usa uma delas, o seu recebe uma fonte com a mesma personalidade.
As suas próprias fontes vêm primeiro. Informe uma fonte nas configurações da marca, ou com suas palavras, como "use Inter, é a fonte da nossa marca", e ela é mantida, mesmo que seja uma que o Briks deixaria de fora.
Uma palavra sobre o visual, quando você quiser
A maioria das pessoas deixa a Briks fazer o design do começo ao fim e muda o que quiser depois. Se você prefere escolher antes, ative Choose the look nas etapas do novo projeto. Antes da construção você vê três visuais, Nordic and clean, Warm and Bold, cada um com suas cores, suas duas fontes e seus cantos definidos com as suas próprias palavras, e o site inteiro é construído no que você escolher.
Mais dois controles ficam ao lado: escolher a primeira tela da página inicial entre quatro wireframes cinza simples com suas palavras no lugar, ou aprovar os textos do site antes de qualquer coisa ser construída. Os três vêm desativados por padrão.
Ou mostre ao Briks um site de que você gosta. Ele lê o layout, o espaçamento, a tipografia e o movimento desse site e cria o seu nesse espírito, com as suas palavras e as suas imagens. Um site que você mostra já define o visual, por isso o visual e as paradas do hero não são oferecidos junto com ele.
Verificado antes de publicar
Um design só funciona se as pessoas conseguem ler. Toda construção tem o contraste de cores verificado no código antes de publicar, no nível WCAG AA: 4,5 para 1 para texto comum e 3 para 1 para texto grande. Depois da primeira publicação, a Briks examina a página no ar em largura de desktop e de celular e corrige palavras difíceis de ler.
Uma verificação mais completa está a um botão de distância. Depois que a primeira versão é publicada, o Briks a examina em quatro tamanhos de tela e corrige o que aparece quebrado, como partes que se sobrepõem. Ela vem desativada, porque leva alguns minutos a mais e alguns créditos.
Projetado para o seu negócio 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.
- 01Padaria
Uma padeira que quer escolher o visual primeiro
Uma padeira descreve seu pão de fermentação natural, as encomendas antecipadas de fim de semana e a fila de sábado, e ativa Choose the look. Como a padaria trabalha com as mãos, o visual Warm sai em creme e oliva, com Young Serif nos títulos. Ela compara com Nordic and clean e Bold, escolhe Warm, e o site inteiro é criado nele.
- 02Escritório de advocacia
Um escritório de advocacia que deixa o design com a Briks
Dois sócios escrevem sobre separação, filhos e primeiras reuniões a preço fixo, e nada sobre design. A Briks planeja o site de um escritório de direito de família a partir de uma página em branco, escolhe o tipo de letra e as cores para o ramo e confere o contraste de cada palavra antes de publicar. Depois, os sócios pedem o que querem mudar em palavras simples.
- 03Estúdio de ioga
Um estúdio de yoga que mostra um site de que gosta
A dona admira o site calmo e arejado de uma ceramista. Ela informa o endereço dele, e o Briks lê o layout, o espaçamento, a tipografia e o movimento e projeta o site do ateliê nesse espírito, com as aulas, os horários e as palavras dela. Onde o site da ceramista usa uma fonte que o Briks deixa de fora, o dela recebe uma de mesma voz.
O que você recebe
- Projetado do zero para cada negócio que você descreve
- 46 fontes de título e 36 fontes de texto para escolher
- 12 fontes muito usadas ficam de fora, a menos que você cite uma
- Contraste verificado no nível WCAG AA antes de publicar
Bom saber
- Escolher o visual, o hero entre quatro wireframes e aprovar os textos são opções nas etapas de novo projeto, desativadas por padrão.
- As paradas de visual e de hero não são oferecidas quando você constrói a partir de um site de que gosta, nem para dashboards.