Entregável 04

Guia de Marca
& Identidade

Arquétipo, manifesto, paleta, tipografia, tom de voz, regras de uso e aplicações. Tudo o que define quem o Batatais Food é visualmente e verbalmente.

Scroll para navegar ↓

O arquétipo da marca.

Todo grande negócio é construído em cima de um arquétipo: uma personalidade que o público reconhece instintivamente. Isso não é abstração. É ferramenta estratégica.

O Vizinho

O arquétipo do Batatais Food é "O Vizinho": acessível, confiável, presente, genuíno.

"O Vizinho" é aquele cara do bairro que todo mundo conhece. Que sabe o nome de todo mundo. Que tá lá quando precisa. Não é pretensioso. Não tenta impressionar. Só resolve.

É o contrário do iFood, que é "O Gigante": eficiente mas distante, poderoso mas impessoal. O Batatais Food ganha quando é o que o iFood nunca vai ser: familiar, próximo, de verdade.

O que o arquétipo "O Vizinho" define na prática:

DimensãoO que significaExemplo
Tom de vozConversacional. Direto. Acolhedor sem ser infantil."Chega quentinho na sua porta." (não "Realizamos entregas de qualidade")
VisualLimpo, quente, profissional mas acessível.Cores amber (calor) + navy (seriedade). Sem excesso de elementos.
PosturaNão é superior ao cliente. Está ao lado dele."Bora pedir?" (não "Faça seu pedido")
ValoresPertencimento, confiança, simplicidade, comunidade.Destacar lojistas locais, celebrar a cidade, falar como a cidade fala.
InimigoA impessoalidade. A frieza corporativa.Tudo que pareça "grande empresa distante" é o oposto do Vizinho.

💡 Marcas com arquétipos semelhantes (pra referência)

Nubank no início: tom acessível, roxo vibrante, linguagem direta, "descomplicar". Airbnb: "Belong anywhere", senso de lar e comunidade. Mercado Livre: acessível, popular, de todo mundo. O Batatais Food se encaixa nesse território: a marca que pertence à cidade.

O manifesto do Batatais Food.

O manifesto não é pra imprimir e colar na parede. É a bússola que define o que a marca faz e o que ela nunca faz.

A gente nasceu em Batatais.
Não veio de fora. Não caiu de paraquedas.
Nasceu aqui porque aqui precisava.

De um lado, gente com fome.
Do outro, gente que cozinha com o coração.
No meio, a gente. Conectando os dois.

120 lojistas. 10.000 pessoas. Uma cidade inteira
pedindo, recebendo, fazendo girar.

A gente não compete com gigante.
A gente faz o que gigante não sabe fazer:
conhecer de perto, entregar de verdade,
estar aqui quando precisa.

Daqui, pra quem é daqui.
Sempre foi. Agora, mais do que nunca.

Quando usar o manifesto

A paleta que não parece o iFood.

Cada cor foi escolhida com um propósito. Não são preferências estéticas. São decisões estratégicas.

Paleta principal

Amber (principal)
#D97706 / #F59E0B
Calor, energia, apetite. A cor da marca. CTAs, destaques, acentos.
Navy (base)
#0F172A / #1E293B
Seriedade, profissionalismo, confiança. Fundos, textos, navbar.
Emerald (acento)
#059669
Sucesso, aprovação, sustentabilidade. Badges, confirmações, positivo.

Paleta de suporte (tons neutros)

Slate 100
#F1F5F9
Fundos claros, cards, seções alternadas.
Slate 200
#E2E8F0
Bordas, divisores, linhas.
Aa
Slate 500
#64748B
Textos secundários, legendas.

Por que essas cores, especificamente?

