A marca é arquivo
Logotipo e selos saem de assets/brand ou do data URI gerado do arquivo oficial. THE VOID nunca é digitado.
Sistema Sala Escura · trechos prontos
A marca pronta para colar
Cada bloco desta página é um trecho que já obedece ao manual: copie inteiro e cole na página, no e-mail, na assinatura ou no WhatsApp. A prévia que você vê é desenhada a partir do mesmo texto que o botão copia, sem herdar nada desta página.
- Sistema
- Sala Escura v1
- Edição
- 06/10/2026
- Conteúdo
- 9 grupos de trechos
- Situação
- Aguarda aprovação da The VOID
A versão segue o fundo
Branco sobre Sala, Bastidor, Coxia e campos de produto. Preto sobre Tela, Branco, Cinza 100, Areia e Névoa.
Respiro e mínimo
1 X livre em volta (X é a altura do THE). Logotipo a partir de 24 px de altura; selo a partir de 96 px.
Toda prova tem crédito
Número só sai com o que mede, recorte, data, fonte e marca de origem. Sem prova, o número sai da peça.
Campo vazio não vai ao ar
Troque cada {{campo}} antes de publicar. O que aparece como [P n] depende de uma decisão da escola.
A base
Antes de tudo
Os trechos desta página usam as três vozes da marca. Sem estas linhas no <head>, o título cai para Arial Narrow e a voz em off cai para Georgia.
Fontes e tokens
Vai no <head> de toda página. É o link exato da especificação: Archivo variável (peso e largura), Newsreader Italic 300 como voz em off enquanto a licença da Alga não chega, e Nunito Sans 400 e 600 no corpo.
[P 1] [P 3] O corpo em Nunito Sans é provisório e a Alga só entra onde houver licença instalada. Os trechos já trazem a Alga na frente da pilha: com licença, ela assume sozinha.
FontesEspecificação Sala Escura v1, 06/10/2026, seções 4.1, 4.5 e 4.6; Brand DNA da The VOID, set/2026.
Logotipo
O logotipo é arquivo
O logotipo é desenho, não texto. Todo trecho aponta para o arquivo oficial em assets/brand, com largura e altura declaradas e 1 X de respiro já aplicado como margem.
Gerador do logotipo
Escolha a versão, a cor e o formato. O trecho sai com a altura pedida, a largura calculada pela proporção do arquivo e a margem de 1 X. Abaixo do mínimo, o gerador recusa e indica o favicon.
Cabeçalho de site
Horizontal branco, 32 px de altura, com link para a página inicial. Campo Sala.
Documento claro
Horizontal preto para PDF, certificado e páginas em Modo Leitura [P 2].
Vertical em abertura
THE, VOID e TATTOO ACADEMY empilhados para capa, cartaz e fecho de vídeo. Nunca abaixo de 80 px de altura.
Cabeçalho Mínimo de LP
Logotipo de produto branco, de 24 a 32 px, sem menu (componente LP02). Troque start por master ou pro e a largura pela do gerador.
Qual versão em qual fundo
| Versão | Pode ir sobre |
|---|---|
| Branco oficial | Sala, Nanquim, Bastidor, Coxia, Campo Start (como no slide 31), Campo Master, Terracota Noite, Café e foto com véu de 55% ou mais. |
| Preto oficial | Tela, Branco, Cinza 100, Areia e Névoa. |
| Nunca | Terracota, Ouro Velho e Caramelo (as duas versões ficam ambíguas), foto sem véu e textura que atravesse o desenho. |
[P 11] Área de proteção e mínimos são proposta GrowAI medida nos vetores. As versões grafite e offwhite em svg/cor/ ficam de uso interno e técnico até a validação; por isso nenhum trecho desta página as usa.
FontesEspecificação Sala Escura v1, 06/10/2026, seções 5.1 a 5.4 e 12.1; medidas dos vetores oficiais (marca.json); Plataforma de Branding, aureadesign, 2025.
Logotipo em data URI
Quando o HTML viaja sozinho
Para landing page em construtor, arquivo único e protótipo que não leva a pasta assets junto. O data URI é o próprio arquivo oficial, codificado por script e conferido byte a byte. Ninguém digita estes caracteres.
O código mostrado abrevia o data URI para caber na tela; o botão copia o trecho inteiro. Para regenerar depois de qualquer troca nos arquivos oficiais: python3 tools/gerar_lockup_datauri.py. Para conferir: o mesmo comando com --verificar.
Em e-mail, data URI não funciona (a maioria dos programas bloqueia). Lá vale o PNG hospedado, como na assinatura do grupo 09.
FontesArquivos oficiais em assets/brand/svg (exportação da Plataforma de Branding, aureadesign, 2025); especificação Sala Escura v1, seções 5.1 e 15.
Abaixo do mínimo
Quando a marca encolhe
Abaixo de 24 px de altura o logotipo não existe: entra o favicon, o O do VOID em Tela sobre Sala. Avatar e imagem de compartilhamento usam os arquivos gerados do vetor oficial.
Avatar de perfil
Vertical em Tela sobre Sala, ocupando 68% da largura, para caber no recorte circular das redes e do WhatsApp.
Favicon e cor do navegador
Vai no <head>. SVG para navegadores atuais, PNG de 32 px de reserva, ícone de 180 px para a tela inicial do celular e o manifesto com a cor Sala.
Prévia de link (1200 por 630)
Vai no <head> de toda página: é a imagem que aparece quando o link é colado no WhatsApp e nas redes. A imagem precisa de endereço absoluto: troque {{URL_PUBLICA}} pelo domínio publicado [P 18].
FontesEspecificação Sala Escura v1, seções 5.1, 5.2, 12.6 e 13.1; arquivos derivados descritos em marca.json.
Selos e assinaturas de produto
A cor mora no selo
O logotipo é sempre preto ou branco; a cor da formação entra pelo selo. Completo a partir de 200 px, simples de 96 a 199 px, e abaixo de 96 px não existe selo: entra o Rótulo de Produto em texto.
| Peça | Mínimo em tela | Impresso |
|---|---|---|
| Selo completo | 200 px de diâmetro | 40 mm |
| Selo simples | 96 px | 20 mm |
| Abaixo de 96 px | Rótulo de Produto em texto | favicon |
Selo completo Start
Hero e oferta da LP do Start, certificado, capa de VSL do produto.
Selo completo Master
Mesmo uso, na comunicação do Master.
Selo completo Pro
Sobre Sala dispensa ajuda: o anel branco externo fica inteiro visível, como no slide 31.
Selo simples Start
De 96 a 199 px: cartão de turma, e-mail de marco, capa de destaque.
Selo simples Master
Mesmo uso, na comunicação do Master.
Selo simples Pro sobre Sala
Assentado no disco Coxia (folga de 4% do diâmetro, aqui 5 px), sem tocar no vetor. Sobre fundo claro, use só a imagem.
Rótulo de Produto (abaixo de 96 px)
Onde o selo não cabe: Barra Fixa da LP, lower third, legenda. Texto em Crédito com fio de 1 px e canto reto. Copie só a linha do produto.
Assinaturas de produto
Start e Master assinam com o logotipo de produto e o selo lado a lado, afastados 1 X. O Pro tem a única pílula do sistema: logotipo, pílula de contorno de 1,5 px com o selo simples e a frase do produto. A pílula não é clicável e não vira botão.
Assinatura do Start
Fecho de peça e de VSL do Start, cabeçalho de e-mail de marco.
Assinatura do Master
Mesma construção, na comunicação do Master.
Assinatura de Produto do Pro
Capa e fecho do Pro. Pílula de 1,5 px com raio total, selo simples de 96 px no disco Coxia e a frase em Crédito. Não é recurso livre: só nesta composição. Precisa de 288 px de largura (cabe numa tela de 320 px com margem de 16 px); em espaço menor, use o logotipo do Pro com o selo simples, como no Start e no Master.
Observação No slide 37 a assinatura aparece como THE VOID®, pílula e PRO no fim. Não existe arquivo oficial de THE VOID® sem descritor, e digitar PRO montaria o descritor à mão. Até haver esse arquivo, o trecho usa o logotipo oficial do Pro antes da pílula. Selo dentro do O do VOID continua vetado sem arquivo aprovado [P 10].
FontesEspecificação Sala Escura v1, seções 3.5, 5.2, 5.6, 6.13 e 6.20; Plataforma de Branding, aureadesign, 2025, slides 31 e 37; selos oficiais em assets/brand/svg.
Co-assinatura
Um nome ao lado
O descritor fundido ao logotipo só existe nos arquivos oficiais (TATTOO, TATTOO ACADEMY, START, MASTER, PRO). Qualquer outro nome entra ao lado: logotipo horizontal oficial, fio vertical de 1 px da altura do VOID, 1 X de cada lado e o nome em Archivo 700, largura 112, com a mesma altura das maiúsculas do THE.
Os três trechos medem tudo a partir de uma única variável, --h, a altura do logotipo: o fio vale 0,953 de --h (a altura do VOID no arquivo), o afastamento vale 0,335 (1 X) e o corpo do nome vale 0,489 (a altura do THE dividida pela altura das maiúsculas do Archivo, 0,686). Já vem com clamp(24px,7vw,48px): nunca abaixo do mínimo de 24 px.
Talks
Página, cartaz e convite do The VOID Talks (grafia única). Página de evento não traz oferta de formação.
Convenção
Cartaz, página e materiais da Convenção The VOID (nome canônico do evento).
VOIDERS
Comunidade de alunos e ex-alunos. Sempre em caixa alta, sem logotipo próprio.
FontesEspecificação Sala Escura v1, seção 5.5 (co-assinatura); medidas do horizontal em marca.json; altura das maiúsculas do Archivo medida no navegador em 06/10/2026.
Créditos Finais e Ficha Técnica
A última linha que fica
O rodapé-assinatura é texto fixo e literal, único para todos os produtos. Sempre TATTOO, com dois T. Frases de produto vão em outra linha, nunca dentro dele.
Créditos Finais
Rodapé de site, LP e e-mail, peça institucional, cartaz, fecho de vídeo, capa e contracapa de PDF. Uma vez por peça; nunca em anúncio 9:16. No celular, quebra depois de BRAZIL.
Ficha Técnica
Canto superior de peça premium: Pro, capa de LP e de VSL, convite de evento, certificado, capa de PDF. Nunca em post de conversão de topo nem na mesma borda dos Créditos Finais.
Letreiro Corrido
Só em peça de evento (Talks, Convenção, Formatura) e no topo da LP de evento; nunca em LP de venda. Cerca de 40 px por segundo, pausa ao passar o cursor, parado com movimento reduzido.
[P 5] "EST [ano]" e "desde [ano]" ficam fora da Ficha Técnica até a confirmação do ano de fundação com a The VOID. O "® 2025" dos Créditos Finais é texto fixo copiado do rodapé da Plataforma de Branding (slides 14 e 30) e não indica o ano de fundação.
FontesEspecificação Sala Escura v1, seções 6.14 e 6.15; Plataforma de Branding, aureadesign, 2025, slides 14, 19, 21, 30 e 38.
Prova e conformidade
Toda prova tem crédito
Nenhum número, depoimento, avaliação ou dado de mercado aparece sem o Crédito de Prova: o que mede, recorte, data, fonte e a marca de origem, o fio de 16 por 2 px antes da régua. Nenhum número da escola está validado ainda; por isso os trechos trazem [P 15] no lugar do número.
| Origem | Fio | Quando |
|---|---|---|
| Medido | cheio | Registro da própria escola, arquivado. |
| Terceiro | tracejado | Declarado por terceiro (Google, imprensa), com link e data da captura. |
| Mercado | pontilhado | Estudo externo, com link. |
| Em validação | tracejado em Fumaça | Só no arquivo de trabalho. Bloqueia a exportação e a publicação. |
Crédito de Prova · medido
Contagem da própria escola. O fio lateral é o grafismo do produto: Tela a 32% no institucional (Start #93693B, Master #B25A32, Pro #C9D0D8).
Crédito de Prova · terceiro
Avaliação pública. Link para a fonte e data da captura são obrigatórios.
Crédito de Prova · mercado
Estudo externo, sempre com link. Dado de mercado não vira promessa de renda.
Crédito de Prova · em validação
Só para o arquivo de trabalho: o número vira "dado em validação" e a moldura fica tracejada. Peça com este bloco não é exportada nem publicada.
O mesmo bloqueio no motor de gráficos
O vviz.js desenha o Numeral de Prova em validação só como arquivo de trabalho e recusa a exportação. Teste o botão.
Role para o lado: o numeral precisa de 460 px
Aviso de Conformidade e frases-modelo
Use como estão. Campos entre chaves são trocados antes de publicar; nada vai ao ar com chave ou colchete. A frase de curso livre e certificado não está aqui: ela depende de validação de advogado [P 20] e só entra depois disso.
Aviso de Conformidade (LP)
Abaixo do Rolo de Depoimentos e de toda prova de resultado.
Aviso de resultado, versão longa
Página de depoimentos, VSL (texto da descrição) e material impresso.
Vagas
Só com o número real de vagas, ligado ao calendário.
Prazo
Condição com data e hora reais; nada de "só hoje" recorrente.
Arrependimento
Toda venda pela internet, telefone ou WhatsApp.
Depoimento
Junto de todo depoimento, com autorização por escrito.
Chamada de modelos
A parte da supervisão só entra se for verdade.
Biossegurança
Página de formação e perguntas frequentes.
Parceria paga
Início da legenda de todo conteúdo em parceria ou com bolsa.
Concurso cultural
Com regulamento validado [P 20].
Formulário
Abaixo do botão de envio, com o link da Política de Privacidade.
Microcopy do botão
Só enquanto o compromisso de prazo existir de verdade no atendimento.
FontesEspecificação Sala Escura v1, seções 6.16, 11.1, 11.2 e 14; relatório de conformidade da pesquisa GrowAI, out/2026.
NAP, bio, e-mail e WhatsApp
Onde a marca conversa
Nome, endereço e telefone iguais em todo lugar: rodapé, contato, dados estruturados, Google, redes, membros e e-mails. Copie, nunca redigite.
Bloco NAP em texto
Para redes, Google, diretórios e qualquer campo de texto. "Rua", nunca "R.".
Bloco NAP em HTML
Rodapé de site e LP, página de contato. Telefone com link de discagem.
Descrição de uma linha (bio)
Literal em todo lugar: bio do Instagram e do TikTok, descrição do WhatsApp Business, Google, imprensa e dados estruturados. Cabe nos 150 caracteres da bio. Ficam fora: superlativos, contagem de alunos e qualquer menção a credenciamento.
Assinatura no WhatsApp
Quem escreve se apresenta pelo nome e assina assim, na última linha.
Assinatura de e-mail · Sala
Padrão enquanto o Modo Leitura não é aprovado [P 2]. Tabela com estilos em linha e logotipo em PNG (data URI e SVG não funcionam em e-mail). Antes de usar no programa de e-mail, troque o caminho do PNG pelo endereço público completo. Assina sempre uma pessoa real com cargo.
Assinatura de e-mail · Modo Leitura
Para quando o corpo do e-mail sair em Tela, depois da aprovação do Modo Leitura [P 2]. Logotipo preto, texto Sala, apoio Ardósia, link Terracota Funda.
Mensagem de WhatsApp pré-preenchida
A mensagem diz de onde a pessoa veio, para quem atende saber o contexto sem perguntar. Escolha a página de origem; o card seguinte traz o link pronto para o botão.
Link do botão de WhatsApp
Vai no destino do botão da página escolhida no card anterior: abre a conversa já com a mensagem. Troque {{WHATSAPP_OFICIAL}} pelo número só com dígitos (55, DDD e número) quando o WhatsApp oficial de cada produto for confirmado [P 8].
[P 8] O telefone do NAP é o publicado pela escola. Confirmar com a The VOID o telefone principal, se ele é WhatsApp, o WhatsApp oficial de cada produto, a razão social e o CNPJ do rodapé legal.
FontesEspecificação Sala Escura v1, seções 12.5, 12.6, 13.1 e 13.2; site oficial e Google Maps, levantamento de presença pública de out/2026.