Apresentação do moodboard

DIREÇÃO VISUAL

Maio 2026 — versão 1
Tom da marca

COMO O SITE VAI SOAR

Visual limpo e elegante, com presença forte da marca. O produto (cervejas, prêmios, rótulos) é protagonista. Em seções que contam história (sobre, nova sede, eventos), o site fica mais quente e acolhedor — como entrar no pub depois de ver a vitrine.

Paleta

CORES DA MARCA

Sete cores trabalhando juntas: três estruturais (fundo e texto) e quatro de destaque (botões, interações, categorias).

Preto-café
Fundo do site
Branco-creme
Texto principal
Calcário
Texto secundário, etiquetas
Mostarda
Botões e links principais
Caramelo
Interações (clique, passar o mouse)
Vinho
Citações, números de seção
Azeitona
Categorias (estilos de cerveja, divisores)
Tipografia

FONTES DO SITE

Três fontes que trabalham juntas: títulos com impacto, texto fácil de ler, e um toque manuscrito nos momentos certos.

BebasNeue
Usada em títulos de seção e cabeçalhos grandes do site.
NOSSAS CERVEJAS
Montserrat
Usada em todo o corpo de texto: parágrafos, catálogo, preços, formulários, navegação.
Charas Beer é uma cervejaria artesanal premiada com 13 anos de história, da nova sede em Bom Princípio para todo o Sul e Sudeste.
Dancing Script
Toque manuscrito em assinaturas curtas e citações nas seções de história.
Feita à mão
Mapa por superfície

ONDE CADA COR APARECE

Aplicação das cores por seção do site. O visual fica sóbrio no produto e ganha calor nas seções narrativas.

Visual sóbrio — foco no produto
Preto-café · Branco-creme · Calcário · Mostarda
  • Página de "em breve"
  • Página inicial — área principal de destaque
  • Catálogo de cervejas
  • Ficha técnica de cada cerveja
  • Checkout / finalização da compra
  • Área do cliente (pedidos, perfil)
Calor pontual — seções que contam história
+ Caramelo · + Azeitona · + texturas suaves
  • Bloco de história na página inicial
  • Página "Sobre a Charas"
  • Página da nova sede em Bom Princípio
  • Página de chope para eventos
  • Rodapé do site
Vinho — detalhes editoriais
Vinho
  • Bloco de história — letras iniciais grandes, números de seção
  • Página "Sobre" — citações e divisores especiais
Azeitona — categorias e divisores
Azeitona
  • Catálogo — etiquetas de estilo (IPA, Stout, Pilsen)
  • Catálogo — etiquetas "sazonal" e "edição limitada"
  • Ficha de cerveja — divisores entre seções
  • Página de ingredientes / como fazemos