Brand book
Tudo o que a mold.ai precisa para aparecer igual em qualquer lugar: o logo, a gota, as formas, as cores, as letras, a fonte própria, os estados da argila, as texturas, o fundo vivo, o movimento, a voz e as aplicações. Versão 3, novembro de 2026.
A massa que vira tudo
Toda empresa tem uma massa de trabalho que se repete. A mold.ai pega essa massa, ainda mole, e dá forma: um app, um sistema, um atendente virtual. A gota laranja é essa massa. Ela aparece no logo, no site, nas imagens e no movimento, sempre mudando de forma e sempre a mesma.
Logo
- Área livre: a largura da gota em volta do logo inteiro.
- Tamanho mínimo: 72 px de largura no digital, 20 mm no impresso.
- Não deformar, não contornar, não trocar a cor da gota por outra que não seja argila ou breu.
A gota
A gota sozinha é o símbolo: ícone do app, foto de perfil, favicon, selo. Em 3D, é a mesma forma em argila.
A argila muda de forma
Toda forma da marca nasce da gota: cantos de raio grande, nada pontudo, a argila como cor principal e detalhes em osso e breu. A massa muda de forma e continua a mesma.
- Apps
- Sistemas
- Atendente virtual
- Automações
- Sites
- Branding
- Design
- 3D e motion
- Os ícones são a versão plana das peças 3D de cada serviço: 64 por 64, cantos de raio grande, argila com um brilho âmbar pequeno no alto à esquerda, detalhes em osso e breu.
- Uma forma vira a outra devagar (1,2 s, sem rebote) e descansa antes de mudar de novo.
- No site, os ícones marcam os serviços na constelação e as ferramentas no atalho da dor, e a forma que muda aparece no bloco do grátis.
Os estados da argila
São a mesma massa 3D do site, nas quatro etapas do processo. Servem para propostas, posts e capas que contam o caminho do problema à solução.
Cores
- Breu#070707 · o fundo de tudo
- Carvão#131211 · cartões e moldes
- Argila#FF5B1F · a gota e a ação
- Brasa#B8300B · o fundo do brilho
- Âmbar#FFB077 · o centro do brilho
- Osso#EEEDEA · o texto
Degradês
Na tela, degradê grande sempre leva pontilhado ou grão por cima; sem isso, o laranja no preto vira faixas. No site, o brilho do forno é desenhado pelo fundo vivo, que já faz isso.
Letras
Sua dor vira solução.
Clash Display, peso 600, para títulos, frases grandes e números. Espaço entre letras de −2% a −3,5% e entre palavras de +10%, para as palavras não grudarem. Entrelinha de 0,84 a 0,95. Grátis para uso comercial, no Fontshare.
A mold.ai pega o processo que trava a sua empresa e dá forma a ele.
Geist, pesos 400 e 600, de 17 a 19 px, entrelinha 1,55. Texto corrido, botões e legendas. Grátis, no Google Fonts.
- megaO topo e o contato. De 58 a 248 px.
- grandeO título de cada parte. De 40 a 136 px.
- médiaFrases de apoio e legendas grandes. De 28 a 56 px.
- corpoTexto corrido. De 17 a 19 px, em Geist.
- Título com até duas linhas, em qualquer largura de tela.
- Nunca uma palavra sozinha na última linha. No site: text-wrap balance nos títulos, pretty no texto e espaço fixo entre as duas últimas palavras.
- Alinhado à esquerda. Centralizado só num momento por tela.
- Duas famílias, nunca três. Ênfase vem das palavras, nunca de uma palavra em outra cor ou em itálico.
Mold Display, a letra da casa
A fonte própria da mold.ai nasce do logo: o mesmo traço único de pontas retas, a mesma grade de círculos, os pontos quadrados. Cada letra é desenhada como o logo foi, e o peso é só a grossura do traço.
- Uso: palavras curtas e grandes (campanhas, capas, posts, a assinatura de peças). O texto corrido continua em Geist, e os títulos do site em Clash Display.
- O "o" da fonte é redondo. A gota no lugar do "o" é só do logo.
- O arquivo de fonte da versão 0.3 já existe em OTF, em três pesos: Light (traço 12), Regular (traço 20) e Bold (traço 28, o do logo), com os acentos do português, os números de 0 a 9, a pontuação e os símbolos de uso comum (R$, %, @, #, &, º, ª, °, €). Próximos passos: maiúsculas próprias, ajuste fino entre pares de letras, um desenho do e e do til para pesos acima de 30 e o WOFF2 para usar no site. Para isso, vale contratar um tipógrafo; a grade desta página é o ponto de partida dele.
Materiais e imagens
- Sempre sobre preto, com luz de estúdio, um brilho de brasa embaixo e uma sombra de contato macia.
- O problema aparece como argila derretendo, embolando ou rachando. A solução aparece como argila assentada numa forma limpa.
- Sem fotos de gente, de mesa suja ou de banco de imagens. Texto dentro da imagem, nunca.
- Para gerar mais: Magnific, Nano Banana 2.1, "abstract high-end 3D render, glossy molten orange clay, pure black, warm ember glow". Os renders do Blender ficam em site/3d.
O fundo vivo
- O fundo nunca é preto chapado: é argila escura, com manchas quentes que andam devagar.
- A luz do cursor revela o relevo da argila, em curvas de nível finas, como digital em barro. Sem mouse, a luz passeia sozinha.
- A brasa acende embaixo da massa 3D e nas partes que pedem atenção.
- Pontilhado fino e grão de filme por cima, para nenhum degradê virar faixas.
Texturas
Movimento
- A gota cai, achata no chão e assenta. É a assinatura em movimento.
- Massa, não mola de brinquedo: tudo chega devagar e sem tranco, sem rebote.
- A abertura conta a ideia em quatro tempos, um de cada vez: a rotina que trava, o que ela custa, a gente junta a bagunça, a gente molda a ferramenta. Uma vez por visita, com uma barra de progresso, e qualquer rolagem pula.
- A ferramenta é um painel de controle em argila: três trilhos com botões que deslizam devagar.
- Um clique no topo joga uma gota de argila na massa, que a absorve devagar.
- Títulos se moldam: as letras sobem achatadas, como argila apertada, e assentam.
- O título do topo cede ao cursor: as letras perto do ponteiro achatam e alargam.
- Faixas de palavras: a bagunça vazada e a forma cheia, mais rápidas quando a página corre.
- No processo, a massa passa de argila bruta a gota, forma e app, presa à rolagem.
Como a mold.ai fala
Como o dono de uma empresa pequena fala com o sócio: direto, com um exemplo da rotina e sem palavra de agência.
- A dor primeiro, com uma cena. "37 mensagens antes das 9h" no lugar de "comunicação ineficiente". Quem lê precisa se ver na frase.
- Uma ideia por frase. Título com até seis palavras. Frase de apoio com uma linha só, dizendo o que a mold.ai faz.
- A palavra do cliente. Pedido, planilha, WhatsApp, estoque, orçamento, equipe. É assim que ele fala do problema.
- Prometer só o que dá para cumprir. O protótipo antes de fechar, a resposta no mesmo dia útil. Número, cliente ou depoimento só quando forem reais.
- O botão diz o que acontece. "Marcar reunião grátis" abre o WhatsApp com a mensagem pronta. O mesmo nome vale da página até a conversa.
- A tecnologia fica nos bastidores. A mold.ai fala do que a ferramenta faz pela empresa, nunca de como ela é feita. A IA fica subentendida: está no nome, não no discurso.
Fórmulas de título
- Sua [dor] vira [forma].Sua dor vira solução. Sua planilha vira sistema.
- [Número] [coisa] antes das [hora].37 mensagens antes das 9h.
- [Quem] faz [o erro].Cada um faz de um jeito.
- A gente [verbo] [a coisa].A gente dá forma à bagunça.
- A pergunta da dor.Qual é a sua dor?
Banco de palavras
dor, bagunça, forma, moldar, app, sistema, rotina, pedido, planilha, WhatsApp, estoque, equipe, protótipo, testar, no ar
soluções inovadoras, transformação digital, potencializar, alavancar, jornada, ecossistema, disruptivo, de ponta, sob demanda
Botões
Marcar reunião grátisReunião grátisPrefiro mandar uma mensagemVer como funciona
Saiba mais, Clique aqui, Enviar e Começar não dizem o que acontece depois do clique, então não entram.
Em cada canal
- Site
- Título com a dor, uma frase com o que a gente faz e um botão. Uma ideia por tela.
- Uma cena da rotina por post, com o número grande quando houver, e a gota no canto.
- Resposta no mesmo dia útil, chamando pelo nome. Pergunta pela rotina antes de falar de preço.
- Proposta
- O problema nas palavras do cliente na primeira página. O protótipo como primeiro passo, com data.
Assim
Sua dor vira solução.
A reunião e o orçamento são grátis.
O dia começa com 37 mensagens no WhatsApp.
Você testa o protótipo antes de fechar.
Contar meu problema.
Assim não
Soluções inovadoras de transformação digital.
Potencialize seus resultados com IA de ponta.
Garantia de satisfação total.
Saiba mais.
Aplicações
vira solução.
A gente dá forma à bagunça.é grátis.