PLD_
DESCOMPLICADO

Descomplica o PLD. Faz acontecer.

Design System · v1.0 · julho / 2026 · conceito “Luz no Labirinto”

Fundamentos

Hierarquia de cor — “Cofre & Brasa”

Regra 90/10: neutros sustentam a peça (grafite/areia), a brasa pontua. A brasa só sobre escuro; no claro, o âmbar de texto vira Ouro profundo.

Grafite / Tinta
#16181D

Âncora escura, fundo primário. O cofre / o labirinto. Quase-preto quente, nunca azulado.

Brasa / Âmbar
#E3A24A

Acento primário, CTA, o device “_”, a luz. Só sobre escuro. ≈ 7.5:1 sobre grafite.

Areia
#F6F1E8

Fundo claro primário e texto sobre escuro. O respiro editorial, o neutro quente.

Fundamentos

Paleta estendida

Apoios de superfície, texto, símbolo e estados. O Ember cobre atenção/erro — a brasa nunca é erro.

Ouro profundo#97611A · âmbar sobre claro
Ember / terracota#C0552F · ênfase rara · erro
Símbolo (escuro)#6E7789 · labirinto no dark
Card#1E2128 · superfície no dark
Névoa#ECE5D9 · neutro claro suave
Texto de erro#E0906F · terracota clara
Texto secundário#D3CCC1 · quente, puxado p/ o névoa
Texto terciário#B0A89C · legendas e notas
Papel#FFFFFF

Fundamentos

Cor de sistema & acessibilidade

Estados funcionais (fora da paleta de marca) e contraste. A regra que mais economiza retrabalho: a brasa nunca é texto sobre claro — sobre fundo claro, âmbar de texto/link vira Ouro profundo.

Sucesso#2E7D46 · fundo #E7F2EA
Atenção#C98A1E · ≠ brasa de marca
Erro#B23A2E · fundo #F8E5E1
Info#3F6E69 · único tom frio, só função

