Excelência
Técnica
Rigor visível: grade precisa, filetes de um pixel, alinhamentos exatos. Nada solto, nada aproximado — a forma comunica o mesmo cuidado que o trabalho jurídico.
Laudianni Braz
Advocacia
OAB/SP 518.319 · Jundiaí/SP
“Advocacia estratégica e atendimento personalizado, com excelência técnica, ética e discrição na defesa dos seus direitos e interesses.”
Guia de Identidade Visual · v1.0
01
Conceito
Toda peça da marca nasce do posicionamento. Ele se desdobra em três pilares, e cada decisão visual — uma cor, um filete, um espaço em branco — deve poder ser justificada por um deles.
Excelência
Ética e
Discrição
Sobriedade como princípio: paleta contida, dourado apenas como acento, silêncio visual generoso. A marca nunca grita, nunca promete resultado, nunca expõe o cliente.
Atendimento
Personalizado
Calor humano nos marrons e no terracota, leitura confortável e linguagem direta. A tradição serifada acolhe; a sans-serif do corpo responde com clareza.
“Advocacia estratégica e atendimento personalizado, com excelência técnica, ética e discrição na defesa dos seus direitos e interesses.”
Posicionamento oficial — reproduzir sempre na íntegra, sem adaptações
02
Logotipo
A marca é composta por monograma “LB” serifado em dourado sobre a
Dama da Justiça, nome em serifada caixa alta com espaçamento amplo e
a palavra ADVOCACIA em versalete espaçado, tudo contido na
moldura de filete duplo. O arquivo oficial é
logo-laudianni.png. Quando ele não estiver disponível
— e-mail em texto, assinatura simples, favicon, peça de baixíssima
resolução — use o fallback tipográfico ao lado.
Aplicação sobre fundo claro
Slot — logo oficial
logo-laudianni.png
logo-laudianni.png
Fallback tipográfico
Laudianni Braz
Advocacia
Aplicação sobre fundo escuro
Slot — logo oficial (versão dourado/off-white)
logo-laudianni.png
logo-laudianni.png
Fallback tipográfico
Laudianni Braz
Advocacia
Sobre fundo escuro, o monograma vira dourado-claro e o nome vira off-white; a moldura permanece em dourado. Nunca aplicar o dourado padrão como texto sobre o preto-fosco em tamanhos pequenos — veja a tabela de contraste.
Área de respiro mínima
Reserve em todos os lados uma margem livre igual à
altura do monograma “LB” (medida X).
Nenhum texto, filete, foto ou borda pode invadir essa área.
X
X
Laudianni Braz
Tamanho mínimo de uso
Abaixo destes limites o filete duplo e o versalete “ADVOCACIA” perdem definição. Em espaços menores, use apenas o monograma “LB” dentro da moldura.
- Digital — marca completa: 140 px de largura
- Digital — só monograma: 32 px de largura
- Impresso — marca completa: 35 mm de largura
- Impresso — só monograma: 10 mm de largura
- Favicon: monograma “LB” dourado sobre marrom-profundo, sem moldura
Laudianni Braz
Usos proibidos
Os exemplos abaixo estão riscados: nenhum deles pode ser reproduzido.
- Não adicionar sombra, contorno, brilho ou gradiente ao logotipo.
- Não recompor a marca: as proporções entre monograma, nome e versalete são fixas.
- Não substituir a tipografia por outra família.
- Não remover a moldura de filete duplo, exceto no favicon.
03
Cores
A paleta é fechada. Nenhum tom fora desta lista pode ser criado, nem mesmo variações “só um pouco mais claras”. Para clarear ou escurecer, use o par já previsto (dourado / dourado-claro, azul-escuro / azul-claro) ou opacidade sobre o off-white.
Off-white
HEX #F7F4EF
RGB 247, 244, 239
--off-white
Fundo base de todas as peças. Também é a cor de texto sobre fundos escuros.
Bege areia
HEX #E8DDD1
RGB 232, 221, 209
--bege-areia
Fundos alternados entre seções, cards, tags e blocos de destaque suave.
Marrom profundo
HEX #2E211B
RGB 46, 33, 27
--marrom-profundo
Títulos institucionais e fundos escuros de seção. Cor de autoridade da marca.
Marrom médio
HEX #6B4F3A
RGB 107, 79, 58
--marrom-medio
Elementos secundários, bordas, contorno de botão secundário, subtítulos.
Terracota
HEX #A9744F
RGB 169, 116, 79
--terracota
Apoio quente: taglines em itálico, marcadores, alertas de uso indevido. Nunca em texto pequeno sobre bege.
Dourado
HEX #C9A227
RGB 201, 162, 39
--dourado
Acento de marca: filetes, moldura, monograma, linhas onduladas. Elemento gráfico — não texto corrido.
Dourado claro
HEX #E0C56E
RGB 224, 197, 110
--dourado-claro
Única versão do dourado permitida como texto — exclusivamente sobre preto-fosco, marrom-profundo ou azul-escuro.
Preto fosco
HEX #141210
RGB 20, 18, 16
--preto-fosco
Faixas escuras e rodapé. Preto quente, nunca o preto puro #000000.
Azul escuro
HEX #17263F
RGB 23, 38, 63
--azul-escuro
Reservado a ações: botões primários, botão de WhatsApp e chamadas de ação. Nada mais.
Azul claro
HEX #2C3E5C
RGB 44, 62, 92
--azul-claro
Exclusivamente o estado hover e active do azul escuro.
Texto
HEX #241B16
RGB 36, 27, 22
--texto
Corpo de texto sobre off-white e sobre bege areia. Padrão de leitura.
Texto suave
HEX #5A4A40
RGB 90, 74, 64
--texto-suave
Legendas, apoios, rótulos e texto secundário. Nunca para parágrafos longos.
Proporção de uso
Em qualquer peça — site, post, papelaria, petição — a distribuição de área colorida deve se aproximar desta proporção. O dourado é acento; o azul só aparece quando há algo a clicar ou ligar.
70%
15%
10%
5%
- 70% — off-white e marrons (fundo, texto, títulos)
- 15% — bege areia (blocos e cards)
- 10% — dourado (filetes, moldura, monograma)
- 5% — azul escuro (somente ações)
Combinações aprovadas
| Amostra | Texto | Fundo | Razão | Nível | Uso |
|---|---|---|---|---|---|
| Direitos e interesses | Texto #241B16 | Off-white #F7F4EF | 15,39:1 | AAA | Corpo de texto padrão |
| Direito de Família | Marrom profundo #2E211B | Bege areia #E8DDD1 | 11,63:1 | AAA | Títulos em cards e seções bege |
| Laudianni Braz | Off-white #F7F4EF | Preto fosco #141210 | 17,04:1 | AAA | Rodapé e faixas escuras |
| Advocacia | Dourado claro #E0C56E | Preto fosco #141210 | 11,02:1 | AAA | Acento tipográfico em fundo escuro |
| Falar no WhatsApp | Branco #FFFFFF | Azul escuro #17263F | 15,16:1 | AAA | Botões primários e de WhatsApp |
| Atendimento on-line | Texto suave #5A4A40 | Off-white #F7F4EF | 7,69:1 | AAA | Legendas e texto secundário |
| Subtítulo institucional | Marrom médio #6B4F3A | Off-white #F7F4EF | 6,83:1 | AA | Subtítulos e apoios |
| Bordas e rótulos | Marrom médio #6B4F3A | Bege areia #E8DDD1 | 5,60:1 | AA | Rótulos sobre bege |
| Filete e numeração | Dourado #C9A227 | Preto fosco #141210 | 7,73:1 | AAA | Única situação em que o dourado padrão pode virar texto |
| Monograma LB | Dourado #C9A227 | Marrom profundo #2E211B | 6,43:1 | AA | Monograma e favicon |
| Proteção e cuidado | Terracota #A9744F | Off-white #F7F4EF | 3,61:1 | AA grande | Só em taglines ≥ 24 px. Nunca em corpo de texto |
Combinações a evitar
Dourado sobre off-white
2,20:1 — reprovado. O dourado sobre off-white é ilegível como texto. Use-o apenas como filete, moldura ou ornamento.
Terracota sobre bege
2,96:1 — reprovado. Falha até em texto grande. Sobre bege areia, use marrom profundo ou marrom médio.
Dourado claro sobre off-white
1,55:1 — reprovado. O dourado claro existe exclusivamente para fundos escuros.
Marrom médio sobre marrom profundo
2,08:1 — reprovado. Marrons próximos não se separam. Sobre marrom profundo, use off-white, bege ou dourado.
Azul claro sobre azul escuro
1,41:1 — reprovado. O azul claro é estado de hover, nunca cor de texto.
Dourado sobre terracota
1,74:1 — reprovado. Duas cores quentes de luminosidade próxima. Separe-as sempre com off-white ou marrom profundo.
04
Tipografia
Duas famílias, sem exceção. A serifada carrega a voz institucional; a sans-serif carrega a informação. Se uma delas não estiver disponível, use a pilha de substituição declarada nos tokens — nunca escolha uma terceira família por conta própria.
Cormorant Garamond
Serifada de alto contraste, com ar de documento e tradição. Substituição: 'Times New Roman', Georgia, serif
- Regular 400
- Semibold 600
- Itálico 400
A a B b C c D d E e F f G g H h I i J j K k L l M m
N n O o P p Q q R r S s T t U u V v W w X x Y y Z z
0 1 2 3 4 5 6 7 8 9
á à â ã é ê í ó ô õ ú ü ç
Use em: nome da marca, títulos institucionais, taglines em itálico, numerais de destaque.
Inter
Sans-serif neutra, desenhada para tela, excelente em tamanhos pequenos. Substituição: -apple-system, 'Segoe UI', Arial, sans-serif
- Regular 400
- Medium 500
A a B b C c D d E e F f G g H h I i J j K k L l M m
N n O o P p Q q R r S s T t U u V v W w X x Y y Z z
0 1 2 3 4 5 6 7 8 9
á à â ã é ê í ó ô õ ú ü ç
Use em: parágrafos, listas, rótulos, botões, tabelas, formulários e legendas.
Escala tipográfica
Valores de referência em desktop. Em telas abaixo de 768 px, reduza H1 e H2 em um degrau; os demais níveis permanecem.
Laudianni Braz
H1 · Cormorant Garamond 400
3rem / 48px · altura 1,1 · letter-spacing 0.18em · caixa alta
Nome da marca e título de capa. Um por peça.
Áreas de atuação
H2 · Cormorant Garamond 600
2.25rem / 36px · altura 1,15 · letter-spacing 0.16em · caixa alta
Título de seção.
Direito de Família
H3 · Cormorant Garamond 600
1.5rem / 24px · altura 1,2 · letter-spacing 0.12em
Título de bloco, card ou área de atuação.
Como funciona o atendimento
H4 · Inter 500
1.125rem / 18px · altura 1,3 · letter-spacing 0.08em · caixa alta
Subtítulo dentro de seção.
Primeira consulta
H5 · Inter 500
1.0625rem / 17px · altura 1,4 · letter-spacing 0.06em
Título de item em lista ou passo de processo.
Documentos necessários
H6 · Inter 500
0.9375rem / 15px · altura 1,4 · letter-spacing 0.14em · caixa alta
Menor nível de título. Abaixo dele, use rótulo.
O acompanhamento é feito de forma direta com a advogada, do primeiro contato à decisão final, com atualizações sempre que houver movimentação relevante no processo.
Corpo · Inter 400
1rem / 16px · altura 1,7 · letter-spacing 0
Texto padrão. Nunca abaixo de 16px em corpo corrido.
Atendimento presencial em Jundiaí/SP e on-line em todo o Brasil.
Pequeno · Inter 400
0.875rem / 14px · altura 1,6
Notas de apoio, observações, itens densos de lista.
OAB/SP 518.319 · Jundiaí/SP
Legenda · Inter 400
0.75rem / 12px · altura 1,5 · letter-spacing 0.08em · caixa alta
Legendas de imagem, OAB, metadados, rótulos de rodapé.
Composição em uso
Hierarquia de referência para qualquer bloco de área de atuação: título serifado em caixa alta, tagline em itálico e corpo em Inter.
Direito de Família
Proteção, cuidado e estratégia
Divórcio, guarda, pensão alimentícia, reconhecimento e dissolução de união estável, inventário e partilha. Cada caso é conduzido com discrição e atenção ao contexto familiar, buscando o acordo quando ele protege o cliente e sustentando a via judicial quando é ela que garante o direito.
Título H3 · Tagline itálica Cormorant · Corpo Inter 400
Regras de composição
Quando usar caixa alta
- Nome da marca, sempre com
letter-spacingde 0,15em a 0,3em. - Títulos institucionais (H1, H2, H4, H6) e nomes de áreas de atuação.
- Rótulos, tags e botões.
- Nunca em frases completas, parágrafos ou textos com mais de cinco palavras — a leitura cai e o tom fica agressivo.
Quando usar itálico
- Taglines curtas de área de atuação, em Cormorant Garamond itálico.
- O posicionamento oficial, quando citado como epígrafe.
- Termos em latim (habeas corpus, data venia) e títulos de obras.
- Nunca para ênfase dentro de parágrafo — use peso 500 da Inter.
Largura de linha
Corpo de texto limitado a ~65 caracteres
(max-width: 65ch). Linhas mais longas cansam;
mais curtas quebram o ritmo.
Esta coluna está limitada a 65 caracteres. Repare que o olho
encontra o início da linha seguinte sem esforço — é essa a medida
usada em todo texto corrido da marca, do site à petição.
Ritmo e alinhamento
- Texto sempre alinhado à esquerda. Nunca justificado — o espaçamento irregular quebra a precisão da marca.
- Centralizar apenas capa, assinatura e blocos curtos dentro da moldura.
- Espaço entre título e corpo:
16px. Entre blocos:48px. Entre seções:96px. - Não usar hífen automático em português.
05
Elementos gráficos
Quatro elementos sustentam toda a linguagem visual. Eles são sempre dourados, sempre finos e sempre discretos — se um deles começar a disputar atenção com o conteúdo, está grande demais.
Moldura de filete duplo
Moldura de filete duplo
Dois filetes de 1px em dourado, separados por 8px. Envolve capas, assinaturas e blocos de destaque. Um por peça — nunca molduras aninhadas. Em impresso, manter 0,25pt de espessura.
Divisor com ponto central
Filete horizontal de 1px interrompido por um ponto de 5px no centro. Separa blocos dentro de uma mesma seção e fecha assinaturas. Largura máxima de cada braço: 120px.
Linhas onduladas
Três ondas douradas de 1px com opacidade decrescente (85%, 55%, 30%). Sempre ancoradas na base da peça, ocupando toda a largura. Nunca no topo, nunca rotacionadas, nunca preenchidas.
O conteúdo passa por cima
da marca d’água.
Marca d’água “LB”
Monograma em Cormorant 600 com 8% a 14% de opacidade, sangrando para fora da margem. Usada em fundos de seção e papelaria. Nunca atrás de texto pequeno e nunca acima de 15% de opacidade.
06
Componentes básicos
Componentes renderizados nos três estados. O foco é sempre visível: contorno de 2px afastado 3px do elemento — requisito de acessibilidade, não detalhe estético.
Botão primário
Ação principal da peça. Azul escuro sobre off-white, uma única ocorrência por tela ou seção.
Normal
Hover / Active
Foco (teclado)
Botão secundário
Ação de apoio. Contorno marrom médio, fundo transparente — nunca compete com o primário.
Normal
Hover / Active
Foco (teclado)
Botão WhatsApp
Azul escuro com ícone branco — nunca verde. O verde da plataforma não pertence à paleta e quebra a sobriedade da marca. Número oficial: (11) 97226-5406.
Normal
Hover / Active
Foco (teclado)
Tag / Badge
Informação de contexto, nunca clicável. Ponto dourado à esquerda como assinatura da marca.
Sobre fundo claro
Atendimento on-line
Variação dourada
Atendimento on-line
Sobre fundo escuro
Jundiaí/SP
Card de área de atuação
Raio de 12px, filete dourado de 2px no topo, sombra sutil. Título, tagline itálica, descrição curta e uma ação secundária.
Presencial e on-line
Direito de Família
Proteção, cuidado e estratégia
Divórcio, guarda, pensão alimentícia, união estável, inventário e partilha — com discrição e acompanhamento direto da advogada.