Dom Pedro Bar & Restaurante

Brand Book Digital v2

"Cartaz da Casa" · sistema visual dos sites, portais e blog · validado 12/07/2026

Tipografia web

Young Serif e Karla

Young Serif nos títulos (robusta, de cartaz impresso). Karla no corpo, mínimo 19px. Playfair e Barlow ficaram só para peças impressas. Nunca travessão (—) em texto.

Um lugar de encontros
Young Serif · títulos

Karla no corpo, com 19px de base e boa entrelinha. É a fonte que carrega o texto longo dos portais e do blog: humanista, quente e muito legível. Nada de letra pequena que cansa.

Paleta

Cores da casa e do dado

As cores de marca mais o "semáforo da casa" para gráficos: nada de verde e vermelho de planilha.

Royal#201d7f
Azul-claro#2b28a3
Dourado#FCDF7C
Terracota#b0734c
Marrom#4F3B25
Bege#faf8f2
Jade (na faixa)#12a066 → #4fd695
Dourado (abaixo)#e3b93c → #FCDF7C
Terracota (estourou)#a3592f → #d98a5b
A regra das formas

Cartaz de dia, charme de noite

Fundo claro pede caixa retangular com sombra dura dourada. Fundo escuro pede caixa arredondada com brilho dourado e a quina-ladrilho. O contraste é a personalidade.

Fundo claro · painel retangular

Exemplo

Painel de cartaz

Borda royal 2.5px e sombra dura dourada de 8px. Sem a sombra, fica "quadrado de IA".

Fundo escuro · caixa arredondada

Exemplo

Caixa de noite

Cantos 18px, brilho dourado na sombra e a quina-ladrilho no canto (o "<" do azulejo).

Dados e gráficos

Barras arredondadas, cores da casa

Sempre pílula com degradê. O semáforo usa jade, dourado e terracota. O risco marrom marca a meta.

Na faixa33%
Abaixo18%
Estourou36%
Tarjas de ladrilho

Cinco aplicações, sempre com moldura

Padrão em zoom, molduras na cor do ladrilho (a gold-royal com moldura amarela), nunca solta no vazio.

1 · Quebra de seção

2 · Divisor fino centrado

3 · Rodapé de painel

Exemplo

Painel com base de ladrilho

4 · Fita de topo (sob o menu)

Menu do portal
5 · Tarja como troca de fundo

Mudou o assunto, muda a cor

A tarja é a dobra da página. Sempre colada nas duas cores que separa. Os cinco fundos oficiais e as combinações aprovadas:

bege ➔ azul-claro

Azul-claro para abrir um capítulo

Royal clareado (#2b28a3), texto branco, destaques dourados. Contraste sem sair da marca.

gold ➔ royal (de gala)

A dupla mais nobre

Transição de gala, para o momento mais importante da página. Moldura amarela na tarja.

bone ➔ terracota

Terracota para a seção quente

Fundo terracota, texto bege. Padrão do blog e de assuntos de comida, brasa e tradição.

terracota ➔ branco

Branco para respirar

Depois do quente, o branco reabre o ar. As cinco cores compõem o ritmo da página.

Logos em web

Cada um no seu lugar

Material externo sempre com a marca de verdade, nunca texto fingindo de logo.

HorizontalHeader e rodapé. Fundo royal → branco; claro → azul. Mínimo 48px.
QuadradoPouco espaço: favicon, avatar, selo.
CompletoCapas e hero institucional. SÓ em fundo claro.
Nunca faça

Os erros que denunciam "IA"

  • Recriar o ladrilho em SVG "de texto": use os PNGs profissionais.
  • Logo completo em fundo escuro.
  • Caixa retangular chapada sobre fundo royal (retangular é só para fundo claro).
  • Verde e vermelho de planilha em gráfico.
  • Tarja solta, sem moldura ou com vazio bege ao redor.
  • Playfair Display em web. Travessão (—) em qualquer texto.
  • Texto escrito no lugar do logo em material externo.
Dom Pedro Bar & Restaurante
Av. Rui Barbosa, 907 · Heliópolis, Garanhuns-PE
WhatsApp (87) 99938-6179 · Instagram @DomPedroGus