Fialdini Advogados · Brand Guidelines

01

Fundamentos & posicionamento.

A marca Fialdini equilibra autoridade jurídica (navy, serifa display, ritmo institucional) com energia tech (tiffany, pixel grid signature, tipografia editorial moderna). Não é "escritório de advocacia genérico" e não é "fintech corporate". É boutique senior-led que opera como contraparte direta do mercado.

Compliance first.

Estrutura que sobrevive à supervisão sem perder eficiência. Pilar antes do pitch, antes da etiqueta visual.

Senior-led.

Cada mandato conduzido por sócio do início ao fim. Comunicação visual reflete: nada parece template ou diluído.

Operação compartilhada.

Coordenação por sócio, atravessa o conhecimento da banca. Hierarquia clara, voz unificada.

Cross-border integrado.

Opiniões em inglês, eixo Brasil-DACH, fluxo internacional. Identidade traduz para mercados externos.

02

Sistema de logo.

Composto por três elementos canônicos. O FF mark (monograma duplo) carrega o gesto autoral; o wordmark ("FIALDINI ADVOGADOS") fornece a leitura institucional; o lockup combina ambos verticalmente. Toda peça deve usar uma das três formas — sem variações livres.

Monograma FF mark

Tipográfico Wordmark navy

Inverso Wordmark branco

O FF mark é o gesto autoral.

