Brand Design System v1.0

Quem entende,
transforma.

Este e o Brand Book da PH Digital — a fonte unica de verdade para tudo que criamos. De landing pages a posts no Instagram, de dashboards a emails. Uma marca, uma voz, um sistema.

01 — Manifesto

O Movimento

A inteligencia artificial nao e a vila. Nunca foi. O vilao e quem fecha os olhos, cruza os bracos e espera o mundo mudar sozinho — pra depois reclamar que "a IA tirou meu emprego". Nao tirou. Outro humano tirou. Um que entendeu primeiro.

A PH Digital existe para os que escolheram ver. Para os profissionais e empresarios que nao aceitam a cegueira voluntaria. Para quem entende que o futuro nao substitui humanos — substitui quem nao evolui.

"Quem ignora a IA nao perde o emprego pra maquina — perde pra outro humano que aprendeu a usar a maquina."

Crencas Centrais

IA amplifica quem entende
Nao substitui, nao ameaca. Amplifica.
Humano decide, IA executa
A inteligencia que importa continua sendo a sua.
Cegueira e escolha
O mundo mudou. Quem nao ve, escolheu nao ver.
Resultado fala mais alto
Sem floreio, sem promessa vazia. Funciona ou nao.
Historia real > curriculo perfeito
Autenticidade supera polimento.

O Inimigo

A cegueira voluntaria. A arrogancia de quem acha que ja sabe tudo. O profissional que diz "isso e modinha" enquanto o colega do lado automatiza o trabalho dele. O empresario que recusa a IA e depois reclama que perdeu mercado.

A Comunidade

Os que escolheram ver. Profissionais, empresarios e gente comum que acordaram pro novo mundo. Nao sao nerds de tecnologia. Sao pessoas praticas que entenderam: ou voce aprende a usar a IA, ou alguem que aprendeu vai passar na sua frente.

Quem e Paulo de Melo

O lider do movimento. O Arquiteto que veio de baixo. Nasceu na Comunidade Vila dos Pinheiros, Mare — Rio de Janeiro. Trabalhou desde os 8 anos. Fracassou mais vezes do que a maioria tentou.

Hoje constroi sistemas inteligentes com IA. Todos os dias. Nao na teoria — na trincheira. Sem Stanford, sem investidor, sem atalho. Com garra, visao e uma teimosia que nao aceita ficar parado.

02 — Voz e Tom

Como a marca fala

A voz e constante — e quem a marca e. O tom se adapta ao canal.

AtributoDescricao
DiretaVai ao ponto. Sem rodeio.
InteligenteMostra que sabe — sem ser pedante.
ProvocadoraCutuca. Faz pensar. Incomoda quem precisa.
AutenticaFala como gente, sem corporatives.
Com laminaHumor afiado — sarcasmo inteligente.

Exemplos

Nunca diz
"Desbloqueie todo o potencial transformador da inteligencia artificial para o seu negocio!"
Diz
"Voce tem um problema de negocio. Eu construo a inteligencia que resolve. Sem magica. Com resultado."
Nunca diz
"Estou muito feliz em anunciar que lancamos uma nova solucao inovadora e disruptiva!"
Diz
"O agente faz em 4 minutos o que levava 3 horas. O cliente cancelou 2 ferramentas que usava antes."
Nunca diz
"Nao se preocupe, a IA nao vai tirar seu emprego, vai ficar tudo bem!"
Diz
"Nao. Mas alguem usando IA vai. A pergunta e: voce vai ser esse alguem?"

Palavras Proibidas

revolucionario disruptivo jornada mindset escalar segredo desbloqueie exclusivo comunidade (como "familia")

Vocabulario da Marca

construir entender transformar inteligencia aplicada resultado trincheira evolucao

03 — Personalidade

Sabio-Guerreiro

70% Sabio (ve o que outros nao veem, ensina pela perspectiva) + 30% Guerreiro (construiu na trincheira, fala a verdade, protege a tribo).

Espectro de Personalidade

Formal
Informal
Serio
Bem-humorado
Tecnico
Acessivel
Distante
Proximo
Cauteloso
Ousado
Emotivo
Racional

Teste do Espelho

Antes de publicar qualquer peca, passe por essas 5 perguntas:

  1. Paulo falaria isso num cafe com um amigo? Se nao, reescreve.
  2. Tem substancia ou e so barulho? Se nao entrega nada, nao publica.
  3. Um coach postaria isso? Se sim, deleta.
  4. O leitor sai sabendo algo que nao sabia? Se nao, nao serve.
  5. Tem a lamina? Se ta morno demais, afila.

04 — A Marca

The Mark

Monograma PH fundido — as letras P e H compartilham a haste vertical central, formando uma marca unica. Formas solidas, geometria pura. Gold em escuro.

DIGITAL

Primary Mark

