Pular para o conteúdo
DNA da Advocacia Empreendedora Design system · v1.0 · 05/10/2026 · nexyo
Menu
Design system · DNA 2026 · v1.0 · 05/10/2026

Preto, vermelho e caixa alta. O resto é informação.

Este documento é a régua de tudo que a NEXYO produz para o DNA da Advocacia Empreendedora 2026: crachás, cordões, kits, cartas, telão de LED, vinhetas e qualquer página. Cada valor vem do brandbook oficial e das decisões do dono; onde o site e o post divergem do brandbook, o brandbook vence. Nada aqui é gosto.

O que mudou (05/10): CMYK FOGRA39 no lugar do Pantone 485 C · vermelho de marca #FF0004 / #C70003 · vinheta2 c1 aprovada (sem "Confirmado", sem data) · palestrante sempre em cor (nunca P&B) · "Premiere" fechado · piso de texto 12 px · menu do celular.

00Como ler

Uma marca de palco. Escura, quente, gritada.

O DNA é um evento de plenária para 2 mil advogados. A marca fala como um telão: fundo preto, um vermelho só, título condensado em caixa alta e informação técnica em letra de máquina. Este sistema traduz isso para três superfícies que o site não cobre — papel, tecido e LED — sem inventar uma marca nova.

De onde vem cada valor
Site oficialviniciussnunes.com.br/lps/dna-ae-2cor, tipo, espaço, raio, movimento, componentes
Carrossel oficialinstagram.com/p/DdmnVnIEYTX · 6 slideslogo sólida, vermelho cheio, cartão de palestrante
Planilha do clienteItens gráficos · Motion LED · Estáticos LEDformatos, medidas, pixel map
Brandbook DNArecebido 01/10 · NS.pdf + logos SVGcores, fontes, logo oficial — vence tudo acima
Brandbook Ecossistemarecebido 01/10 · 17 páginasCúpula, NS, Black Session, Advogado Sustentável
Mockups do clienteplanilha · coluna "Exemplo Mockup"cor de cada credencial

Ordem de precedência: brandbook do cliente → conteudo/sistema.json → este documento → tokens.css → site oficial → gosto de quem executa. Divergência entre sistema.json e tokens.css deixa a catraca vermelha.

01Marca

Três letras. O A é uma seta que sobe.

O "DN" é Montserrat Black, branco. O "A" é desenhado: uma perna inclinada e, no lugar da perna esquerda, uma seta que aponta para cima e para a direita — o "do zero ao milhão" da promessa. A seta é o único elemento da marca que pode viver sozinho, e é dela que saem os movimentos do capítulo 07.

Logo oficial · brandbook
Logo oficial neon
Arquivo
oficial/dna-oficial-neon.svg
Uso
tela e LED, sobre preto. Nunca impresso
Baixar SVG
Logo oficial branca com A vermelho
Arquivo
oficial/dna-oficial-branco.svg
Uso
sobre preto e escuro · Premiere, Sponsor
Baixar SVG
Logo oficial preta com A vermelho
Arquivo
oficial/dna-oficial-preto.svg
Uso
sobre branco e cinza · Start, VIP
Baixar SVG
Logo oficial branca com A preto
Arquivo
oficial/dna-oficial-sobre-vermelho.svg
Uso
sobre vermelho, ouro, laranja · Cúpula, Palestrante, Acesso livre
Baixar SVG

Baixar. Cada logo oficial tem botão próprio acima; os quatro SVGs e tokens.css ficam em assets/img/oficial/ e assets/css/ para qualquer fornecedor copiar direto do repositório.

A logo oficial é empilhada com tarja sólida. "DA ADVOCACIA EMPREENDEDORA" vai numa faixa cheia sob o DNA. Estes quatro arquivos vencem os redesenhados abaixo em qualquer peça impressa ou de vídeo; os redesenhados ficam para o que o brandbook não cobre (versão horizontal do post, símbolo, seta, monocromáticas para gravação).

Versões derivadas (site e post)
Logo oficial, uso horizontal
Arquivo
oficial/dna-oficial-branco.svg
Origem
brandbook; vence a derivada abaixo
Uso
topo, LED de credenciamento, qualquer peça sobre preto — #FF0004 / #C70003 / #FFFFFF, nunca #E83535
Logo empilhada
Arquivo
dna-logo-empilhado.svg
Origem
logo do site (topo)
Uso
espaço quadrado: LED lateral, copo, capa do caderno
Logo em contorno neon
Arquivo
dna-logo-contorno.svg
Origem
logonovadna.webp do site
Uso
só telão e vídeo, sobre preto. Nunca impresso
Logo sobre claro
Arquivo
dna-logo-horizontal-claro.svg
Uso
fundo off-white: crachá Sponsor, carta, ecobag cru

Derivadas. Estes SVGs foram redesenhados a partir do post de 1080 px (scripts/make-logo.py): o DN casa com a Montserrat Black e o A foi medido ponto a ponto. Para a logo principal, use sempre os arquivos oficiais acima.

Símbolo, seta e uma cor
Símbolo A
Arquivo
dna-simbolo.svg
Uso
favicon, avatar, botton
Seta
Arquivo
dna-seta.svg
Uso
ícone de CTA, marcador, padrão de cordão
Monocromática branca
Arquivo
dna-marca-mono-branco.svg
Uso
gravação 1x0 (UV, laser) em peça preta
Monocromática preta
Arquivo
dna-marca-mono-preto.svg
Uso
silk 1 cor em peça clara

Gravação é sempre monocromática. Caderno, Moleskine, caneta e copo são 1x0: a logo vai em uma cor só, com o A sem vermelho. A versão com A vermelho só existe onde há impressão em cor.

Área de proteção e tamanho mínimo
x = altura do A ÷ 2
Área livre½ da altura do DNAem todos os lados
Mínimo digitalDNA com 24 px de alturaabaixo disso, só a marca sem texto
Mínimo impressoDNA com 6 mmo texto ao lado precisa de 1,8 mm
Gravação 1x0DNA com 8 mm, sem textocaneta: só "DNA"
Silk (ecobag)traço ≥ 0,8 mmregra do fornecedor; a seta passa

Na caneta não cabe o texto. A área de gravação da caneta de alumínio tem 8 mm de altura útil: a linha "DA ADVOCACIA EMPREENDEDORA" ficaria com 0,9 mm e entupiria. Ali vai só a marca "DNA".

O que a marca NÃO faz aqui
  • Não troca a cor do A. O A é vermelho ou é da mesma cor do DN (mono). Nunca branco com DN vermelho.
  • Não ganha contorno impresso. A versão neon depende de brilho de tela; no papel vira um traço fino que some.
  • Não vai sobre foto sem véu. Sobre foto, sempre um gradiente preto embaixo da logo (capítulo 06).
  • Não se distorce para caber. Se não cabe na largura, troca para a versão empilhada.
  • Não separa a seta do A dentro da logo. A seta sozinha é um elemento; dentro da logo, é parte da letra.

02Cor

Noventa por cento preto. O vermelho aponta.

Medido no site: 16 fundos pretos, 81 textos off-white, 32 fundos e 15 textos vermelhos. O vermelho não decora — ele marca a palavra que importa no título, o botão e o número. Quando tudo é vermelho, nada é. O branco puro só aparece sobre foto e sobre vermelho.

Paleta oficial · brandbook DNA e ecossistema
Token
--dna-marca-preto
Hex
#0C0C0C
Fonte
brandbook DNA
Token
--dna-marca-branco
Hex
#FFFFFF
Fonte
brandbook DNA
Token
--dna-marca-vermelho
Hex
#FF0004
Fonte
brandbook DNA; neon da logo
Token
--dna-logo-vermelho
Hex
#C70003
Fonte
o A das logos sólidas
Token
--eco-cupula
Hex
#CC0000
Uso
Cúpula: crachá, área reservada
Token
--eco-ns
Hex
#BD1932
Uso
NS (Vinicius Nunes) — só em peça do ecossistema
Token
--eco-ouro
Hex
#CC9A57
Uso
Advogado Sustentável; crachá Palestrante
Ícone CúpulaNS
Ecossistema
Cúpula · Cúpula Black · Black Session · NS · Advogado Sustentável