Duas letras "F" espelhadas formando um monograma compacto. Aplicada em tiffany (#6AA7A3) como assinatura, em navy (#28264B) em contextos institucionais. Sempre com respiro mínimo equivalente à altura do "F" em todas as direções.

01

Tamanho mínimo16px em telas, 8mm em impressão. Abaixo perde definição.

02

Respiro (clear space)Equivalente à altura do "F". Nada pode invadir esse espaço.

03

AplicaçãoFavicon, badge social, selo de carimbo, monograma de assinatura.

03

Paleta cromática.

Quatro famílias hierárquicas. Navy é a voz institucional (texto, painéis, autoridade). Tiffany é o accent — pontuação, nunca parágrafo. Mint respira como pano de fundo. Neutros sustentam o sistema sem competir. Toda cor tem token CSS variável.

Primário

Navy Fialdini

HEX · #28264B RGB · 40, 38, 75 CSS · var(--navy)

Texto institucional, painéis dark, autoridade. Cor mais usada no sistema.

Accent

Tiffany Fialdini

HEX · #6AA7A3 RGB · 106, 167, 163 CSS · var(--tiffany)

Itálico em headlines, kickers, dots, rules. Sempre como pontuação visual.

Pano de fundo

Mint Fialdini

HEX · #E7F6F2 RGB · 231, 246, 242 CSS · var(--mint)

Backgrounds calmos, divisores, área de respiração editorial.

Profundidade

Navy Deep

HEX · #140628 RGB · 20, 6, 40 CSS · var(--navy-deep)

Gradientes profundos, hover state em CTAs, fundo "ink".

Paper

Paper Warm

HEX · #FAFAF5 RGB · 250, 250, 245 CSS · var(--paper-warm)

Background editorial — substitui branco puro em peças longas e print.

Estrutura

Line

HEX · #DCDCD6 RGB · 220, 220, 214 CSS · var(--line)

Divisores, bordas sutis, separação editorial sem ruído.

Suporte

Tiffany Soft

HEX · #A9CFCC RGB · 169, 207, 204 CSS · var(--tiffany-soft)

Subtitulos sobre fundo navy, hover ghost, accents secundários.

Texto secundário

Muted

HEX · #6B6B6B RGB · 107, 107, 107 CSS · var(--muted)

Texto auxiliar, metadados, labels secundárias.

04

Sistema tipográfico.

Três famílias, hierarquia clara. PP Eiko faz o trabalho display e editorial (autoridade jurídica). Founders Grotesk entrega o ritmo institucional em headers e UI (sofisticação tech). Roboto sustenta o corpo de texto longo (acessibilidade, web).

PP Eiko

Display · Editorial · Serifa contemporânea

Mercado de Capitais.

H-Display · 88pxInteligência

H1 · 64pxBoutique

H2 · 44pxCompliance first

Regular · 400Aa Bb Cc 123

Italic · 400Aa Bb Cc

Medium · 500Aa Bb Cc

Founders Grotesk

UI · Eyebrow · Sans Geométrica

Compliance First · Desde 2006

Eyebrow · 11pxÁreas de atuação

Kicker · 13pxReconhecimentos

Lead · 20pxBoutique referência

Light · 300Aa Bb 123

Regular · 400Aa Bb 123

Medium · 500Aa Bb 123

Roboto

Body · Web · Texto longo

Estrutura que sobrevive à supervisão sem perder eficiência.

Body · 16pxTexto corrido em web e print, longo.

Small · 13pxLegendas, metadados

Italic · 400Citações inline

05

Padrão signature.

A grade de pixels 16×9 (ou 16×14 em verticais) é a assinatura visual do Fialdini. Inspirada em padrões editoriais financeiros (Bloomberg, SRZ), traduz a ideia de "infraestrutura financeira digital". Cada célula pode receber 4 tipos: navy (anchor), tiffany (accent), white ou gray (estrutura). Densidade modula a hierarquia. Reservar centro pra texto.

Light · Editorial

Sobre fundo paper. Pixels nos cantos extremos, centro respira. Aplicação principal: hero do site, deck cover, divisor de seção.

Mint · Suporte

Sobre mint. Reduz contraste, suaviza ritmo. Aplicação: seções de manifesto, áreas de respiração entre blocos densos.

Dark · Premium

Sobre navy. Pixels tiffany dominam. Aplicação: slides de reconhecimentos, quote block, closing de deck, depoimentos.

Ink · Cover

Sobre gradiente navy. Reservado pra covers e cards de impacto. Pixels tiffany sutis, fotografia possível em sobreposição.

06

Voz & tom.

Autoritativo, afiado, sofisticado. O cruzamento entre private law firm de Zurique e studio de produto de São Francisco. Gravitas jurídica + respiração de software moderno. Confiança institucional, clareza cirúrgica, energia controlada. Nunca pompa, nunca hype.

"O ponto forte da Fialdini é a mentalidade estratégica diante de desafios regulatórios." Chambers FinTech Brasil · 2026

"Atuam próximos dos clientes, como verdadeiros parceiros de negócio, não apenas como assessores jurídicos." Chambers FinTech Brasil · 2026

Princípio 01

Densidade com ar.

Alta informação por cm² — mas whitespace é decisivo. Nunca economizar respiro.

Princípio 02

Contenção é premium.

Tiffany é pontuação, nunca parágrafo. Limites disciplinados de cor e ornamento.

Princípio 03

Autoridade sem pompa.

Tech sem hype. Jurídico sem corporate-speak. Cada palavra carrega peso.

07

Componentes canônicos.

Padrões reutilizáveis com comportamento e estilo bloqueados. Toda peça nova deve compor com esses tijolos antes de inventar.

Botões · CTA

Hero CTA & variações

Border navy 1px, padding 16x28, uppercase tracking .06em. Hover: bg navy + padding-right expand para arrow shift.

Tags · Categorias

Color-coded por tipo de conteúdo

Alerta Análise Caso Evento Podcast

Pill com bg pastel saturado + fg desaturado da mesma família. Categorias fixas — não adicionar sem aprovação.

Selo · Endorsement

Badge oficial Chambers

Sempre usar versão oficial. Em fundo claro: navy. Em fundo dark: versão branca (PIL invertida). Nunca redesenhar.

Quote · Citação

Bloco de depoimento

"Têm proximidade ímpar com o regulador e o governo." Chambers FinTech Brasil · 2026

Sobre fundo navy. Source label tiffany uppercase. Texto serif italic opcional para citações editoriais.

08

Aplicações canônicas.

Cada peça produzida deve referenciar o sistema. Site institucional é fonte primária; deck e materiais derivados herdam dos mesmos tokens.

Web · Institucional

mockup-fialdini.netlify.app

Site institucional Fialdini — hero pixel grid, paleta navy/tiffany, fluid morph, conteúdo PT/EN/ES.

Deck · Apresentação

Apresentação Institucional · Mercap 2026

Deck 12 slides 16:9 — foco em mercado de capitais, foto Faria Lima HD, big numbers, badges Chambers oficiais.

Editorial · Conteúdos

Página de conteúdos

Featured + grid de cards com cover gradient + monograma. Filtros chip color-coded por categoria.

Pessoas · Sócios

Página de sócios

Grid de 6 sócios com fotos circulares, bios e credenciais. Visual editorial limpo, badges nos rankings.

09

Do & Don't.

Regras absolutas. Quebrar uma destas degrada o sistema inteiro — toda peça que sair fora desse rail volta pra revisão.

Faça

Use PP Eiko para display + Founders Grotesk para UI + Roboto para corpo. Sem substituições.
Aplique tiffany como pontuação (italic, dots, rules) — sempre minoritário em relação ao navy.
Preserve o respiro do FF mark — área livre equivalente à altura da letra.
Use o padrão pixel signature 16x9 com pixels nos cantos extremos, centro reservado a texto.
Em peças escuras, use foto Faria Lima HD com overlay gradient navy → tiffany.
Em badges externos (Chambers, Leaders League, Análise, Lexology), use versões oficiais hires fornecidas.
Hover states com transform composited (translate, scale) — nunca padding/width que causa reflow.
Voz: jurídica afiada + tech contida. Curto, denso, com gravitas.

Não faça

Em-dashes (— ou –). Nunca, em peça nenhuma. Use vírgula, ponto ou parênteses.
Estrelinhas (★) decorativas. Use accent de cor ou outline tiffany para destacar.
Tiffany em parágrafos longos ou áreas dominantes — só pontuação.
Logos fora dos cantos respirando — não comprimir, não distorcer, não rotacionar.
Fontes alternativas (Inter, Calibri, Arial, Helvetica) substituindo PP Eiko/Founders Grotesk.
Texto navy sobre pixel navy ou texto branco sobre pixel branco. Sempre validar contraste.
Stock photos genéricas de "advogado com aperto de mão" ou "edifício corporativo". Foto autoral Faria Lima/SP.
Pomposo, corporate-speak, jargão jurídico desnecessário. Voz limpa, autoritativa, contida.