Princípios da marca
Quatro decisões que já estão tomadas. Toda peça, tela ou mensagem deve poder ser justificada por uma delas.
Cores
A paleta não mudou. O que mudou é a disciplina de uso: verde carrega a composição, creme dá o respiro, laranja aparece pouco e por isso funciona.
Proporção de referência por composição. O laranja é acento: números, eyebrows, um CTA. Nunca área grande de texto.
Status do produto
Quatro cores funcionais, usadas só em pills e badges dentro do app. Não entram em peça institucional.
Pares aprovados de texto e fundo
Use estas combinações e o contraste está resolvido. Fora delas, verificar antes.
Tipografia
Helvetica Neue / Helvetica, com Arimo como equivalente métrico na web. Uma só família, três pesos, uma escala fixa.
Três pesos, sem exceção
Sem itálico em interface. Sem light. Sem caixa alta em frase inteira.
Números tabulares
Moeda em BRL com vírgula, data dd/mm/aaaa, percentual sem espaço. Em tabela, sempre alinhado à direita.
Medida e respiro
Linha de leitura entre 45 e 65 caracteres. Entrelinha 1,65 no corpo e 1,05 no display. Título em sentence case, tracking negativo proporcional ao corpo.
Logotipo
Símbolo de folha mais wordmark. Cinco superfícies aprovadas, respiro mínimo igual à largura da folha, e nada além disso.
Fora das cinco variantes aprovadas, a marca não é usada.
Sem esticar, inclinar, rotacionar ou recompor símbolo e wordmark.
Sem sombra, contorno, brilho, gradiente ou fundo fotográfico atrás da marca.
Explorações de rebrand
Mesma silhueta vetorizada do arquivo oficial; muda só a cor e o arranjo com o wordmark. São propostas para validação e não substituem os arquivos oficiais.
Iconografia
Um set próprio, desenhado sobre a mesma grade e com o mesmo traço. Cada ícone nomeia uma etapa real da operação — nada de metáfora decorativa, nunca emoji no lugar de ícone.
Grade e traço
Caixa de 24 px, área ótica de 20 px. Traço de 1,75 px, pontas e junções arredondadas, raio interno de 2 px. Tamanhos de uso: 16, 20, 24 e 32 px.
Uma cor e um acento
Corpo do ícone em verde floresta. No máximo um elemento em laranja, e só quando ele indica ação, resultado ou estado. Ícone inteiro laranja apenas em fundo verde.
Regra do rótulo
Ícone nunca aparece sozinho em navegação: sempre acompanhado de rótulo ou de tooltip. Em peça institucional, ícone é apoio — o texto continua sendo o protagonista.
Símbolo para download
As oito variantes do símbolo, em vetor para impressão e em PNG de 512 px para uso digital.
Em fundo escuro
Corpo em branco, acento em laranja. Nunca verde floresta sobre verde.
Escala e compensação
16, 20, 24 e 32 px. Abaixo de 24 px o traço engrossa levemente para não sumir; acima, afina.
Contêiner do ícone
Quadrado de 40 px, raio 10 px. Fundo creme para estado neutro, verde para ativo, contorno para ação secundária.
Fundamentos
Cor chapada, fio fino, sombra quase invisível. O sistema se sustenta em espaçamento consistente, não em ornamento.
Espaçamento · base 4
4, 8, 12, 16, 24, 32, 48, 72. Dentro do componente use até 24; entre blocos, de 32 para cima.
Raios
Campo e badge 6, botão e chip 10, card 14, superfície institucional 24. Pill só para tag e avatar.
Elevação
Nível 0 é o padrão: só fio de 1 px. Nível 1 para card interativo, nível 2 apenas para menu e modal. Sombra sempre esverdeada, nunca preta.
Movimento
Transições de 120 a 150 ms, ease-out. Hover escurece um passo e sobe 2 px; press desce 1 px; foco recebe anel laranja de 3 px. Sem bounce, sem parallax, sem animação decorativa.
Layout
Alinhado à esquerda, largura de leitura limitada, margem lateral de 6% em slide. A sequência de fundos alterna verde profundo, creme e branco — nunca dois verdes seguidos.
Imagem
Só screenshot de produto, logo de cliente e QR da marca. Sem banco de imagens, sem textura, sem foto de fundo atrás de texto.
Componentes
O essencial do produto, com os estados que mais aparecem no dia a dia do comprador.
Botões
Um botão laranja por tela. Rótulo sempre com verbo de ação, nunca "OK" ou "Enviar" solto.
Campos
Pills e badges
Pill de status usa cor funcional; pill de marca usa laranja ou mint. Máximo dois status por linha de tabela.
Card institucional
Comparação automática de todas as ofertas recebidas, em uma tela.
Badge numerado em laranja, título branco, corpo em mint. Um card por etapa, na ordem do fluxo.
Voz & tom
Quem nos lê está no meio de um turno, com fornecedor no telefone e entrega para receber. Nossa voz é de alguém que já está cuidando do assunto: presente, direta e sem pressa nenhuma de alarmar.
Somos o colega experiente que atende no primeiro toque, explica em uma frase e resolve antes de você precisar cobrar.
Antes e depois
Mesma informação, outra experiência. À esquerda o que tira o sono; à direita o que tranquiliza.
"Erro 422: falha ao processar sua requisição."
"Não conseguimos salvar a cotação agora. Nada do que você preencheu foi perdido — tente de novo em alguns segundos."
"Atenção! Nenhum fornecedor respondeu sua cotação."
"Ainda sem respostas. Reenviamos o pedido de cotação aos 8 fornecedores e avisamos você assim que o primeiro preço chegar."
"Você preencheu a quantidade errada."
"Esse fornecedor atende a partir de 10 unidades. Ajustamos para 10 ou você prefere trocar de fornecedor?"
"Divergência crítica detectada na conciliação fiscal."
"A nota veio R$ 34,20 acima do pedido, em 2 itens. Já separamos os dois para você conferir antes de aprovar."
Palavras que acalmam
Palavras que alarmam
Vocabulário do domínio
Termos do setor ficam em português e com inicial maiúscula quando nomeiam tela ou recurso.
Microcopy por momento
Texto pronto para os momentos em que o cliente mais precisa de companhia. Copie, ajuste o dado e mantenha a estrutura: o que aconteceu, o que já fizemos, o que fazer agora.
Sua operação já está cadastrada com 8 fornecedores. Comece por uma contagem de estoque e a primeira cotação sai hoje mesmo.
5 de 8 fornecedores já responderam. Você pode fechar a tela — avisamos por WhatsApp quando o mapa estiver completo, normalmente em até 2 horas.
Quando você registrar uma solicitação de compra, ela aparece nesta lista com o status de cada fornecedor.
3 fornecedores receberam seu pedido e a economia desta compra foi de R$ 1.284,00. O acompanhamento fica em Compras.
Sua cotação está salva e na fila. Nosso time já está acompanhando e o envio acontece automaticamente — você não precisa fazer nada.
A diferença total é de R$ 34,20. Separamos os dois itens com o valor do pedido ao lado do valor da nota, para você aprovar ou contestar em um clique.
O laudo digital está no pedido e o estoque já foi atualizado. Se algum item chegou fora do padrão, registre agora — o fornecedor recebe o aviso na hora.
Carlos recebeu o pedido para aprovar e você acompanha o status aqui. Se preferir, podemos lembrá-lo em 2 horas.
Mensagens de WhatsApp
O canal é informal, o conteúdo não. Sempre: quem fala, o que precisa, até quando, e um caminho de saída.
Olá, aqui é a VMarket. O Restaurante Aurora está cotando 12 itens para entrega em 18/09. Responda os preços por aqui mesmo, até amanhã às 12h, e o pedido sai automático se você estiver no melhor preço.
Marina, seu Mapa de Preços da cotação 09/06 está completo: 8 fornecedores responderam e a melhor combinação economiza R$ 1.284,00. É só abrir e confirmar.
Marina, a entrega do fornecedor Nova Mega está prevista para amanhã, e não hoje. Já confirmamos com eles e o horário é das 8h às 11h. Se isso atrapalha o seu turno, me avise que buscamos outra opção.
A marca em uso
Recortes da apresentação institucional e do produto — a referência real de como o sistema se comporta.
O que falta confirmar
Pontos abertos deste manual. Nenhum impede o uso; todos melhoram a fidelidade quando resolvidos.