Comércio de cidade
Ícone do app
Marketplace da Cidade
Design System · Âmbar

A cidade inteira
na palma da mão.

Todas as lojas do seu bairro num só app. Identidade Âmbar — calorosa, popular e premium.

A escolha

Por que Âmbar

Mantém a energia calorosa e popular do Meituan (o "hello yellow" que te empolgou), mas puxa o amarelo puro para um âmbar/mostarda mais sofisticado (#F5B301) e ancora tudo num grafite premium (#1A1A2E) no logo, header e menu — pra não virar cara de fast-food nem lembrar 99/Mercado Livre.

Regra de ouro do sistema: 1 cor-marca (âmbar) + muito branco + grafite, com a cor forte usada com parcimônia — em botões, selos e destaques. Muito espaço em branco pra logo de cada loja brilhar por cima. Igual Meituan.
Tokens

Paleta

Escala âmbar completa para estados (hover, ativo, fundos suaves) + grafite como âncora escura + semânticas.

brand-400
Âmbar#F5B301 · primária
brand-500
Âmbar fundo#E5A400 · hover
brand-700
Mostarda escura#A66E00 · texto
brand-900
Grafite#1A1A2E · header/logo
brand-300
Âmbar claro#F7CB55
brand-50
Fundo suave#FEF6E0 · tags
accent
Teal (contraste)#2BB0A6 · info/novo
ink
Texto#1A1A2E
Ganho · #16A34A
Perda · #E11D48
Alerta · #E5A400
Tokens

Tipografia

Baloo 2 nos títulos (arredondada, calorosa — o espírito Meituan) + Nunito no texto (legível, neutra). Ambas livres no Google Fonts.

Baloo 2 · 800 · Display
Tudo da cidade aqui
Baloo 2 · 700 · Título
Lojas perto de você
Nunito · 700 · Destaque
Entrega hoje na sua rua
Nunito · 400 · Corpo
O marketplace do seu bairro reúne padaria, farmácia, mercado e serviços num app só — com retirada ou entrega e pagamento por Pix.
Componentes

Botões

Componentes

Card de produto

Mini-logo da loja + nome, preço em Baloo, selo de oferta em grafite/âmbar, avaliação em amarelo semântico.

-25%
PPadaria do Sol
Cesta de pães artesanais fresquinhos
★★★★★ 4.9 (128)
R$ 18,90 R$ 24,90
Adicionar
FFarmácia Esperança
Vitamina C efervescente 30 comp.
★★★★☆ 4.6 (54)
R$ 29,90
Adicionar
Novo
MMercado Central
Combo hortifruti da semana
★★★★★ 5.0 (12)
R$ 39,90
Adicionar
Componentes

Card de loja

Capa em grafite, logo da loja em destaque, tags em âmbar suave. O container é neutro — a marca da loja aparece.

Padaria do SolPadaria · 0,4 km · aberto
Entrega hojePix★ 4.9
Farmácia EsperançaSaúde · 0,8 km · aberto
24hRetirada★ 4.6
Aplicação

Cara de app nativo

Mobile-first, menu inferior com 5 itens (o central "+" cria/vende), header grafite com localização por cidade e faísca âmbar nas promoções.

Comprando em Vilhena · RO
PatrocinadoOfertas do dia
até 40% nas lojas da cidade
PPadaria do Sol
Cesta de pães fresquinhos
R$ 18,90
Marca

Ícone do app — escolha a variação

Loja dentro do pin de localização = "as lojas da sua cidade". Formato de ícone de app real (tile arredondado, cheio), na paleta âmbar + grafite. Bata o olho e me diga o número.

variação 1
1 · Clássico
Fundo âmbar · pin branco · loja grafite
variação 2
2 · Night glow
Fundo grafite · pin âmbar brilhante
variação 3
3 · Gradiente
Âmbar degradê · pin branco
variação 4
4 · Alto contraste
Fundo âmbar · pin grafite · loja branca
variação 5
5 · Premium dark
Fundo grafite · pin branco · toldo âmbar

Minha aposta: a 4 (alto contraste) é a mais forte na tela de início e a mais "cara de marca"; a 5 (premium dark) é a evolução direta do ícone petróleo que você curtiu, só que âmbar.

Design System · Marketplace da Cidade — identidade Âmbar + Grafite
Cor-marca #F5B301 · âncora #1A1A2E · Baloo 2 + Nunito · gerado com IA na Agência Xara