CorRazão estratégica
AmberÉ a cor do calor, do apetite, da energia. Psicologicamente associada à fome e à acolhida. Diferencia radicalmente do vermelho do iFood. O laranja-amber é raro no mercado de delivery, o que garante distinção.
NavyTransmite seriedade sem frieza. É a âncora que equilibra o calor do amber. Diz: "Somos acolhedores, mas levamos a sério." Em telas digitais, navy é excelente para fundos e textos com alto contraste.
EmeraldUsado com moderação, para momentos de confirmação e sucesso. "Pedido confirmado ✓", "Pagamento aprovado". Evitar uso excessivo para não virar paleta Nubank.
Branco / SlateRespiro visual. Uma marca que grita em todas as cores ao mesmo tempo não transmite nada. O branco e os cinzas permitem que amber e navy brilhem.

A ciência por trás: psicologia das cores

A escolha de cores de uma marca não é estética — é neurociência aplicada. Pesquisas mostram que entre 62% e 90% das decisões rápidas sobre produtos são influenciadas pela cor Singh, S., "Impact of color on marketing", Management Decision, Vol. 44, No. 6, pp. 783-789, 2006. Cada cor ativa respostas emocionais específicas e mensuráveis.

🟠 Amber / Laranja-dourado

Apetite: tons de laranja e amarelo-dourado são os mais associados à estimulação do apetite. Estudos de psicologia alimentar demonstram que cores quentes aumentam a percepção de sabor e a vontade de comer Wansink, B. & van Ittersum, K., Journal of Experimental Psychology: Applied, 2013. Não é coincidência que a maioria dos restaurantes usa tons quentes no ambiente.

Acessibilidade e energia: no modelo de Labrecque & Milne, cores de alta saturação e tonalidade quente aumentam a percepção de "excitação" e "acessibilidade" da marca — exatamente o que um app de delivery precisa: ser convidativo, vibrante, apetitoso Labrecque, L. & Milne, G., "Exciting red and competent blue: the importance of color in marketing", Journal of the Academy of Marketing Science, Vol. 40, pp. 711-727, 2012.

Referências de mercado: Amazon (acessibilidade), Mastercard (energia), Fanta (diversão), Hermès (sofisticação quente). É uma cor rara em delivery, o que garante distinção imediata.

🔵 Navy / Azul-escuro

Confiança: azul é a cor mais preferida globalmente, independente de gênero, idade ou cultura Hallock, J., "Colour Assignments: Preferences", University of Washington, 2003. Em branding, tons de azul escuro ativam percepções de confiança, competência e segurança.

Competência: no estudo de Labrecque & Milne (2012), azul foi a cor com maior correlação com "competência de marca". É exatamente o que equilibra o calor do amber: o amber diz "somos acolhedores"; o navy diz "e levamos a sério".

Referências: LinkedIn (profissionalismo), PayPal (confiança financeira), Samsung (tecnologia confiável). Navy comunica que o Batatais Food é uma empresa séria — não um "projetinho".

🟢 Emerald / Verde

Segurança: verde é instintivamente associado a aprovação ("sinal verde") e redução de ansiedade. Na interface do app, comunica "pedido confirmado", "pagamento ok", "tudo certo" Elliot, A. & Maier, M., "Color Psychology: Effects of Perceiving Color on Psychological Functioning in Humans", Annual Review of Psychology, Vol. 65, pp. 95-120, 2014.

Uso controlado: aparece apenas em momentos de confirmação e sucesso. Se usado em excesso, compete com o amber e dilui a identidade.

A combinação amber + navy é estrategicamente rara no mercado de delivery, onde predominam vermelho (iFood, DoorDash), verde (Uber Eats), rosa (Rappi) e amarelo (Glovo). Essa distinção cromática garante que o Batatais Food nunca seja confundido com um concorrente — o primeiro passo para construir o que Byron Sharp chama de distinctive brand assets (ativos visuais distintivos da marca) Sharp, B., "How Brands Grow", Oxford University Press, 2010.

Regras de uso de cor