PH DIGITAL

Wordmark

PH
DIGITAL

Lockup horizontal

Construcao

O monograma e construido sobre um grid de 100x100 pontos. As letras P e H se fundem compartilhando a haste vertical central (x=46). O P e formado por uma haste esquerda (x=16) mais o bowl (abertura curva) na porcao superior. O H adiciona uma haste direita (x=72) e a barra horizontal a meia-altura (y=40).

100x100

Grid

Haste esquerda P — x=16, altura total
P bowl (curva) — x=27 a 56, porcao superior
Haste central (P+H fundida) — x=46
Haste direita H — x=72, altura total
Barra H — y=40, conecta hastes central e direita

Variacoes

Gold / Dark
White / Dark
Dark / Gold BG
White / Opacity

Espaco minimo e tamanho

Clear Space

Espaco equivalente a 1x a altura do simbolo em todos os lados. Nenhum elemento visual penetra essa zona.

Tamanho minimo

20px
32px
48px

Nunca usar o simbolo abaixo de 20px. Abaixo disso, usar apenas o wordmark tipografico.

Uso Correto

Nunca
Girar ou distorcer o simbolo
Usar em backgrounds coloridos que nao sejam dark ou gold
Adicionar sombra, bevel ou efeito 3D
Alterar as proporcoes do grid
Usar a versao gold em fundo claro sem contraste
Recriar ou redesenhar as formas manualmente
Sempre
Usar o arquivo SVG original — nunca recortar screenshot
Manter o espaco minimo ao redor do simbolo
Gold em dark como variacao primaria
Dark em gold apenas em backgrounds dourados
White em opacity apenas em sobreposicao sobre fotos/videos
Lockup horizontal para assinaturas e emails

04 — Identidade Visual

Cores

Fundo escuro e padrao. Electric Blue e a cor de acao. Nunca mais de 2 cores de acento na mesma composicao.

Primarias

Obsidian
#0A0A0F
Background principal
Dark
#111118
Cards, secoes
Gold
#C9A84C
CTAs, links, destaques

Secundarias

White
#F5F5F5
Texto principal
Gray
#6B6B7B
Texto secundario
Card
#1A1A24
Bordas, separadores

Acentos e Semanticas

Gold Light
#E8D48B
Highlights, hover
Success
#22C55E
Confirmacoes
Warning
#F59E0B
Alertas, atencao
Error
#EF4444
Erros, urgencia

05 — Tipografia

Orbitron + Inter + JetBrains Mono

Orbitron pra display e marca. Inter pra interface e corpo. JetBrains Mono so pra codigo.

Display Quem entende, transforma.
H1 Inteligencia aplicada com resultado
H2 Agentes de IA que resolvem problemas reais
H3 Como funciona na pratica
Body Construo agentes de IA e sistemas inteligentes que resolvem problemas reais de negocio. Sem hype. Sem magica. Com resultado.
Caption AI ARCHITECT · PH DIGITAL
Code const agent = await createAgent({ model: "claude-sonnet" })

06 — Componentes

Biblioteca Atomica

Atoms > Molecules > Organisms. Tudo construido com os tokens da marca.

Botoes

Badges

IA Aplicada Ativo Pendente Erro

Cards

Agente de Atendimento
IA que responde clientes no WhatsApp com contexto e personalidade da marca.
Automacao de Propostas
Gera propostas comerciais personalizadas em 4 minutos a partir do briefing.

Biblioteca completa de componentes disponivel em templates/components.html

07 — Aplicacoes

Como usar

Cada canal tem seu tom, mas a voz e a mesma. Sempre.

CanalIntensidadeReferencia
Instagram / TikTokAlta — provocador, cortes rapidosO amigo afiado no cafe
LinkedInMedia-alta — contexto e profundidadeEstrategista entre CEOs
Landing PageMedia — confiante, precisoCirurgiao que explica o procedimento
EmailMedia — pessoal, diretoEmail de um amigo esperto
SaaS / DashboardBaixa — funcional, claroFerramenta que respeita seu tempo

Anti-Referencias

Nunca parecer
Hotmart / Kiwify LP (countdown, escassez)
Coaching (fundo branco, "potencial")
Startup colorida (pastel, ilustracoes flat)
Pastor digital (dourado, serif, "prosperidade")
Corporate (azul royal, stock de escritorio)
Pode referenciar
Vercel / Linear (dark, limpo, generoso)
Stripe (clareza, hierarquia, elegancia)
Raycast (escuro, preciso, sem excesso)
Arc Browser (personalidade com opiniao)

Templates Disponiveis

Component Library
Atoms, molecules e organisms. Botoes, inputs, cards, navbar, hero, features, CTA, footer.
Social Media
Templates IG feed (3 variantes), stories (2), carousel (3 slides), LinkedIn (2).