Design
System
Os fundamentos da marca
role para ver os fundamentos
Hamburgueria artesanal gourmet em Blumenau/SC. Identidade visual forte, espaço kids, programa de fidelidade CashBack e cardápio diversificado.
Arena Gourmet
Hamburgueria Artesanal Gourmet
Blumenau, SC
Rua Benjamin Constant, 1485
(47) 3042-3006
arenadogburger@gmail.com
@arenadogburger · 10,8k · verificado ✅
arenagourmetblumenau.com.br
Seg/Ter 17:30–23h · Qua/Qui 17:30–23:30h · Sex/Sáb a confirmar
O espaço físico é quente e aconchegante — prédio colonial branco, cordão de luzes. O marketing é escuro, bold e dramático — fundo preto, tipografia pesada. O sistema sustenta os dois.
| Atributo | Expressão |
|---|---|
| Atitude | Bold, confiante, sem rodeios |
| Calor | Aconchegante, familiar, do bairro |
| Estilo | Retro americana + gourmet artesanal |
| Sensação | Brasa, fogo, intensidade, sabor real |
| Tom | Direto, com personalidade, provocador |
Cardápio diverso com nomes que evocam geografia e história — Djem, Pompeia, Nimes, Éfeso. Djem é o campeão de vendas (costela, pão australiano, cebola caramelizada e queijo mussarela).
| Linha | Produtos | Faixa de Preço |
|---|---|---|
| Hambúrgueres | Djem · Pompeia · Nimes · Éfeso | R$ 40–45+ |
| Arena DOG | Hot dogs artesanais | — |
| Arena Fondue | Fondue (edição especial) | — |
| Kids | Lanches infantis | — |
| Combos | Hambúrguer + acompanhamento | — |
Hambúrguer feito no fogo — diferencial central da marca
Estrutura própria para crianças no salão
Programa de fidelidade — recompensa quem volta
Espaço para espetáculos e área externa
Bold, confiante e direto — como um amigo que entende de comida boa. Provoca o apetite e age com autoridade, mas nunca soa corporativo.
A regra que define o look: fundo escuro, um acento quente, alto contraste. Nunca dois acentos juntos; nunca dourado sobre branco. Clique em qualquer cor para copiar o HEX.
As únicas combinações de cor que entregam a personalidade Arena. Tudo fora daqui quebra a marca.
Display condensado e dourado nos títulos. Montserrat para tudo de UI. Serifa e script só no cardápio e no acento do logo.
Como cada tipografia se comporta em peça real. Use estas combinações como receita pronta para post, story e impresso.
Eyebrow Montserrat 800 caps · Anton 48–80px na palavra-chave · preço em Bebas Neue dourado. Fundo carvão ou âmbar quente.
Mistura Anton sólido com Anton em outline (text-stroke dourado 2px) para criar respiro. Funciona sobre fotografia escura.
Handle Instagram + nome da casa nos cantos. Headline Anton centralizado em creme. Texto auxiliar Montserrat 500 em 2 colunas.
Playfair Display 800 caps + Lobster em destaque para o acento "Gourmet". Anel pontilhado dourado e divisor fino entre o nome e o subtítulo.
1 só fonte display por peça · corpo sempre em Montserrat · script só para 1 palavra de acento (nunca em frase inteira) · serifa só no cardápio.
2 fontes display competindo · script no corpo · Anton e Bebas no mesmo tamanho · texto longo em Lobster · dourado sobre branco.
Escala 8pt em todo o sistema. Cantos arredondados, nunca pílula (exceto status). Duas auras de luz: dourado e brasa.
Passe o mouse para ver os estados. CTAs dourados aquecem no hover; brasa só para urgência.
Glifos minimalistas, traço médio-pesado, sempre tingidos em dourado sobre o fundo escuro. Sem gradientes, sem multi-cor.
Badge circular estilo retro americana. Anel pontilhado evoca a roda da brasa; "ARENA" em arco superior; hambúrguer central; "Gourmet" em script no arco inferior; estrelas de 4 pontas flanqueando.
Margem livre = altura da letra "A" em todos os lados
80 px de largura
2 cm de largura
Distorcer · incliná-lo · recolorir fora dos pares aprovados
Imagem na brasa: fundo preto/dark, iluminação dramática, hambúrguer centralizado com corte visível. Fogo, fumaça e brasa como atmosfera viva.
Preto ou carvão profundo — sempre. Nunca fundo claro para produto.
Lateral ou superior · contraste alto · realces âmbar sobre sombra
Hambúrguer centralizado · corte transversal · queijo escorrendo
Fumaça, chama, brasa · processo em foco
Separadores e moldura — elemento do logo
Anel decorativo do emblema
Acento retro americano
Promoções e calor
Remete ao espaço físico aconchegante
Print e embalagens
Tamanhos canônicos para cada superfície da marca. Use exatamente estas dimensões — desvios saem do sistema.
A marca tem que ficar impecável no celular (onde está a maioria dos clientes) e no Mac. Estas são as regras de construção pra qualquer página ou peça digital do Arena.
| Faixa | Largura | Como o layout se comporta |
|---|---|---|
| Desktop / Mac | ≥ 769px | Layout completo — grades de 2–3 colunas, respiro lateral de 8vw, números e títulos grandes. |
| Tablet | 601–768px | Grades reduzidas (3→2 ou 1 coluna), tipografia média, espaçamentos menores. |
| Mobile | ≤ 600px | Tudo em 1 coluna. Padding lateral 18px, hero compacto, imagens cheias na largura. |
| Mobile P | ≤ 380px | Esconde elementos secundários (subtítulos, selos), reduz fontes ao mínimo legível. |
clamp(min, vw, max) — nunca px fixo grande.overflow-x travado: nada ultrapassa 100vw.max-width:100%; vídeo no maior lado 1280px.:hover.Containersection {
padding: 120px 8vw; /* Mac */
}
@media (max-width:600px){
section { padding: 56px 18px; }
}
Tipografia fluidah1 {
font-size: clamp(30px, 5vw, 58px);
}
/* escala sozinha entre
mobile e desktop */
Grade responsiva.grid {
grid-template-columns:
repeat(auto-fit,
minmax(220px,1fr));
}
/* colapsa pra 1 coluna
sozinha no mobile */
Margem livre obrigatória ao redor do emblema. O módulo X equivale à altura da letra "A" de ARENA. Nada de texto, foto ou outro elemento dentro dessa zona.
X
X
X
X
= altura da letra "A" do logo
X em todos os 4 lados — sem exceção
Encostar texto, foto ou borda dentro da reserva
Abaixo do mínimo o emblema perde legibilidade — o anel e o hambúrguer "fecham". Respeite os limites por suporte.
O emblema é fixo. Não recrie, não recolora, não distorça. Estes oito erros quebram a consistência da marca.
Não esticar na horizontal
Não achatar na vertical
Não inclinar nem girar
Não recolorir fora da paleta
Não aplicar sombra ou efeito
Não usar em baixo contraste
Não usar versão de baixa resolução
Não desbotar nem dessaturar
Inventário dos assets entregues e o roadmap dos próximos materiais a criar.