✅ Faça
  • Use amber como cor de destaque e CTA
  • Use navy como fundo escuro principal
  • Mantenha proporção: 60% neutro, 30% navy, 10% amber
  • Garanta contraste mínimo 4.5:1 entre texto e fundo
  • Use branco para textos sobre fundos escuros
❌ Não faça
  • Texto cinza sobre fundo azul escuro (ilegível)
  • Amber sobre branco em textos pequenos (contraste ruim)
  • Vermelho como cor de destaque (associação com iFood)
  • Neon, gradientes coloridos ou cores "de temporada"
  • Fundos com múltiplas cores em concorrência

Uma fonte. Todas as variações.

Inter é a fonte oficial do Batatais Food. Gratuita (Google Fonts), profissional, legível em qualquer tela.

Batatais Food
Inter Black (900) · Títulos hero
Daqui, pra quem é daqui.
Inter Bold (700) · Subtítulos e destaques
120 lojistas parceiros em Batatais
Inter SemiBold (600) · Labels e botões
O app que conecta quem faz com quem pede. Delivery de tudo que é daqui.
Inter Regular (400) · Corpo de texto

Hierarquia tipográfica

UsoPesoTamanho mobileTamanho desktop
Hero / Título principalBlack (900)2rem2.8rem
Título de seçãoExtraBold (800)1.7rem2rem
SubtítuloBold (700)1.2rem1.3rem
Corpo de textoRegular (400)15px17px
Label / BotãoSemiBold (600).85rem.88rem
Caption / NotaMedium (500).72rem.75rem

💡 Por que Inter?

Gratuita: disponível no Google Fonts, sem custo de licenciamento. Profissional: usada por Figma, GitHub, Vercel e centenas de empresas de tecnologia. Legível: desenhada especificamente para telas, com excelente legibilidade em tamanhos pequenos. Versátil: 9 pesos (de Thin a Black), cobre qualquer necessidade.

Tom de voz: como o Batatais Food fala.

A voz da marca é tão importante quanto o visual. Duas marcas podem ter a mesma paleta e parecer completamente diferentes se o tom de voz for diferente.

Os 4 pilares do tom de voz

PilarSignificaNa prática
DiretoSem rodeios, sem formalidade desnecessária"Peça pelo app." (não "Realize seu pedido através da nossa plataforma.")
QuenteAcolhedor, próximo, como conversa entre amigos"Chegou quentinho 🧡" (não "Entrega realizada com sucesso.")
ConfianteSeguro do que diz, sem arrogância"10.000 pessoas já usam." (não "Estamos tentando crescer.")
LocalDe Batatais, para Batatais. Fala como a cidade fala.Referências locais, gírias regionais quando natural, nomes de bairros.

Exemplos: como falar vs. como NÃO falar

Situação: convidando para baixar o app

❌ Errado
"Faça o download do nosso aplicativo e desfrute de uma experiência gastronômica diferenciada com delivery de alta qualidade."
✅ Certo
"Mais de 10.000 pessoas em Batatais já pedem pelo app. Baixa e vê por que. 📲"

Situação: anunciando uma promoção

❌ Errado
"Aproveite nossa promoção exclusiva! Desconto especial para novos cadastrados na plataforma Batatais Food."
✅ Certo
"Cupom SEXTA: R$5 off no seu pedido de hoje. Só vale pelo app. Bora? 🍕"

Situação: respondendo reclamação

❌ Errado
"Prezado(a) cliente, lamentamos o ocorrido e informamos que sua solicitação está sendo encaminhada ao setor responsável."
✅ Certo
"Poxa, desculpa por isso. Manda uma mensagem no nosso WhatsApp que a gente resolve agora."

Situação: comunicação B2B (com lojistas)

❌ Errado
"Prezado parceiro, informamos que haverá manutenção no sistema na data de 15/04, com previsão de normalização em 24 horas."
✅ Certo
"Oi, [nome]! Dia 15/04 teremos uma manutenção no sistema, entre 2h e 6h da manhã. Nada que afete o horário de pico. Se precisar de algo, manda mensagem."

