localle
Identidade Visual

Localle — o comércio da sua cidade, num só lugar

Sistema de cores e tipografia pensado pra parecer SaaS premium e confiável, mas caloroso e acessível pro comércio local — funcionando em modo claro e escuro, mobile-first. Toque no botão acima pra ver o modo escuro.

01 — Cor primária

Verde Localle

Verde esmeralda = confiança, crescimento, "comprar local", dinheiro no bolso do comerciante. Foge do azul genérico de todo SaaS e brilha lindo no dark mode.

Green 50
#E9F6F1
Green 100
#CDEBE0
Green 500 ★
#0E8A6B
Green 600
#0B7358
Green 700
#095C47
02 — Cor de destaque

Âmbar Calor

Par natural do verde (folha + sol, mesma lógica da Natura). Usada em selos, avaliações, promoções e CTAs secundários — traz energia e o "calor humano" do bairro.

Amber 50
#FEF3E2
Amber 500 ★
#F5A524
Amber 600
#D98A0B
03 — Cores semânticas

Sinais de estado

Verde = ganho/aberto, vermelho = perda/fechado, amarelo = alerta, azul = informação. Consistente em todo o produto.

Sucesso
#16A34A
Erro
#E5484D
Alerta
#F59E0B
Info
#2F6BFF
04 — Neutros

Base clara & escura

Fundo off-white levemente quente (cara de papel, não hospital) no claro; verde-quase-preto no escuro pra manter o DNA da marca até no dark.

Fundo claro
#FAFAF7
Texto forte
#12211B
Fundo escuro
#0C120F
Superfície escura
#141D18
05 — Tipografia

Duas fontes, coesas

Combo gratuito (Google Fonts), leve e com renderização impecável no celular.

Plus Jakarta Sans
Marca, títulos e números de destaque — geométrica, moderna e amigável
Comércio local,
do seu jeito.
AaTítuloSubtítuloR$ 1.240,00
Inter
Corpo, interface e valores financeiros (com tabular-nums) — a fonte mais legível pra UI densa em mobile
Padaria do Zé · Aberto agora
Encontre lojas, serviços e profissionais perto de você. Fale direto no WhatsApp, veja horário e localização — tudo num toque, sem cadastro.
06 — Na prática

Card de estabelecimento

O sistema aplicado. Alterne claro/escuro no topo pra ver os dois.

Verificado

Padaria do Zé

Padaria · Alimentação
★ 4,8 (126 avaliações)
Não reivindicado

Auto Peças Vilhena

Automotivo · Peças
Sem avaliações ainda
Por que essa direção? Verde+âmbar traz o "orgânico/confiável" da Natura e L'Occitane sem cair no clichê; a base off-white quente + tipografia limpa dá o clean premium tipo Aesop; e o par Jakarta+Inter deixa tudo auto-intuitivo até para leigos, no espírito Duolingo. Zero emoji na UI — só ícones SVG.
Localle · Identidade v1 · gerado para validação — cores e fontes ajustáveis