O “Atenção” (#C98A1E) é de propósito mais saturado que a Brasa (#E3A24A) — função de sistema não se confunde com acento de marca.

CombinaçãoContrasteVeredito
Grafite sobre Areia≈ 16:1✓ AAA — texto principal
Areia sobre Grafite≈ 16:1✓ AAA — texto reverse
Brasa sobre Grafite≈ 7.5:1✓ AA / AAA grande — CTA e “_” sobre escuro
Ouro profundo sobre claro≈ 4.6–5.2:1✓ AA — link/texto âmbar sobre claro
Ember sobre Branco≈ 4.5:1⚠ AA no limite — p/ texto usar ember-700 #7C361B
Brasa sobre Branco≈ 2.4:1✕ Falha — nunca brasa como texto sobre claro
Regra fixa: sobre fundo claro, texto/link âmbar = Ouro profundo #97611A. Sobre fundo escuro (grafite), a Brasa #E3A24A é o acento e passa AA. A brasa só brilha — e só funciona — sobre o escuro.

Fundamentos

Tipografia — Inter conduz, Fraunces pontua

Inter é a voz principal — do corpo aos títulos. A Fraunces é a serifa reservada: o logo (registrado) e acentos de conexão (manifesto, certificado, citação). Grid de 8px, corpo base 16px; tabulares (tnum) para dados. Na dúvida, Inter.

Display · Inter 700Luz no Labirinto
H2 · Inter 600Descomplicar é elite
Eyebrow · Inter 600Prevenção à Lavagem de Dinheiro
Body · Inter 400O profissional de PLD é o herói: soberano, competente, na linha de frente. Clareza é prestígio — um assunto por bloco, muito respiro.
Dados · Inter tnumR$ 18.000 · 4× / mês · Circular 3.978
Acento · Fraunces (reservada)“Você não é pequeno por ainda não saber.”
Inter 400Inter 500Inter 600Inter 700 Fraunces 400Fraunces 500Fraunces 600Fraunces 700

Como pensamos

Princípios de design

Seis regras — a síntese das virtudes (Clareza · Acolhimento firme · Rigor com coragem) e das coleiras.

01Luz no Labirinto

O escuro dá gravitas; a brasa dá direção. Todo elemento nasce de um fundo sóbrio atravessado por uma única luz quente.

02Regra 90/10

~90% neutros sustentam; ~10% brasa pontua. A brasa guia o olho — nunca vira papel de parede.

03Clareza é elite

Descomplicado ≠ raso. Um assunto por bloco, muito respiro. Se o ornamento compete com o conteúdo, ele sai.

04Inter conduz, Fraunces pontua

Inter é o padrão — do corpo aos títulos. A Fraunces entra só quando a peça precisa criar a conexão (logo, manifesto, certificado). Na dúvida, Inter — nunca uma terceira voz decorativa.

05Acolher com rigor

Calor humano com régua alta. Sem frieza (azul/preto puro), sem “fofo” de curso barato — e nunca vender por medo.

06A linha que escapa

O device do “_” conduz à saída: direcional, proprietário, reconhecível sem o logo.

Blocos

Componentes

Na língua da marca (tema escuro). Raio levemente arredondado, brasa como acento, Ember para atenção/erro.

Botões

primário = brasa · texto grafite · raio 12

Selos, tags & erro

● 4× por mês Pilar 360º Atenção

selo de frequência = brasa translúcida · atenção/erro = Ember #C0552F

Card

Role Play
Reunião Estratégica

Superfície #1E2128, hairline #2A2F39, raio 16px, respiro generoso.

Raio & estados

sm · 8
md · 12
lg · 16
pill

foco = anel brasa 2px · desabilitado = opacity .45

Blocos

Ícones

Line icons do mesmo DNA da linha / “_” — traço consistente, cantos levemente arredondados, brasa como ponto de luz. Zero clichê de compliance.

Trilha
Comunidade
Matriz de risco
Role play
IA · co-piloto
Certificado

Marca

Wordmarks & lockups

“PLD” em Fraunces 700 (fonte do logo registrado no INPI — imutável); “DESCOMPLICADO” em Inter 600 com tracking largo. O “_” é sempre brasa.

Símbolo (destacável)
PLD_
DESCOMPLICADO
Wordmark empilhado (primário)

Marca

Uso do logo — proteção & regras

Construir em P&B primeiro: a forma nunca depende da cor. A brasa é pontuação — só o “_” / o ponto é âmbar, nunca o wordmark inteiro.

  • Área de respiroMínimo = a altura do “P” de PLD em volta de todo o logo. Clareza = ar.
  • Tamanho mínimoWordmark legível ≥ ~22px de altura. Abaixo disso, só o símbolo; em ≤16px, só o ponto de brasa.
  • 6 versõesHorizontal · empilhada/compacta · só símbolo · favicon (o ponto) · P&B (preto/claro, branco/escuro) · uma cor.
  • ReverseSobre grafite #16181D o texto vira areia #F6F1E8; a brasa #E3A24A permanece.
PLD_ DESCOMPLICADO P

✓ Pode

  • “_” / ponto em brasa; resto grafite ou areia
  • Reverse sobre grafite (texto areia)
  • Terminais levemente suavizados
  • Respeitar respiro e tamanho mínimo

✕ Não pode

  • Wordmark inteiro em âmbar (“premium brega”)
  • Contornar, sombrear, inclinar ou distorcer
  • Trocar a fonte do “PLD” (Fraunces é registrada no INPI)
  • Fundo azul/roxo ou foto poluída; cadeado/escudo “de reforço”

Marca

Arquivos-mestre — os 12 SVGs

Vetores definitivos (texto convertido em curvas — Fraunces 72pt Bold + Inter SemiBold). Em Diretrizes/Identidade_Visual/SVG_final/. Escolha a versão pelo fundo.

VersãoClaro (fundo branco)P&B (1 tinta)Escuro (fundo grafite)
Lockup misto (símbolo + wordmark)…_lockup_mista_claro.svg…_lockup_mista_PB.svg…_lockup_mista_escuro.svg
Wordmark empilhado…_wordmark_claro.svg…_wordmark_PB.svg…_wordmark_escuro.svg
Só símbolo…_simbolo_claro.svg…_simbolo_PB.svg…_simbolo_escuro.svg
Favicon (triângulo + ponto)…_favicon_claro.svg…_favicon_PB.svg…_favicon_escuro.svg

Cores nos arquivos: grafite #16181D · triângulo (escuro) #6E7789 · “_”/linha = ouro #97611A sobre claro, brasa #E3A24A sobre escuro · areia #F6F1E8. JPGs de depósito INPI (300 dpi) são rasterizados destes SVGs.

Blocos

Aplicações — formatos por canal

Dimensões travadas para as peças mais frequentes. E-mail/Word usam fallback: Arial/Segoe (Inter) + Georgia (Fraunces).

Canal / peçaDimensãoNota de marca
LinkedIn — capa/banner1584 × 396Grafite + Malha; Caminho âmbar longe do avatar
Post / imagem única1080 × 1080 · 1200 × 6271 mensagem + 1 destaque âmbar
Carrossel1080 × 1350 · 6–10 cardsCard final = CTA com personalidade + wordmark
Story / reels-capa1080 × 1920Só sobre escuro — a brasa precisa do escuro
E-mail1 coluna · ~600pxCTA-botão = Ouro #97611A ou grafite, texto areia (brasa pura não passa AA)