💡 A regra de ouro do tom de voz

Antes de publicar qualquer texto, leia em voz alta. Se parecer que veio de uma empresa de call center, reescreva. Se parecer que um vizinho falou, publique.

Antes e depois: a transformação concreta.

Para visualizar o impacto da mudança, comparamos como a marca se apresenta hoje versus como deve se apresentar com a nova identidade.

Post de Instagram: antes vs. depois

Antes

Visual: fundo vermelho vibrante, texto branco Comic Sans ou similar, logo antigo no canto, foto do prato com flash, borda decorativa.

Copy: "😍🍔 HAMBÚRGÃO DO DIA!!! Peçam pelo app galera!! 🔥🔥🔥 #delivery #hamburger #batataisfood #love #food"

Problema: parece promoção de WhatsApp. Sem identidade, sem profissionalismo, sem padrão.

Depois

Visual: fundo navy com acento amber no topo, foto do prato em luz natural (ângulo 45°, fundo limpo), logo novo sutil no canto inferior, tipografia Inter Bold para texto.

Copy: "O mais pedido da [Nome do Restaurante] esta semana. E não é difícil entender por quê. 🍔 Peça pelo Batatais Food. #DaquiPraQuemÉDaqui"

Resultado: profissional, consistente, reconhecível. O público vê e sabe que é do Batatais Food.

Comparação antes e depois: post de Instagram do Batatais Food

Perfil do Instagram: antes vs. depois

Antes

Foto: Logo antigo, resolução baixa, fundo branco.

Bio: "🍕🍔 Batatais Food | App de delivery de Batatais | De Batatais para Batatais, feito com amor ❤️"

Destaques: Sem capas padronizadas, ícones genéricos.

Feed: Mistura de estilos, cores diferentes a cada post, sem grid coerente.

Depois

Foto: Logo novo, fundo navy, nítido, reconhecível em thumbnail.

Bio: "Delivery de tudo que é daqui 📍 Batatais, SP · Comida, mercado e mais · Baixe o app 👇"

Destaques: Capas com fundo navy, ícone amber, nomes curtos: "Promo", "Lojistas", "App", "FAQ".

Feed: Padrão visual consistente. Qualquer pessoa vê 3 posts e sabe que é do Batatais Food.

Comparação antes e depois: perfil de Instagram do Batatais Food

Vitrine do lojista: antes vs. depois

Antes

Sem adesivo ou material do Batatais Food. O lojista existe no app, mas fisicamente, nada indica a parceria. Quem entra no restaurante não sabe que pode pedir pelo app.

Depois

Adesivo 20x15cm na porta de vidro: logo amber sobre fundo transparente + "Peça pelo Batatais Food" + QR. Tent card na mesa. Flyer no balcão. O restaurante inteiro comunica o app.

Mockup de adesivo de vitrine aplicado em porta de restaurante

O que sempre fazer e o que nunca fazer.

Guidelines são proteção. Sem eles, cada pessoa que toca na marca faz uma versão diferente.

Logo

✅ Faça
  • Use o logo sobre fundos navy ou branco (máximo contraste)
  • Mantenha área de respiro ao redor (mínimo: metade da altura do logo)
  • Use versão monocromática quando necessário (branco sobre navy, navy sobre branco)
  • Em thumbnails pequenos, use apenas o ícone (sem texto)
❌ Não faça
  • Distorcer proporções (esticar, achatar)
  • Adicionar sombras, brilhos ou efeitos
  • Usar sobre fundos que competem em cor (amber sobre amber, etc)
  • Rotacionar o logo
  • Colocar o logo dentro de formas (círculos, quadrados) que não são do guidelines

Fotografias

