Manual de marca ZN. — sistema de wordmark, paleta, tipografia e aplicações.
Este documento define o uso correto da marca ZN. nos canais digitais e impressos
do ecossistema Thiago Zeni. Quatro variantes do wordmark, mais duas versões mono,
compõem o sistema. Tudo aqui é regra, não sugestão.
01 — identidade
O que é ZN.
ZN. é o monograma de Thiago Zeni — wordmark sólido, brutalista, com um único accent lime
(o ponto). Funciona como assinatura pessoal-executiva: autoridade sem ostentação, contemporâneo
sem cair no genérico tech. O ponto não é decoração — é o pulse da marca, único elemento
que pode se mover, brilhar ou variar de cor controladamente.
ZN.
Tipografia
Unbounded 900
Pesos abaixo de 800 não são autorizados para o wordmark.
Tracking
−0.08em
Letras coladas. Nunca espaçadas, nunca tracking positivo.
Ponto
Sempre lime
O ponto é o accent obrigatório. Glow opcional, remoção proibida.
02 — sistema de variantes
Quatro expressões + duas mono. Mesma marca.
Toda variante mantém: Unbounded 900, tracking −0.08em, ponto presente. O que muda é
tratamento de superfície (sólido, recorte, outline, ruptura) e contexto de uso.
As duas mono cobrem restrições reais (impressão a 1 cor, fax, bordado, gravação).
Master = Solid. Tudo deriva dele.
03 — construção
Como o wordmark é construído.
O ZN. não é redesenhado a cada uso — é renderizado a partir da fonte Unbounded em peso 900,
com o ponto manualmente colorido em #C6FF00. Isso garante consistência absoluta entre web,
print e qualquer aplicação futura. Não vetorize manualmente. Não recrie.
Use o SVG master ou renderize do CSS abaixo.
.zn-mark {
font-family: 'Unbounded', sans-serif;
font-weight: 900;
letter-spacing: -0.08em;
line-height: 0.9;
color: #F2F2F2;
}
.zn-mark .dot {
color: #C6FF00;
/* opcional · text-shadow: 0 0 28px rgba(198,255,0,0.55); */
}
<span class="zn-mark">ZN<span class="dot">.</span></span>
04 — espaço de respiro & tamanho mínimo
A marca respira.
Em volta do wordmark deve existir uma área livre de X = altura do "Z" em todas as direções.
Nenhum elemento gráfico, texto ou imagem entra nessa zona. Em layouts apertados, prefira
diminuir o logo a invadir o respiro.
ZN.
12 PX · MÍNIMO
Apenas para metadata, footer técnico
Use Mono Black/White — ponto pode sumir
ZN.
16 PX · DIGITAL MIN
Favicon, ícones de app, navegação compacta
Solid ou Mono — Ghost e Split proibidos
ZN.
24 PX · STANDARD
Header de site, assinatura de email, footer
Todas as variantes liberadas
ZN.
48 PX+ · EXPRESSIVE
Hero, capa, OG image, banner
Glow lime recomendado
05 — paleta cromática
Lime + dois neutros. Vermelho só pra emergência.
Quatro cores no sistema. Lime é a marca — sem ele, não há ZN. Black e White-bone
são suporte. Vermelho é alerta — só badges críticos, erros, warnings. Não use vermelho como accent geral.
RGB 198 255 0
HSL 73° 100% 50%
Pantone 389 C
Accent obrigatório. CTAs, links, ponto do wordmark, glow.
RGB 5 5 5
HSL 0° 0% 2%
Pantone Black 6 C
Background principal, texto sobre lime, modo dark default.
RGB 245 245 245
HSL 0° 0% 96%
Pantone Cool Gray 1 C
Background invertido, texto principal sobre black.
RGB 255 45 45
HSL 0° 100% 59%
Pantone 172 C
Reservado. Erros, alertas críticos, badges raros.
06 — tipografia
Três famílias. Cada uma com seu papel.
Unbounded sustenta o wordmark e todos os títulos — é a espinha visual.
DM Sans faz o trabalho do dia-a-dia (corpo de texto, navegação).
Cormorant Garamond italic é o contraponto — citações, taglines, momentos de pausa.
Nunca trocar Unbounded por Inter, SF Pro ou Roboto por "facilidade".
Display
Unbounded300 / 400 / 700 / 800 / 900
Construir.
Liderar.
Entregar.
Body
DM Sans300 / 400 / 500 (+ italic)
28 anos liderando marketing digital, inovação e IA para 120+ marcas no Brasil e fora. O trabalho fala — e quando precisa explicar, fala em DM Sans, com line-height generoso e tracking neutro. Direto, sem ornamento.
Decorative
Cormorant Garamond300 / 400 italic
"Marca não é o que você diz que é. É o que sobra na cabeça das pessoas."
07 — superfícies & contraste
Onde a marca respira ou sufoca.
A marca foi construída pra fundo escuro — é onde o lime vibra mais. Em fundos claros funciona,
desde que o lime tenha contraste suficiente com o texto. Fundos coloridos saturados são
território perigoso — o lime perde força ou briga.
✓ ideal
ZN.
Black puro — habitat natural. Solid, Ghost e Split todos liberados.
✓ ok
ZN.
Bone white — Solid e Mono Black liberados. Ghost perde contraste.
! cuidado
ZN.
Cinza médio — só Mono White sobre fotos com sombra. Solid pode brigar.
! exceção
ZN.
Lime puro — ponto vira black. Só pra Block (selo) ou Mono Black.
✕ proibido
ZN.
Vermelho/rosa saturado — lime briga e fica ilegível. Não use.
! depende
ZN.
Foto — só Mono White com peso visual mínimo. Aplicar overlay 40% black.
08 — proibições
Seis maneiras de quebrar a marca.
Estas são erradas. Sem exceção. Se a regra atrapalha o seu layout, o problema é o layout —
não a marca. Pra cada "vontade" de variar, existe uma variante oficial (seção 02) que
cobre o caso.
não
Não distorça. Nunca alterar proporção horizontal/vertical. Use o tamanho diretamente — escala uniforme apenas.
não
Não troque a cor. Lime é fixo. Recolorir a marca anula o sistema inteiro. Pra contextos sem lime, use Mono White ou Mono Black.
não
Não rotacione. A marca é sempre horizontal. Sem inclinação, sem orientação vertical, sem "criatividade" angular.
não
Não troque a fonte. Unbounded 900 é regra. DM Sans, Inter, Helvetica, Arial — todas anulam o ZN. Sem exceção, sem "no momento estou sem a fonte".
não
Não abra o tracking. Letras separadas matam o peso brutalista. Tracking é fixo em −0.08em. Diminuir é OK em casos extremos, abrir nunca.
não
Não aplique gradiente. A marca é cor sólida. Gradientes (mesmo lime → lime claro) viram ruído visual e quebram a hierarquia do ponto.
09 — aplicações reais
A marca no mundo.
Como o sistema se comporta nos canais reais. Cada aplicação usa a variante mais adequada
e respeita clear space, contraste e tamanho mínimo. Esta seção é referência, não exaustão —
novas aplicações devem seguir as regras das seções 02 a 08.
ZN.
marketing · ia · 28 anos
Thiago Zeni
ZN.
Thiago Zeni
marketing · ia · inovação
thiagozeni.com