O brandbook vence o site. Peça impressa e vídeo usam #FF0004 / #C70003 e #0C0C0C. O #E83535 medido no site continua só como vermelho de interface web (botão, link), onde o site já o usa.

Cuidado com texto branco pequeno sobre #FF0004. O contraste é só 4,0:1. Só serve em texto ≥ 18,66 px bold; abaixo disso, use #C70003 (--dna-logo-vermelho) de fundo.

As cores do site (interface web)
Token
--dna-vermelho
Hex
#E83535
Papel
tela: destaque, botão, número
Medido
47× no site
Contraste
4,59:1 sobre o preto
Token
--dna-vermelho-cheio
Hex
#D00D10
Papel
post, impresso, faixa do palestrante
Medido
post (média #C10307) + bordas do site
CMYK
0 100 100 10 (aprox.)
Token
--dna-preto
Hex
#0E0E0F
Papel
fundo de tudo
Medido
16 fundos
CMYK
60 50 50 100 (preto rico)
Token
--dna-offwhite
Hex
#F0F0F0
Papel
texto, DN da logo
Medido
81 textos
Contraste
16,93:1
Token
--dna-cinza-2
Hex
#888888
Papel
texto de apoio, rótulo mono
Medido
75 textos
Contraste
5,44:1
Token
--dna-verde-vivo
Hex
#8AFF78
Papel
sinal "ao vivo"; credencial Acesso Livre
Medido
ponto do LOTE 00
Impresso
Pantone 802 C (fluorescente)

Um vermelho por bloco. Num título, o vermelho cai sobre as palavras que carregam a promessa ("zero ao milhão", "3 alavancas", "DNA"). Num cartão, só o número ou só o botão. Medido no site: nenhuma seção tem dois elementos vermelhos competindo.

A escada do vermelho e os gradientes
--dna-vermelho-vivo#EF3B3Bhover de link e de pergunta
--dna-vermelho-2#B91C1Cmeio dos gradientes; brilho
--dna-vermelho-3#7A0D0Dmarca d'água "DNA" na faixa vermelha
--dna-vermelho-4#350505fim do gradiente; fundo de selo
--dna-grad-vermelho · 135° · botões
Zero ao milhão
--dna-grad-texto · 90° · destaque de título
--dna-grad-brasa · brilho no pé da seção

O gradiente sempre escurece para a direita ou para baixo. É a luz de palco vindo da esquerda. Medido em todos os 9 gradientes do site: nenhum clareia no fim.

Contraste e a divergência do cinza
off-white #F0F0F016,93:1qualquer texto
cinza-1 #9A9A9E6,88:1lead, apoio
cinza-2 #8888885,44:1corpo secundário, rótulo
cinza-3 #7C7C804,64:1piso de texto legível
cinza-4 #4A4A4E2,19:1 · reprovasó ornamento
vermelho #E835354,59:1texto vermelho passa
vermelho-cheio #D00D103,44:1só título ≥ 24px ou fundo

Divergência registrada: o site usa #4A4A4E em 18 rótulos mono (números da FAQ, rodapé). Dá 2,19:1 e reprova. O sistema leva esses rótulos para #7C7C80 e deixa #4A4A4E só para o que não precisa ser lido.

Cor fora da tela Impresso · CMYK FOGRA39
Vermelho #FF0004C0 M93 Y100 K0crachá, carta, ficha, 4x0
A da logo #C70003C0 M99 Y100 K13logo sólida em peça impressa
Cúpula #CC0000C0 M98 Y100 K11crachá Cúpula, área reservada
Ouro #CC9A57C8 M36 Y70 K18só Cúpula Black e crachá Palestrante
Preto #0C0C0CC60 M50 Y50 K100 (fundo chapado)texto/fio pequeno = 100K sólido, nunca preto rico
Neon Acesso LivrePantone 802 Cexige tinta especial; confirmar com a gráfica
LED#E83535 · preto #000000no telão o preto é 0 (LED apagado), não #0E0E0F
O que a cor NÃO faz aqui
  • Ouro só em Cúpula Black e Palestrante. Nem azul nem dourado fora disso. O verde é sinal (ao vivo / acesso livre), não marca.
  • Não existe fundo claro de seção. O off-white só aparece como fundo em peça impressa clara (Sponsor, carta).
  • Não se usa o vermelho-cheio em texto pequeno. 3,44:1 só serve para título grande.
  • Branco puro não é texto de corpo sobre o preto. Vibra. Corpo é #F0F0F0.
  • O gradiente não clareia. Vermelho → escuro, sempre.

03Tipografia

Três vozes. Uma grita, uma explica, uma registra.

TGS Perfect Condensed grita os títulos, sempre em caixa alta. Montserrat explica: corpo, botão e logo. JetBrains Mono registra: data, local, número de item, rótulo técnico — o que no telão seria a legenda de transmissão. Medido: 163 elementos em mono, 145 em Montserrat, 19 em TGS.

As três famílias

Do zero ao milhão

Família
TGS Perfect Condensed · 400
Token
--dna-f-display
Uso
títulos, nome de palestrante, número de cartaz
Licença
comercial (Danny Aldana); arquivo recebido em 01/10 — uso local, não publicado; reserva Anton

Serão 3 dias na maior metrópole do país, com mais de 2 mil advogados, para conhecer as 3 alavancas que determinam a prosperidade de um escritório.

Família
Montserrat · Bold = fonte primária do brandbook · 400 / 600 / 900
Token
--dna-f-texto
Uso
corpo, lead, botão, "DN" da logo (900), texto da logo (800)

12, 13 e 14 Novembro 2026 · Parque Anhembi — Teatro Celso Furtado/SP

Família
JetBrains Mono · 400
Token
--dna-f-mono
Uso
data, local, faixa corrida, etiqueta, número de item, legenda

TGS só em caixa alta e só em título. Medido: 19 de 19 usos em uppercase. Em caixa baixa a condensada perde a força; em corpo de texto fica ilegível.

Neste guia publicado, os títulos aparecem em Anton. A TGS Perfect Condensed é licenciada (Danny Aldana): o arquivo fica só local, não é hospedado — sem ele o navegador cai no fallback Anton/Oswald/Impact do token --dna-f-display, sem erro e sem aviso visível na tela. Em peça de produção (impresso, vídeo, LED) a TGS real continua obrigatória onde o arquivo estiver disponível.

A escala
--dna-t-mega64 → 128pxcartaz, LED, contagem
--dna-t-hero44 → 72px · medido 68,8título de abertura
--dna-t-secao38 → 60px · medido 55–61,6título de seção
--dna-t-sub28 → 44px · medido 44–46,4título de bloco, nome
--dna-t-numero44 → 68px · Montserrat 600dia, preço, estatística
--dna-t-lead17 → 19pxparágrafo de abertura
--dna-t-corpo16px · lh 1,55texto corrido
--dna-t-apoio14,5px · lh 1,75resposta, nota
--dna-t-botao15px · 600 · tracking 0,1emCTA
--dna-t-rotulo11px mono · tracking 0,18emdata, local, faixa
--dna-t-micro10px mono · tracking 0,2emetiqueta, legenda

Entrelinha do título entre 0,86 e 0,95. Medido: 46,2/44 a 47,3/66 no site. A condensada empilha apertada; com entrelinha 1,2 o título vira lista.

Como o título se monta

As 3 alavancas da advocacia empreendedora.

A anatomia validada de um escritório próspero em 2026.

1 · título branco, destaque em gradiente, subtítulo mono vermelho

Perguntas frequentes
antes de você garantir sua vaga

2 · linha vermelha em cima, linha branca embaixo

Suporte

Tem alguma dúvida antes de garantir sua vaga?

3 · olho mono acima, título centrado

Palestrante

Confirmado

4 · post: palavra pequena branca sobre palavra gigante vermelha

O destaque cobre a promessa, não a frase toda. Medido em 9 títulos do site: o trecho vermelho tem de 1 a 6 palavras e nunca é o título inteiro.

O que a tipografia NÃO faz aqui
  • Não existe itálico. Nenhuma das três famílias aparece inclinada no site ou no post.
  • Não existe título em Montserrat. Montserrat em caixa alta só no botão e no texto da logo.
  • Não se usa mono para parágrafo. Mono é linha curta: no máximo uma frase.
  • Não se negrita o corpo para destacar. O site destaca trocando cinza por off-white, no mesmo peso.
  • Não se distorce a condensada. Se o nome do palestrante não cabe, quebra em duas linhas (post: "JOÃO / PAULO / LEITE").

04Grade e espaço

Uma grade de 55 no fundo. Uma coluna de 1280 na frente.

A grade quadriculada de 55px é textura, não layout: ela aparece no fundo da seção das alavancas e do mapa, desbotada nas bordas. O conteúdo vive num contêiner de 1280px (medido em 8 seções) e o espaço segue base 4. O resto é preto respirando.

A grade de fundo
55 × 55
--dna-grade-55linhas de 1px · rgba(35,35,35,.33) · passo 55pxmedido no site
Impressopasso de 5 mm · linha 0,1 mm · preto 80%verso do crachá, carta
LED centralpasso de 112px em 6048×2016 (54 × 18 casas)contagem e vinhetas

A grade sempre desbota nas bordas. Máscara radial em toda aplicação. Grade inteira e nítida até a borda vira papel milimetrado e briga com o conteúdo.

Espaço — base 4
--dna-e-1 · 4
--dna-e-2 · 8
--dna-e-3 · 12
--dna-e-4 · 16 · medido no botão
--dna-e-5 · 24
--dna-e-6 · 32
--dna-e-7 · 48
--dna-e-8 · 64 · medido no respiro de seção
--dna-e-9 · 96 · medido 98
--dna-e-10 · 128 · medido 125

Entre seções, 64 a 128px. O site varia de 64 (bloco de vídeo) a 125 (hero). Abaixo de 64 duas seções escuras se fundem numa só.

As composições do site
Hero do site: título à esquerda, palestrante à direita sobre plateiaDuo · texto 5 col + foto 7 col sangrando
Slide 1 do post: logo no topo, Vinicius ao centro, faixa vermelhaPódio · logo topo, pessoa centro, faixa no pé
Slide do post: palestrante confirmadoCartaz · título centro, nome esq., número dir.

Quatro arquétipos cobrem tudo: Duo (texto + imagem), Pódio (centrado com pessoa), Cartaz (tipografia gigante + pessoa) e Lista (linha do tempo, FAQ, tabela). Peça nova escolhe um deles antes de desenhar.

O que a grade NÃO faz aqui
  • A grade de 55 não alinha conteúdo. É textura. O texto não precisa cair em cima das linhas.
  • Não se usa grade em seção com foto. Foto + grade + ruído é sujeira demais. Escolhe um.
  • Não existe seção sem respiro. Duas dobras escuras coladas sem 64px viram uma.
  • Texto corrido não passa de 38em. Mais largo que isso, o olho perde a linha no preto.

05Elementos

O vocabulário do palco. Faixa, selo, seta, radar.

Oito elementos aparecem no site e no post e voltam em toda peça. Eles são o que faz um crachá ou um telão parecerem DNA mesmo sem a logo. Composição é livre; o vocabulário, não — elemento novo entra primeiro neste capítulo.

Os oito elementos
12, 13 e 14 Novembro 2026Parque Anhembi · Teatro Celso Furtado/SP
1
Faixa corrida
Origem
site (2×) e post (topo e pé do slide 1)
Uso
divisória de seção, borda de cartaz, verso de crachá, base do LED
Lote 0 — garanta o melhor preçoAo vivo
2
Selo com ponto vivo
Origem
hero do site
Uso
estado: lote, "ao vivo", "agora no palco"
Alavanca 2Categoria CúpulaSPRJMG
3
Etiqueta e sigla
Origem
alavancas, ingressos, mapa
Uso
categoria, número de item, estado
4
A seta
Origem
o A da logo; sublinhado-seta do post (slide 1)
Uso
CTA, marcador, padrão de cordão, transição de vídeo
DNA
5
Marca d'água DNA
Origem
faixa vermelha dos 6 slides do post
Uso
fundo de cartaz, vinheta, verso de crachá, ecobag
6
Radar
Origem
mapa do Brasil do site (26 pulsos)
Uso
"você está aqui", ponto de origem, sinal de transmissão
Quinta12Nov · 2026
Sexta13Nov · 2026
7
Ladrilho de data
Origem
seção local e ingressos
Uso
agenda, ficha de palco, crachá (dias de acesso)
Os escritórios que rompem a barreira do R$ 1 milhão fazem isso de maneira sistêmica.
8
Citação com filete
Origem
alavancas, suporte
Uso
frase-chave, carta de boas-vindas, ficha de palco

No máximo três elementos por peça, além da logo. Crachá: faixa + etiqueta + seta. Vinheta: marca d'água + seta + selo. Mais que três e a peça vira catálogo.

Textura
Ruído · assets/img/ruido.png · post
Grade 55 · site
Brasa · pé de seção

Preto chapado é proibido em área grande. O post nunca tem preto liso: sempre ruído fino. No impresso, o ruído vira um retícula de 2% — sem ele o preto rico mancha.

O que os elementos NÃO fazem aqui
  • Não existe ícone ilustrado. Ícone é traço de 1,6px (seta, mais, ×, check) ou é a seta da logo.
  • Não existe emoji. Nem no post, nem no site, nem no telão.
  • A faixa corrida não carrega frase longa. No máximo 6 palavras por item; ela é lida em movimento.
  • A marca d'água não aparece inteira. Ela é cortada pela borda — inteira, vira uma segunda logo.

06Imagem

Pessoas reais, em cor. A luz é vermelha.

Retrato do palestrante em cor, recortado do fundo, com a luz vermelha de recorte atrás da cabeça e dos ombros — como o slide do anfitrião no post oficial. A plenária entra como prova de que o evento existe.

As duas famílias
Palestrante Samer Agi em cor, retrato 4K aprovado, sobre faixa vermelha
Palestrante · retrato 4K em cor · recorte
Vinicius Nunes no palco com microfone
Anfitrião · cor + luz de recorte vermelha
Plateia atenta na plenária
Plenária · P&B → cor no hover

Palestrante em cor, com luz vermelha. Decisão do dono (01/10): nas vinhetas e peças, os palestrantes aparecem coloridos, no estilo do slide do Vinicius. A versão P&B do carrossel fica só como referência.

Fotos do evento · site oficial

Plenária e palco. As fotos das edições anteriores publicadas no site. São a prova visual do evento e o banco para crachá-verso, carta, LED e abertura. Passe o mouse: P&B → cor.

Plenária lotada com telão do DNA
Plateia atenta com crachá no pescoço
Painel Roda dos Gigantes no palco
Vinicius Nunes falando no meio da plateia
Vinicius Nunes no palco com microfone

Palestrantes confirmados 2026 (cards do site, com nome aplicado). Rafa Brito e o anfitrião não têm card no site — as fotos deles vêm da produção. Marcelo Braggion (confirmado em 06/10) também não: entra o retrato 4K da produção.

Victor Damásio
Marcus Marques
Leila Ama
Samer Agi
João Paulo Leite
Marcelo Braggion

Já estiveram nos palcos (12 nomes de edições anteriores).

Palestrante de edição anterior
Palestrante de edição anterior
Palestrante de edição anterior
Palestrante de edição anterior
Palestrante de edição anterior
Palestrante de edição anterior
Palestrante de edição anterior
Palestrante de edição anterior
Palestrante de edição anterior
Palestrante de edição anterior
Palestrante de edição anterior
Palestrante de edição anterior

São imagens de site (290–1920 px). Servem para tela e para prévia. Impresso e LED pedem os originais em alta da produção — os cards de palestrante já têm o nome aplicado e não servem como foto de vinheta.

Tratamento
Recortepessoa recortada, cintura para cimacabeça ocupa 22–28% da altura
Luz vermelharadial #E83535 42% · modo telaatrás dos ombros, nunca no rosto
Véu de leituragradiente #050505 82% → 25%medido no hero; sob todo texto em foto
Plateia de fundodesfoque 6–10px · P&Bhero: a plateia é textura

Foto oficial ou nada. Retrato vem do palestrante ou da produção. Sem banco de imagem genérico de "advogado" e sem rosto gerado por IA — é gente real no telão para 2 mil pessoas.

O que a imagem NÃO faz aqui
  • Não existe rosto feito por IA. Nem para preencher, nem como "placeholder" que vai para o telão.
  • Não existe duotone vermelho na pessoa. O vermelho é luz de fundo; a pele fica neutra.
  • Não existe banco de imagem com aperto de mão e martelo de juiz. A prova é a plenária real.
  • Não se recorta a pessoa na altura do pescoço ou do joelho. Corta no peito, na cintura ou mostra inteiro.
  • IA só para fundo e textura (fumaça, partículas, luz) — nunca para pessoa, logo ou texto.

07Movimento

Tudo entra rápido e pousa devagar. Uma curva só.

O site usa uma curva de saída — cubic-bezier(.22,1,.36,1) — em tudo que se mexe com intenção, e linear só no que gira para sempre (faixa, radar). O sistema guarda os 6 movimentos do site e cria 7 novos na mesma linguagem, pensados para virar vídeo de LED sem mudar de cara.

Curva e duração
--dna-easecubic-bezier(.22,1,.36,1)entrada, hover, revelação — medido em 33 transições
--dna-d-1 · .2scor, opacidadelink, ícone
--dna-d-2 · .3sfundo, bordamedido: 89 transições
--dna-d-3 · .4stransform, sombracartão sobe, botão brilha
--dna-d-4 · .7srevelação de blocofade + 24px
--dna-d-5 · 1sfiltro de fotoP&B → cor
Contínuosfaixa 28s · faixa rápida 18s · pulso 3s · radar 2,4s · piscar 1,2smedidos no site

No LED, multiplique por 1,5. Um telão de 15 metros é lido de longe; o que é .4s na tela do celular vira .6s no palco. Os contínuos não mudam.

Do site · os seis originais
DNA 20263 dias2 mil advogados
Nome
dna-faixa
Site
dna-ticker-scroll · 18s / 28s linear
Nome
dna-pulso
Site
br-st-pulse · 3s ease-out
Garantir vaga
Nome
dna-brilho
Site
ghostShine · reflexo que atravessa
Ao vivo no palco
Nome
dna-piscar
Site
piscarIcone · 1,2s
Nome
dna-farol
Site
br-sp-beacon · 2,4s · São Paulo no mapa
0
Nome
contador
Site
números 0 → N ao entrar na tela
Novos · criados para o projeto
Nome
Assinatura (logo)
Tempo
2,3s · desenha → preenche → seta dispara
Vai para
motion logo LED, fim de vinheta, abertura

Palestrante
confirmado

Nome
dna-linha-sobe
Tempo
.7s por linha · 90ms de defasagem
Vai para
título de vinheta, contagem, cartaz
Credenciamento
Nome
dna-varredura
Tempo
2,6s · linha de leitura que desce
Vai para
LED de credenciamento, tela do totem, transição
Nome
dna-neon
Tempo
4s · duas falhas de energia por ciclo
Vai para
espera do telão, intervalo, credenciamento
DNA
Nome
dna-respirar
Tempo
6s · escala 1 → 1,06
Vai para
fundo de vinheta e de contagem (nunca parado no LED)
Dias00
Horas00
Min00
Seg00
Nome
Regressiva
Alvo
12/11/2026 · 19h (Brasília)
Vai para
contagem regressiva do LED; "faltam N dias" das vinhetas

Todo movimento novo nasce no CSS e é refeito no Remotion com os mesmos números. A curva, a duração e a ordem são as do componentes.css; o vídeo do LED não inventa outro ritmo.

O que o movimento NÃO faz aqui
  • Não existe quique, mola ou elástico. A curva pousa; não balança.
  • Não existe giro de 360° na logo. A logo desenha, preenche e a seta sobe. Só isso.
  • Não existe flash branco de transição. No LED de 15 m, um quadro branco cega a plateia. Transição é pelo preto ou pelo vermelho.
  • Nada pisca mais rápido que 3 vezes por segundo. Regra de fotossensibilidade, vale para todo LED.
  • Quem pede menos movimento recebe o estado final. prefers-reduced-motion desliga tudo na tela.

08Interação

O hover acende. Nada muda de lugar sem motivo.

Todo hover do sistema faz uma de três coisas: sobe (2 a 4px), acende (borda ou brilho vermelho) ou revela (P&B vira cor, + vira ×). Passe o mouse em cada peça abaixo — elas são os componentes reais, não capturas.

Ao vivo · passe o mouse
Botão
sobe 2px · brilho atravessa · seta gira -45° (vira a seta da logo)
Botão contorno
borda acende em vermelho + brilho
Start

R$ 597

Cartão
sobe 4px · borda vermelha 28% · brilho difuso
Plateia na plenária
Foto
P&B → cor em 1s · zoom 3%
01Alavanca 1

Produto jurídico

02Alavanca 2

Prospecção

Passo
o círculo acende em vermelho
Campo
foco: borda vermelha + anel 3px
O conteúdo é para mim ou só para sócios já estruturados?

O DNA foi desenhado em quatro pilares — prospecção, comercial, gestão e produto — que descrevem uma operação jurídica em qualquer estágio.

Posso assistir online ou apenas presencial?

O DNA é exclusivamente presencial, no Teatro Celso Furtado, em São Paulo.

A seta do botão gira para virar a seta da logo. No repouso ela aponta para a direita; no hover, vai a -45° — a mesma direção do A. É a única interação que repete a marca.

Estados
Repousoborda 7% · sem brilhotudo calmo no preto
Hoversobe 2–4px · borda 28% vermelha.3s / .4s, --dna-ease
Foco (teclado)contorno 2px vermelho · afastado 3pxsempre visível, nunca removido
Ativo / abertotexto vermelho · ícone gira 45°FAQ, aba
Desativadoopacidade 40% · sem hoverlote esgotado

Toque não tem hover. Em celular o estado ativo aparece no toque e some no soltar; nenhuma informação pode depender de passar o mouse.

O que a interação NÃO faz aqui
  • Não troca o fundo do botão por branco no hover. O botão acende; não inverte.
  • Não aumenta a fonte no hover. Escala só em foto (3%) e cartão (translate).
  • Não existe cursor customizado. Nem bolinha que segue o mouse.
  • Não se remove o contorno de foco. Quem navega por teclado precisa ver onde está.

09Componentes

Poucas peças. Todas já testadas no site.

Cada componente abaixo existe no site oficial e foi reconstruído com os tokens. Qualquer página, deck ou tela de totem que a NEXYO fizer para o DNA importa tokens.css + componentes.css e monta com estas classes — sem declarar valor cru.

Cartão de ingresso · as quatro categorias
Start

R$ 597

Lote 0 · 12x R$ 59,58

Credencial dos 3 dias · Kit DNA · Plenária principal

Mais escolhidoVIP

R$ 1.997

Lote 0 · 12x R$ 199,31

Kit VIP ampliado · Credencial VIP · Acesso antecipado

Premiere

R$ 5.000

100 ingressos

Jantar de boas-vindas · Livro autografado · Bastidores

Exclusiva para membrosCúpula

Reservado

Programa Cúpula

Área reservada · Credencial numerada · Kit numerado

O selo e a fita são as únicas variações. "Mais escolhido" (pílula no topo) marca o recomendado; a fita diagonal marca o exclusivo. Nunca os dois no mesmo cartão.

Botões e chamadas
.dna-btngradiente 135° · canto vivo · 15px 600 · 16×28ação principal, 1 por dobra
.dna-btn--topovermelho chapado · raio 3px · 11px 700barra de navegação
.dna-btn--contornofilete 14% · acende no hoveração secundária

O CTA principal tem canto vivo; o do topo tem 3px. Medido: raio 0 no "Garantir minha vaga" e 3px no "Garantir vaga" da barra. É a forma que diz qual é o principal.

Tabela, formulário e números
ItemStartVIPPremiere
Acesso aos 3 dias✓✓✓
Kit oficial DNAParticipanteAmpliadoExclusivo
Entrada prioritária—✓✓
Livro autografado——✓
Valores do lote 0

Veja os valores

0+

Advogados na plenária

0

Unidades federativas

0

Dias de evento

O título do formulário é a única exceção de caixa. Medido: "Veja os valores dos ingressos" está em Montserrat 700 caixa baixa no modal. Fora do modal, título é TGS em caixa alta.

O que os componentes NÃO fazem aqui
  • Não existe botão verde. O verde do site é só o WhatsApp de suporte — botão de terceiro, não da marca.
  • Não existe cartão branco. Cartão é gradiente escuro com filete.
  • Não existe sombra preta em cima do preto. No escuro, profundidade é brilho vermelho, não sombra.
  • Não se cria componente novo dentro de uma peça. Entra primeiro aqui, com a origem.

10Credenciais

Sete crachás, uma família. A cor diz quem você é a dez metros.

As cores de cada categoria vêm dos mockups de referência do cliente (planilha, coluna "Exemplo Mockup") e do brandbook do ecossistema: Cúpula no vermelho da Cúpula, Palestrante no ouro do Advogado Sustentável. A estrutura é uma só para as sete: logo oficial, nome da categoria, etiqueta 9×5 em branco, grafismo de linhas e o triângulo de destaque. As imagens abaixo são renderizadas da arte de gráfica — o que se vê é o que vai para a impressão.

Mockups · frente e verso
Mockup do crachá Start, frente e verso, no cordão branco
Start · off-white · cordão branco 25 mm
Mockup do crachá VIP, frente e verso, no cordão cinza
VIP · cinza · cordão cinza 25 mm
Mockup do crachá Premiere, frente e verso, no cordão preto
Premiere · preto · cordão preto 30 mm
Mockup do crachá Cúpula, frente e verso, vermelho
Cúpula · vermelho Cúpula #CC0000 · cordão preto 30 mm
Mockup do crachá Palestrante, frente e verso, dourado
Palestrante · ouro #CC9A57
Mockup do crachá Sponsor, frente e verso, preto com prata
Sponsor · preto + prata
Mockup do crachá Acesso livre, frente e verso, laranja neon
Acesso livre · laranja neon (Pantone 804 C)
Os mockups de referência enviados pelo cliente
Referência do cliente (planilha) — de onde vieram as cores

O A gigante é o asset da direita. A perna e a seta da logo, com 64 mm de altura, numa cor de destaque que mantém o texto legível por cima: vermelho no Start, VIP e Premiere; preto no Cúpula; tom escuro do próprio fundo no Palestrante, Sponsor e Acesso livre. Na frente a etiqueta cobre a seta. O A gigante é só da frente.

A categoria aparece nos dois lados. O crachá gira no pescoço: o nome da categoria está na frente (grande) e no verso (menor). A cor de fundo decide; a palavra confirma.

Ficha técnica (planilha)
Formato100 × 140 mm + 3 mm de sangria · marcas de cortea descrição diz "150×100"; as orientações e o mockup, 10×14 — vale 10×14 (confirmar)
Papelcouchê brilho 150 g 4x4 empastado com cartão Paranálaminação fosca frente e verso
Facacantos arredondados r 3,5 mm · 2 furos oblongos 10 × 3,6 mmcentros a 25 e 75 mm, 7 mm do topo
Etiqueta90 × 38 mm branca, raio 3 mm, só na frente5 mm das laterais, de 75 a 113 mm do topo · a planilha pedia 9×5 — confirmar a etiqueta adesiva
LogoSVG oficial do brandbookpreta (claro) · branca (escuro) · A preto (vermelho, ouro, laranja)
Arquivosimpressos/cracha/saida/pdf/cracha-<categoria>.pdf+ aprovacao-crachas.pdf (faca, área segura, cotas)

Metal é simulação. Ouro (Palestrante) e prata (Sponsor) estão em 4x4 com degradê. Se o cliente quiser metal de verdade, é hot stamping ou Pantone metálico (871 C / 877 C) — orçamento da gráfica muda.

O que a credencial NÃO faz aqui
  • Não se escreve nada na área da etiqueta. 9×3,8 cm em branco puro — a etiqueta adesiva entra por cima.
  • Não existe grafismo perto dos furos. 3 mm livres em volta de cada furo; a faca rasga o que estiver ali.
  • Não se usa a logo neon impressa. O traço oficial do neon tem 0,09 mm no tamanho do crachá — some na gráfica. No impresso vai a logo sólida.
  • Escreve-se Premiere (decisão do dono). Categorias: Start · VIP · Premiere · Cúpula; no crachá só "Cúpula", nunca "Programa Cúpula".

11Impressos e kit

No papel, a marca perde a luz. Ganha tinta, faca e costura.

Cada peça foi feita no gabarito do fornecedor que a planilha indica (Clark Brindes para gravação, Combag para a ecobag, gabarito de cordão 25/30 mm). Os mockups abaixo aplicam a arte de produção na escala real — o que se vê é o arquivo que vai para o fornecedor.

Cordões · 850 mm · digital 4x4 Arte dos quatro cordões: Start, VIP, Premiere e Cúpula
25 mmStart (fita off-white) · VIP (fita cinza)faixa 30 mm com sangria · área útil 21 mm
30 mmPremiere (preto) · Cúpula (preto + fio vermelho)faixa 35 mm com sangria · área útil 26 mm

As duas pernas leem de baixo para cima. A metade direita da faixa é girada 180°: pendurado no pescoço, logo, seta e categoria ficam de pé dos dois lados. 70 mm livres em cada ponta para o fixador e os mosquetões.

Gravação 1x0 · cadernos, canetas, copos
Caderno A5 e Moleskine com a gravação
Caderno 93283 (logo completa) · Moleskine 93728 (só DNA, canto)
Canetas com DNA gravado
Canetas 81109 e CI-72001 · área 60 × 5 mm · só DNA
Copos térmicos preto e vermelho com a logo
Copo 14726B · área 28 × 40 mm · preto (Premiere) e vermelho (Cúpula)

Uma cor, um contorno. A logo oficial vira um único path (dna-oficial-mono-*.svg) com o texto da tarja vazado — em gravação não existe "texto preto sobre faixa branca". Área do fornecedor: caderno 110 × 190 mm, caneta 60 × 5 mm, copo 28 × 40 mm (o gabarito da Clark é menor que os 5 × 4 cm da planilha; vale o gabarito).

Ecobag · silk 2 cores sobre algodão cru Três ecobags com a mesma estampa e alças cinza, preta e vermelha
Arte360 × 380 mm (face 300 × 350 + 30 mm por lado + 30 mm no topo)15 mm livres no fundo
Telaspreto + vermelho, chapadoso cru é a terceira cor; o texto da tarja é vazado
Categoriamesma estampa · alça cinza (VIP), preta (Premiere), vermelha (Cúpula)uma tela serve as três

Vermelho sobre vermelho pede respiro. "AO MILHÃO" passa sobre o A gigante — os dois na mesma tinta. Um contorno de 3 mm de cru separa as letras do A; sem ele a palavra some na impressão.

Ficha técnica por peça
PeçaFormatoCorArquivoRegra da marca
Crachá10×14 cm + 3 mm sangria4x4 couchê 150 g + cartãoPDF, marca de corteárea do nome 9×3,8 limpa; laminação fosca
Cordão25 ou 30 mm × 850 mmdigital 4x4PDF no gabaritologo + seta + categoria; pernas espelhadas
Caderno A5área 110×190 mmUV 1x0SVG/PDF vetor + gabarito preenchidologo completa, centro óptico
Moleskineárea 110×190 mmUV 1x0SVG/PDF vetor + gabarito preenchidosó a marca DNA, canto inferior
Canetasárea 60×5 mmsilk / laser 1x0SVG/PDF vetorsó "DNA"
Copo térmicoárea 28×40 mmUV 1x0SVG/PDF vetor + gabarito preenchidologo completa
Ecobagarte 360×380 mmsilk 2 coresPDF/SVG + 1 arquivo por tela+3 cm laterais, +3 cm topo, 1,5 cm livre, traço ≥ 0,8 mm
CartaA5 14,8×21 cm4x0 couchêPDF, 3 mmaguardando texto do Leo
Ficha de palcoA5 horizontal 21×14,84x0 couchê foscoPDF, 5 mmtexto ≥ 14 pt; lido no escuro

Tudo em curvas. Logo, TGS Perfect e Montserrat saem convertidas em contorno nos arquivos de gravação e de silk — o fornecedor não precisa (nem pode, pela licença) ter a fonte.

O que o impresso NÃO faz aqui
  • Não existe gradiente em silk ou gravação. Só na impressão digital 4x4 (crachá, cordão, carta).
  • Não existe tinta branca na ecobag. O que é branco na logo vira vazado — aparece o cru.
  • Não existe texto na caneta. 5 mm de altura só comportam "DNA".
  • Não existe preto 100K em área grande. Fundo chapado é preto rico (60/50/50/100); texto pequeno é 100K puro.
  • Não se manda arquivo sem prova. Primeiro o PDF de aprovação ao cliente, depois o fornecedor.

12LED e vinhetas

O telão é o post deitado. Três vezes mais largo.

O LED central tem 6048×2016 px — proporção 3:1. O carrossel oficial já resolveu a vinheta de palestrante em 4:5; o telão abre o mesmo layout para os lados: título à esquerda, pessoa no centro sobre a faixa vermelha, logo à direita. Quem viu o post reconhece o palco.

Os vídeos · prévia a 25% (o final sai em 6048 × 2016, HEVC)
Vídeo de abertura · 45 s
Motion logo · LED central · 10 s
Contagem regressiva · 1 min (há versões de 3 e 5 min)
Motion logo · LED lateral 2016 × 2016
Motion logo · credenciamento 3584 × 768
"Bem-vindos" · credenciamento · loop 12 s
Vinheta · Vinicius Nunes (anfitrião) · 9 s
Vinheta · João Paulo Leite · 9 s
Vinheta · Marcus Marques · 9 s
Vinheta · Victor Damásio · 9 s
Vinheta · Samer Agi · 9 s
Vinheta · Rafa Brito · 9 s
Vinheta · Leila Ama · 9 s

Retratos 4K aprovados. Recortados (rembg) a partir das fotos de produção já aprovadas pelo dono. O template de vinheta2.tsx não muda; só entra retrato novo quando o dono aprovar outro nome na lista.

Os três painéis · em escala
Captura real da vinheta2 c1 aprovada (Vinicius Nunes): papel + nome à esquerda, foto em cor ao centro, slogan + logo à direita, sem data
Central · 6048 × 2016 · 3:1 · captura da vinheta2 c1 aprovada (template vinheta2.tsx; tracejado verde = área segura de 5% / 3%)
Lateral · 2016 × 2016 · 1:1 · logo empilhada
Bem-vindos
Credenciamento · 3584 × 768 · 4,67:1 · "Bem-vindos"

Nada importante fora da área segura. 5% em cima e embaixo, 3% nas laterais — as bordas do LED ficam atrás de estrutura e da treliça do palco. Logo, nome e número sempre dentro.

Tamanhos mínimos no telão
Título (TGS)≥ 180 px de altura de letra em 2016lido da última fileira (~40 m)
Nome do palestrante≥ 240 pxno máximo 2 linhas
Texto de apoio≥ 72 px, mono, caixa altatema, dia, alavanca
Corpo de textonão existeLED não tem parágrafo
Preto#000000LED apagado; #0E0E0F vira cinza lavado
Grade de fundopasso 112 px · 54 × 18 casas55 px do site × 2,04

Cinco palavras por tela. Uma plateia lê um telão em 2 segundos. Vinheta: papel ("Palestrante no palco") + nome. Contagem: só o número e "minutos".

Roteiro de cada motion
Motion logo10 s + loop 8 slinhas 45° → contorno → preenchimento → seta → texto letra a letra → reflexo
Contagem regressiva5 / 3 / 1 minnúmero TGS gigante em gradiente; marca d'água respira; últimos 10 s em vermelho cheio
Vinheta de palestrante8–10 s × 7conforme vinheta2.tsx: papel+nome decodifica à esquerda → foto em cor sobe ao centro → slogan+logo entram à direita
Abertura≤ 45 snúmeros do DNA (2 mil · 27 UFs · 3 dias) → 3 alavancas → logo
Bem-vindosloop 12 slogo neon + "Bem-vindos" + varredura vermelha
SaídaHEVC ou ProResH.264 não aceita 6048 px de largura; confirmar com o fornecedor do LED

O motion é o CSS deste documento em vídeo. Mesma curva (--dna-ease), mesmas durações × 1,5, mesmas sequências do capítulo 07. Remotion lê os tokens; não existe outro arquivo de animação.

O que o LED NÃO faz aqui
  • Não existe fundo branco ou off-white no LED. Cega a plateia e estoura a câmera da transmissão.
  • Não existe tela parada. Até a logo estática tem a marca d'água respirando ou a faixa correndo — LED parado parece travado.
  • Não se usa a logo em contorno em tamanho pequeno. Abaixo de 600 px de largura o traço some.
  • Não se exporta em H.264 para o painel central. O formato não comporta 6048 px.
  • Não existe palestrante sem foto oficial. Sem foto, a vinheta espera; não se gera rosto.

13Voz

Factual, direta, sem pressão. O número fala primeiro.

O site se descreve: "as respostas abaixo são factuais", "sem script de venda, sem pressão". A voz do DNA é a de um sócio experiente explicando a operação: números verificáveis, frases curtas, nenhum adjetivo de autoajuda. E respeita a OAB — promete formação, não resultado.

Frases da marca · copiadas do site e do post

Do zero ao milhão na advocacia

promessa · título

Todos os caminhos levam ao DNA

alcance nacional

Prospecção · Comercial · Gestão · Produto

os quatro pilares · faixa

Palestrante confirmado

anúncio · post

Use as frases que já existem antes de escrever novas. Crachá, faixa, LED e carta repetem o vocabulário do site; consistência vale mais que criatividade aqui.

Como escrever
Número antes de adjetivo"2 mil advogados, 27 estados"não "o maior evento"
Caixa alta só em título e rótulocorpo em caixa normalCAIXA ALTA no corpo é grito
Separadorponto médio "·" e travessão "—""12 nov · 2026", "Lote 0 — garanta"
Data12, 13 e 14 de novembro de 2026curta: 12·13·14 nov 2026
LocalParque Anhembi — Teatro Celso Furtado/SPcurto: Anhembi/SP
CategoriasStart · VIP · Premiere · Cúpulaescreve-se Premiere (decisão do dono); no crachá só "Cúpula"

Carta de boas-vindas em primeira pessoa do Vinicius, no tom do site: agradece, diz o que vai acontecer nos 3 dias e onde encontrar ajuda. Sem promessa de faturamento.

O que a voz NÃO faz aqui
  • Não promete resultado financeiro. Disclaimer OAB do site: o evento não garante faturamento.
  • Não usa "imperdível", "transformador", "jornada". Nenhuma aparece no site.
  • Não usa emoji nem exclamação em peça impressa. No post, só um emoji na legenda.
  • Não oferece serviço jurídico. O DNA é educação executiva; a peça não fala de causa nem de cliente final.

14Fazer e evitar

O que faz parecer DNA. E o que faz parecer outro evento.

A lista que se confere antes de mandar qualquer prova para o cliente. Cada linha remete ao capítulo que a explica.

Lado a lado
  • Fazer · fundo preto com ruído ou grade desbotada (05)
  • Fazer · título TGS caixa alta com 1 trecho em gradiente vermelho (03)
  • Fazer · data e local em mono com ponto médio (03)
  • Fazer · palestrante P&B sobre faixa vermelha com DNA de marca d'água (06)
  • Fazer · no máximo 3 elementos do vocabulário por peça (05)
  • Fazer · movimento com --dna-ease e a seta subindo (07)
  • Evitar · fundo branco, azul, dourado ou foto de banco (02, 06)
  • Evitar · título em Montserrat ou em caixa baixa (03)
  • Evitar · gradiente que clareia, ou vermelho em tudo (02)
  • Evitar · rosto por IA, duotone vermelho na pele (06)
  • Evitar · logo distorcida, contorno impresso, A de outra cor (01)
  • Evitar · quique, flash branco, giro de logo (07)
Checagem antes de mandar a prova
1 · FonteTGS · Montserrat · JetBrains Mono, em curvas no PDF03 · 11
2 · Corsó tokens; CMYK confirmado no manual02
3 · Texto"Premiere", datas, local, acentos13
4 · Medidaformato, sangria, marca de corte, área livre11
5 · Imagemfoto oficial, 300 dpi, sem IA em pessoa06
6 · Vídeoresolução exata, área segura, codec, 1º e último quadro12

Seis checks, todos, toda vez. A prova só vai ao cliente com os seis marcados no quadro do WORKFLOW.md.

15Entregáveis

Trinta e seis peças. Cada uma sabe de onde vem.

O mapa entre o escopo fechado e este sistema: qual capítulo rege cada peça e qual componente ou arquivo vira o mestre. O status de produção vive no WORKFLOW.md; aqui está só a regra.

Peça → regra → mestre
PeçaQtdeCapítulosMestre
Crachás710 · 11.dna-cracha + variáveis de categoria
Cordões405 · 10 · 11padrão de setas em SVG
Cadernos, Moleskines, canetas, copos1001 · 11dna-logo-empilhado / dna-marca-mono-*
Ecobags3111 arte, 2 cores de silk
Cartas + ficha de palco503 · 05 · 13citação com filete + grade 5 mm
Capa Catchbox101 · 02PNG + HEX
Motion logo + Bem-vindos407 · 12dna-marca-anim.svg → Remotion
Contagem regressiva107 · 12regressiva + marca d'água respirando
Vinhetas de palestrante706 · 12.dna-vinheta (post deitado em 3:1)
Vídeo de abertura107 · 12 · 13números + 3 alavancas + assinatura
Logo estática LED301 · 12horizontal / empilhada por painel

Um mestre por linha, variações por dados. Os 7 crachás são um componente com 7 conjuntos de variáveis; as 7 vinhetas são um template com 7 fichas. Ajuste no mestre propaga para todas.

Arquivos deste sistema
assets/css/tokens.csscor, tipo, espaço, forma, movimentotoda peça importa
assets/css/componentes.csscomponentes, keyframes, crachá, LEDtoda peça importa
assets/img/dna-*.svg15 versões da logo, símbolo, setaprovisórias até o vetor oficial
conteudo/sistema.jsona regra em formato de máquinaas catracas leem daqui
conteudo/extracao-site.jsona medição bruta do siteprova de cada número
scripts/make-logo.pygera as logosrodar de novo se a medida mudar

16Mockups

O kit na mão. Antes de ir para a gráfica.

Mockups fotográficos gerados por IA (GPT, via Codex) a partir das artes finais de produção. Servem para o cliente ver o kit como objeto. A referência de produção continua sendo o arquivo técnico de cada peça (capítulos 10 e 11): em foto gerada, microtexto e traços finos são aproximados.

Kit, credenciais e brindes
Mockup fotográfico: Kit Premiere
Kit Premiere
Mockup fotográfico: Kit Cúpula
Kit Cúpula
Mockup fotográfico: Kit Start e VIP
Kit Start e VIP
Mockup fotográfico: close da ecobag
Ecobag · detalhe do silk sobre o algodão
Mockup fotográfico: Ecobags · alça por categoria
Ecobags · alça por categoria
Mockup fotográfico: Crachá Start
Crachá Start
Mockup fotográfico: Crachá VIP
Crachá VIP
Mockup fotográfico: Crachá Premiere
Crachá Premiere
Mockup fotográfico: Crachá Cúpula
Crachá Cúpula
Mockup fotográfico: Crachá Palestrante
Crachá Palestrante
Mockup fotográfico: Crachá Sponsor
Crachá Sponsor
Mockup fotográfico: Crachá Acesso livre
Crachá Acesso livre
Mockup fotográfico: Os quatro cordões
Os quatro cordões
Mockup fotográfico: Caderno e Moleskine
Caderno e Moleskine
Mockup fotográfico: Canetas
Canetas
Mockup fotográfico: Copos térmicos
Copos térmicos
Mockup fotográfico: Capa do Catchbox
Capa do Catchbox

Revisados um a um contra a arte. Mockup que muda logo, cor, categoria ou texto é reprovado e refeito — o close da ecobag foi refeito porque o gerador desenhou um contorno preto que não existe na estampa.

17Materiais aprovados

O que foi aprovado vira regra. Peça por peça.

Arte final e mockup aprovados de cada família, com medida da planilha e do gabarito, cores, tipografia, padrões e notas de produção. Só entra aqui o que o cliente aprovou.

Crachás · 8 categorias

Uma família, oito acabamentos: o A gigante da marca sangra pela direita e o nome passa por cima.

Start · branco + vermelho
Start · branco + vermelho
VIP · prata escovada
VIP · prata escovada
Premiere
Premiere
Cúpula · vermelho Cúpula
Cúpula · vermelho Cúpula
Cúpula Black · só preto e branco
Cúpula Black · só preto e branco
Acesso Livre · laranja neon
Acesso Livre · laranja neon
Sponsor
Sponsor
Palestrante · degradê
Palestrante · degradê
Mockup · Start
Mockup · Start
Mockup · VIP prata
Mockup · VIP prata
Mockup · Cúpula Black
Mockup · Cúpula Black
Mockup · Cúpula com cordão
Mockup · Cúpula com cordão
Medida
10 × 14 cm + 3 mm de sangria, cantos arredondados, 2 furos Ø 5 mm
Papel
couchê brilho 150 g, 4x4, empastado com cartão paraná, laminação fosca frente e verso
Etiqueta
área 9 × 5 cm demarcada só na frente (contorno 0,3 mm no Start)
Cores
preto #0C0C0C (CMYK 60 40 40 100) · branco · vermelho DNA #FF0004 · Cúpula #CC0000 (0 98 100 11)
Tipografia
TGS Perfect (categoria) · Montserrat (textos) · tudo em curvas no PDF
  • A gigante da logo ocupando a direita, sangrando pela borda; o texto alinha à esquerda e passa por cima.
  • Grafismo de linhas finas + triângulo de destaque no canto; as diagonais desviam 3 mm dos furos.
  • VIP = chapa de prata escovada (degradê metálico diagonal); em CMYK vira degradê de cinzas, sem cor especial.
  • Cúpula Black = apenas preto e branco: marca Cúpula Black oficial em branco, A gigante só em contorno.
  • Categoria repetida no verso; logo oficial centralizada no verso.

Texto miúdo sempre sólido (100 K ou branco), nunca com transparência. VIP: cobertura de tinta alta; conferir o TAC na prova da gráfica.

Cordões · 4 categorias

As duas pernas leem de baixo para cima: pendurado no pescoço, a marca fica de pé dos dois lados.

Os 4 cordões
Os 4 cordões
Start
Start
VIP · prata longitudinal
VIP · prata longitudinal
Premiere
Premiere
Cúpula
Cúpula
Medida
Start e VIP 25 mm × 85 cm · Premiere e Cúpula 30 mm × 85 cm
Impressão
cetim, digital 4x4, 2 mosquetões e fixador
Área útil
21 mm (25 mm) · 26 mm (30 mm); 70 mm livres em cada ponta
Cores
off-white · cinza/prata · preto · preto com fio vermelho Cúpula #CC0000
  • Metade direita girada 180°: logo, seta e categoria de pé nos dois lados.
  • VIP: o degradê de prata corre no sentido do comprimento (longitudinal).

Arquivo no gabarito do fornecedor, em curvas.

Cartas de boas-vindas e ficha de palco

A carta abre o kit; a ficha é lida no escuro, do palco.

Carta Start
Carta Start
Carta VIP
Carta VIP
Carta Premiere
Carta Premiere
Carta Cúpula
Carta Cúpula
Carta Cúpula Black
Carta Cúpula Black
Ficha de palco
Ficha de palco
Mockup · as 5 cartas em leque
Mockup · as 5 cartas em leque
Mockup · ficha de palco
Mockup · ficha de palco
Carta
A5 14,8 × 21 cm, couchê 4x0, 3 mm de sangria + marca de corte
Ficha
A5 horizontal 21 × 14,8 cm, couchê fosco 4x0, 5 mm de sangria + marca de corte
Marca
Cúpula e Cúpula Black com a marca oficial no cabeçalho
Tipografia
TGS Perfect (saudação, categoria) · Montserrat (texto) · ficha com texto ≥ 14 pt
  • Uma versão por categoria, mesma estrutura; muda a cor da categoria.

Texto final da carta: do Leo (pendente). Assinatura em PNG (pendente).

Brindes · cadernos, moleskines, canetas e copos

Uma cor, um contorno: em gravação, a marca vira um único traço.

Caderno 93283 · prévia de cor
Caderno 93283 · prévia de cor
Mockup · caderno Start e VIP
Mockup · caderno Start e VIP
Mockup · copos
Mockup · copos
Mockup · copo Premiere preto
Mockup · copo Premiere preto
Caderno
A5 14 × 21 cm, capa preta, UV 1x0 · área 110 × 190 mm
Moleskine
13,7 × 21 cm, capa dura, UV 1x0 · só a marca DNA, canto
Canetas
81109 (silk 1x0) e CI-72001 alumínio (gravação 1x0) · área 60 × 5 mm · só "DNA"
Copo
14726B térmico 320 ml, preto (Premiere) e vermelho (Cúpula), UV 1x0 · área 28 × 40 mm
  • Logo oficial em um único path, texto da tarja vazado (gravação não tem "texto sobre faixa").

Vale o gabarito do fornecedor (Clark) quando ele for menor que a medida da planilha. Apresentação de canetas/copos e o copo vermelho composto são só documento de gabarito.

Ecobags · VIP, Premiere e Cúpula

Uma tela serve as três: muda só a cor da alça.

Arte da estampa
Arte da estampa
Guia de produção
Guia de produção
Mockup · VIP (alça cinza)
Mockup · VIP (alça cinza)
Mockup · Premiere (alça preta)
Mockup · Premiere (alça preta)
Mockup · Cúpula (alça vermelha)
Mockup · Cúpula (alça vermelha)
Medida
algodão cru 30 × 35 cm · arte 360 × 380 mm (+3 cm laterais e topo, 1,5 cm livre no fundo)
Impressão
silk 2 cores chapadas (preto + vermelho); o cru é a terceira cor
Traço
mínimo 0,8 mm; aberturas pequenas evitadas (a tinta espalha)
  • "AO MILHÃO" sobre o A gigante, separados por contorno de 3 mm de cru.

Se a gráfica pedir Pantone, definir na prova.

Placas da premiação e quadro Pitch

O número é a joia: 1, 5 e 10 milhões em relevo sobre o fundo impresso.

Cúpula 1M · P
Cúpula 1M · P
Cúpula 1M · M
Cúpula 1M · M
Cúpula 5M · P
Cúpula 5M · P
Cúpula 5M · M
Cúpula 5M · M
Black 1M · P
Black 1M · P
Black 1M · M
Black 1M · M
Black 5M · P
Black 5M · P
Black 5M · M
Black 5M · M
Black 10M · G
Black 10M · G
Quadro Pitch
Quadro Pitch
Mockup · Black 10M na moldura
Mockup · Black 10M na moldura
Mockup · quadro Pitch
Mockup · quadro Pitch
Medidas
nas medidas da planilha: P 16 × 22 · M 19 × 26 · G 21 × 30 cm (quadro Pitch P 16 × 22, sem relevo)
Camadas
fundo impresso + peças em relevo (marca, número, faturados) em SVG de camadas
Cores
Cúpula #CC0000 sobre fundo avermelhado escuro · Black só preto, grafite e branco
Tipografia
Montserrat (brandbook Cúpula), em curvas
  • Hierarquia por intensidade: PARABÉNS → marca oficial → número dominante → MILHÕES → FATURADOS → nome → CÚPULA (BLACK) 2026.
  • Cúpula Black: grafite #303030 → #050505 + grafismo da marca tom sobre tom; sem logo DNA, sem brilho.

Relevo e material: confirmar com a gráfica. Categoria e nome do premiado: pendentes do cliente.

Pitch Cúpula · bandeiras, banners, botton, camisetas e caixa

Pitch Cúpula fala com a marca Cúpula: sem logo DNA nas peças do Pitch.

Bandeira A · preto
Bandeira A · preto
Bandeira B · vermelho Cúpula
Bandeira B · vermelho Cúpula
Banner de recepção 1
Banner de recepção 1
Banner de recepção 2
Banner de recepção 2
Botton A · preto
Botton A · preto
Botton A · vermelho
Botton A · vermelho
Botton B · branco
Botton B · branco
Camiseta preta · frente
Camiseta preta · frente
Camiseta preta · costas
Camiseta preta · costas
Caixa · faca
Caixa · faca
Mockup · bottons
Mockup · bottons
Mockup · camisetas
Mockup · camisetas
Mockup · caixa
Mockup · caixa
Bandeira
wind banner 0,8 × 3 m · faca padrão (bolso 70 mm, área segura 40 mm, sangria 30 mm) a confirmar com o mastro
Banners
recepção 1,10 × 2,20 m
Botton
face 45 mm (disco 57 mm com a dobra), área de conteúdo 38 mm
Camiseta
estampa da frente 17,5 cm; costas com slogan, linha e "2026"
Caixa
20 × 20 × 10 cm, faca própria
Cores
Cúpula #CC0000 (0 98 100 11) · preto #000000 · branco
  • Sem logo DNA e sem a palavra "PITCH" nas artes; a marca é a Cúpula oficial.
  • Bandeira B: 3 faixas diagonais pretas no alto; ícone C primeiro, CÚPULA girada +90°.
  • Halftone e textura vetoriais (nada de imagem gerada na arte).

Contraste: #CC0000 só sobre preto puro (3,6:1). Gabarito do mastro, do botton e da caixa: confirmar com o fornecedor.

Cenografia · instagramável, backstage, totens e placa de porta

Do zero ao milhão em escala de parede: setas 3D e o A gigante.

Instagramável do foyer · setas 3D
Instagramável do foyer · setas 3D
Backdrop do backstage
Backdrop do backstage
Totem Start
Totem Start
Totem VIP
Totem VIP
Totem Premiere
Totem Premiere
Totem Cúpula
Totem Cúpula
Placa de porta
Placa de porta
Totens
1 × 2 m, mesma linguagem dos crachás (A gigante, grade, diagonais, setas ↗)
Instagramável e backstage
arte do Figma com as setas 3D em 10240 px (≈ 102 dpi no painel de 3 m), CMYK sem reamostragem
Render
cenografia navegável em 3D em dna.nexyohub.com.br/cenografia
  • Faixa vermelha no Start, prata escovada no VIP, como nos crachás.

Plenária e demais peças entram quando aprovadas. Medidas finais: mapeamento do fornecedor.