✅ Faça
  • Luz natural (próximo à janela, de dia)
  • Ângulo de 45° para pratos com altura (hambúrguer, açaí)
  • Ângulo de 90° (de cima) para pratos planos (pizza, prato feito)
  • Fundo limpo: mesa de madeira, superfície neutra, sem bagunça
  • Mostrar textura: queijo derretendo, molho escorrendo, vapor subindo
❌ Não faça
  • Flash do celular (mata a textura, cria reflexo)
  • Fundo poluído (mesa bagunçada, outros objetos)
  • Filtros excessivos que distorcem a cor da comida
  • Fotos de banco de imagem genéricas
  • Fotos pixeladas ou com resolução baixa

Templates e layouts

✅ Faça
  • Use sempre Inter como fonte (Google Fonts, download gratuito)
  • Mantenha hierarquia: 1 título grande, 1 subtítulo, corpo menor
  • Máximo 2 cores por peça (amber + navy ou amber + branco)
  • Espaço em branco generoso (menos é mais)
  • Logo sempre presente, sutil, no canto inferior
❌ Não faça
  • Usar fontes diferentes (Comic Sans, Impact, Lobster, etc.)
  • Encher o layout de texto (se precisar de mais de 3 frases, faça carrossel)
  • Usar bordas decorativas, estrelas, explosões ou "selo de promoção" genérico
  • Misturar identidade antiga com nova

Como a marca aparece no mundo real.

Cada ponto de contato é uma oportunidade de reforçar a identidade. Aqui estão as aplicações-chave.

AplicaçãoEspecificaçãoReferência visual
Ícone do appLogo simplificado (apenas o ícone, sem texto). Fundo navy com ícone amber. Cantos arredondados conforme padrão iOS/Android.Estilo Nubank, Rappi: ícone simples, cor forte, reconhecível em 1x1cm.
Splash screenFundo navy com logo completo centralizado (amber). Sem animação pesada (carregamento rápido). "Daqui, pra quem é daqui." abaixo do logo em Inter Medium, branco 60%.Estilo clean: apenas logo + slogan, sem bagunça.
Post Instagram (feed)Template 1080x1080. Foto ocupa 70% do espaço. Barra inferior navy com texto amber/branco. Logo no canto inferior direito. Inter Bold para título.Estilo editorial, foco na comida, marca sutil mas presente.
Stories Instagram1080x1920. Fundo navy ou foto com overlay escuro. Textos em Inter Bold branco. CTA em amber com borda arredondada. Stickers padrão do IG são ok.Estilo dark + accent. Foco em legibilidade no celular.
Adesivo de vitrine20x15cm, vinil transparente. Logo amber + "Peça pelo Batatais Food" + QR code. Impressão: gráfica local, ~R$3/un em lote.Simples, limpo. O QR é o protagonista.
Banner roll-up80x200cm. Fundo gradiente navy→amber (diagonal). Logo no topo. Slogan grande no centro. QR grande na base (mínimo 15x15cm). Texto em Inter Bold.Impactante de longe. O QR precisa ser legível a 1 metro.
Sacola / adesivoAdesivo circular 6x6cm. Logo amber sobre fundo navy. Cole na sacola do lojista. Custo: ~R$0,30/un.Discreto mas onipresente. Cada entrega = branding ambulante.
Camiseta equipeCor: navy. Logo amber estampado no peito (lado esquerdo) e nas costas (centralizado, maior). Tecido: dry fit ou algodão premium.Uniforme profissional para eventos. A equipe vira outdoor.
Assinatura WhatsApp"[Nome] · Batatais Food 🧡 · batataisfood.com.br". Sem emojis excessivos. Sem "Enviado do meu iPhone".Profissional e consistente em toda comunicação B2B.

Visualização das aplicações

Ícone do app Batatais Food
Splash screen do app Batatais Food
Template de Stories Instagram Batatais Food
Mockup de camiseta da equipe Batatais Food

Navegue para os outros entregáveis