Pular para o conteúdo
The VOID Tattoo Academy

UI kit · Área de membros

Campo
Formação

The VOID · Manual de marca · Modelo de canal

Diário de bordo do estúdio

O kit da área de membros da The VOID Tattoo Academy: cada tela, cada componente e cada estado vazio, prontos para quem vai construir a plataforma. A formação acontece no estúdio; a área de membros organiza, registra e celebra o que acontece lá.

Decidido na especificação Proposta GrowAI Plataforma {{A_CONFIRMAR}}
Tatuador de boné THE VOID tatuando com luvas e máscara, concentrado no traço
Concentração sob a luminária. Foto: acervo The VOID
Sala da escola The VOID com janelas em arco e várias macas em uso durante a aula prática
Alunas praticando tatuagem em pele sintética sob luminárias numa mesa coletiva
Professor conversando com aluno sentado na sala ampla de janelas em arco da escola
Close de mãos com luvas segurando a máquina de tatuagem sobre a pele durante a sessão

A formação acontece no estúdio; a área de membros organiza, registra e celebra o que acontece lá.

Fotos: acervo The VOID

Em um minuto

  • Campo Sala por padrão; o aluno escolhe o Modo Leitura. A troca nunca segue o tema do aparelho.
  • O tema muda com um atributo, data-estacao, pela formação ativa. Ex-aluno sem formação ativa navega como VOIDERS.
  • Progresso contra si mesmo: o Anel só enche quando o professor ou a coordenação valida o marco. Assistir aula não enche nada.
  • Todo estado tem ícone e palavra; todo alvo de toque tem 44 por 44 px; todo vazio tem duas linhas e no máximo um botão.

Tela inicial

Hoje, um passo

A tela tira uma dúvida só: o que eu faço agora? Um próximo passo com um botão, a aula do dia, o último feedback com o nome do professor e o Anel pequeno à direita.

  • Um botão. Hoje tem um único próximo passo com o botão Letreiro Aceso; o resto é link.
  • Janela de Luz no topo, só no campo Sala (no Modo Leitura ela sai).
  • Marcador de Estação com o nome do produto ou do rito, nunca a palavra de código.
  • Tom de mentor que acompanha: "Oi, {nome}." e uma ideia por bloco.

Conta de demonstração · conteúdo ilustrativo · fotos: acervo The VOID

Campo Sala

The VOID Start

START · RITUAL DO TRAÇO

Oi, {nome}.

Agora, a prática com feedback

O Ritual do Traço foi validado. Envie a foto da sua prática em pele artificial; o professor devolve um ponto forte e um ajuste.

Enviar meu trabalho

Sua trilha

Andorinha tatuada em pele artificial redonda, com estêncil e máquina na bancada de treino

Aula de hoje

Linha e pressão em pele artificial

{duração}PráticaRua Jericó, 217

Em andamento

Último feedback

{nome_do_professor} olhou seu traço

Ponto forte: linha contínua, sem tremor no contorno.

Ver o feedback completo

Onde estou

Minha Trilha

O Mapa da Trilha com "você está aqui" e três barras, uma por pilar, no grafismo da formação. A barra só avança quando o professor valida a prática; o texto ao lado diz quantas já foram validadas.

  • Três barras, nunca um percentual único: Técnica e Experiência, Identidade e Autoralidade, Empreendedor e Financeiro.
  • Sempre com texto: "4 de 9 práticas validadas". A barra sozinha não informa.
  • Mapa vertical nativo até 430 px; nomes dos círculos na voz em off em caixa alta (exceção nomeada).
  • Módulo recolhível, com o objetivo numa frase e o termo técnico explicado na primeira vez.

Conta de demonstração · números fictícios · fotos: acervo The VOID

Campo Sala

Por pilar

Formação Start · turma {código_de_turma}

Módulo 01Fundamento do traço

No fim do módulo, você faz linha contínua e de espessura constante em pele artificial. Pele artificial: superfície sintética usada para treinar antes da pele de verdade.

Close de mãos com luvas segurando a máquina de tatuagem sobre a pele durante a sessão

Postura e apoio da mão

Prática

Validada pelo professor

Close do traço de tatuagem sendo puxado sobre o estêncil na perna, em luz quente e baixa

Linha e pressão

Prática

Em andamento

Módulo 02Biossegurança na prática

No fim do módulo, você monta e desmonta a bancada com o protocolo: luva nitrílica, filme plástico, material de uso único e descarte.

Spec 6.19

Anel de Preenchimento

O Mapa da Trilha pessoal. A formação concluída fica cheia, na cor da formação e com grão; os marcos da formação em curso são marcas no perímetro. No Start: Ritual do Traço, Primeira Pele e Formatura com Pele.

  • Regra de verdade: o ponto só enche com validado: true, registrado por professor ou coordenação. Qualquer outro valor fica tracejado.
  • Assentamento de 1.200 ms ao validar; parado com movimento reduzido e na impressão.
  • Não usa em anúncio, topo de funil, como percentual de vídeo assistido ou para comparar alunos.
  • Legenda em texto embaixo de cada anel: ícone, "Validado" ou "Pendente" e o nome do marco.

Quatro situações · dados de demonstração

Campo Sala

Formação nova

Este círculo começa a se preencher no seu primeiro marco.

Ver os marcos do Start

Start em curso

A Primeira Pele chegou como "sim" e com a aula assistida: o ponto não enche. Só true, gravado na validação, enche.

Start concluído, Master em curso

O Start fica cheio, com grão. O Master mostra só o círculo em curso: os marcos dele ainda não estão definidos.

VOIDERS

Ex-aluno sem formação ativa: os círculos concluídos ficam cheios e o próximo fica em contorno, sem cobrança.

VForms.render(el, "anel", {
  atual: "start",
  marcos: [
    { nome: "Ritual do Traço",    angulo: 200, validado: true  },  // enche
    { nome: "Primeira Pele",      angulo: 250, validado: "sim" },  // não enche
    { nome: "Formatura com Pele", angulo: 300, validado: false }   // tracejado
  ]
});

[P 17] Marcos do Master e do Pro e selos de formação concluída no perfil. Até a escola definir, o anel do Master e do Pro mostra só o círculo em curso.

Quatro estados

Cartão de Aula

Raio zero, Bastidor, Marcador de Estação, título, duração e tipo. O estado vem sempre com ícone e palavra; só o validado pelo professor ganha a cor de sucesso e o fio da formação.

Conta de demonstração · fotos: acervo The VOID

Campo Sala

Aluna de luvas tatuando retrato realista em pele sintética na bancada da escola

Start

Sombra e preenchimento

{duração}Teoria

Não iniciada

Close do traço de tatuagem sendo puxado sobre o estêncil na perna, em luz quente e baixa

Start

Linha e pressão

{duração}Prática

Em andamento

Bancada de tatuagem com máquinas pen, batoque de tinta preta e papel toalha sob luz quente

Start

Montagem da bancada

{duração}Demonstração

Concluída

Close de mãos com luvas segurando a máquina de tatuagem sobre a pele durante a sessão

Start

Postura e apoio da mão

{duração}Prática

Validada pelo professor

EstadoÍcone LucideCor no escuroCor no claro
Não iniciadacircle-dashedPóArdósia
Em andamentocircle-dotTelaSala
ConcluídacheckTelaSala
Validada pelo professorcircle-checkMusgo LuzMusgo

Portfólio pessoal

Meu Traço

Uma linha do tempo de fotogramas datados. O primeiro é o do Ritual do Traço. A comparação entre o primeiro traço e o trabalho atual é só para o aluno.

Conta de demonstração · fotos: acervo The VOID

Campo Sala

  1. Projeto de retrato desenhado no papel, com esboço, lápis e lâmina de pele sintética na mesa
    {dd/mm/aaaa}Ritual do Traço
  2. Pele artificial com andorinha tatuada vista de cima na bancada de treino da escola
    {dd/mm/aaaa}Prática em pele artificial
  3. Vaso com costela-de-adão tatuado nas costas, trabalho da aluna Karina na The VOID
    {dd/mm/aaaa}Primeira Pele
  4. Anjo guerreiro realista tatuado no ombro, trabalho do aluno Adriano na The VOID
    {dd/mm/aaaa}Trabalho autoral

O primeiro traço e o de hoje

Só você vê esta comparação

Projeto de retrato desenhado no papel, com esboço, lápis e lâmina de pele sintética na mesa
Anjo guerreiro realista tatuado no ombro, trabalho do aluno Adriano na The VOID

Professor e aluno

Prática com feedback

O aluno envia a foto e diz o que quer que olhem. O professor responde sempre em par: um ponto forte e um ajuste, com o fio da formação. Só o aluno vê, a não ser que ele escolha compartilhar.

Conta de demonstração · texto ilustrativo · fotos: acervo The VOID

Campo Sala

Andorinha tatuada em pele artificial redonda, com estêncil e máquina na bancada de treino

O que você quer que olhem: a curva do contorno, que eu sinto que engrossa no fim.

{nome_do_professor}Professor da formação · {dd/mm}

Ponto forte

Linha contínua, sem tremor no contorno. A pressão ficou igual do começo ao fim da reta.

Um ajuste

Na curva, mantenha a mesma velocidade da mão: quando ela desacelera, a linha engrossa. Repita a curva cinco vezes antes da próxima aula.

Ritos de passagem

Os marcos

Cartão grande em preto e branco, com Revelação no momento da validação: o nome do rito, a frase do rito na voz em off e a data. O marco futuro tem data real e contorno tracejado.

  • Só os quatro ritos que existem nas fontes: Ritual do Traço, Primeira Pele, Workshop do Estilo e Formatura com Pele.
  • Foto oficial do rito, pelo protocolo da seção 8.2, com consentimento do aluno e de quem foi tatuado.
  • Marco futuro mostra o rito de outra turma apagado a 42%, com o aviso "a sua foto chega no dia do rito"; nunca a foto de outra pessoa como se fosse do aluno.

Conta de demonstração · fotos: acervo The VOID

Tatuadora ruiva desenhando o projeto da tatuagem na mesa ao lado da janela da escola The VOID

Validado em {dd/mm/aaaa}

Ritual do Traço

Todo mundo começa com um traço.

Aqui, ele tem nome, coragem e história.

a sua foto chega no dia do rito

Pendente · {data_do_rito}

Primeira Pele

Você nunca esquece sua primeira pele.

Aqui, ela é celebrada.

a sua foto chega no dia do rito

Pendente · {data_do_rito}

Workshop do Estilo

Descubra sua identidade artística.

O primeiro trabalho autoral entra em Meu Traço.

a sua foto chega no dia do rito

Pendente · {data_do_rito}

Formatura com Pele

Você não sai apenas com um certificado.

Sai com um novo capítulo na pele.

[P 6] Ritos novos (Pergunta do Vazio, Primeiro Toque, Convite ao Traço, Passagem de Trilha, padrinho de turma) e o registro do mural do Ritual do Traço não entram na plataforma antes da aprovação.

Turma e ex-alunos

Comunidade VOIDERS

Publicações da turma e de ex-alunos. Quem pede olhar diz o que quer que olhem. Nenhuma contagem pública de curtidas; ex-aluno mentor leva a etiqueta "mentor".

Conta de demonstração · fotos: acervo The VOID

Campo Sala

Pedir um olhar

Pessoa de costas vestindo camiseta com o símbolo da The VOID no corredor da convenção

Aqui não existem estranhos.

{nome}Turma {código_de_turma}

Primeira sombra em pele artificial. Ainda pesada no meio.

Aluna de luvas tatuando retrato realista em pele sintética na bancada da escola

Quer que olhem: a transição do escuro para o claro.

{nome}Ex-aluno do Start

Mentor

Uma coisa que me ajudou: treinar a mesma curva antes de mudar de desenho.

Aluna de perfil mostrando tatuagem em preto e cinza no braço, fundo de folhagem

Semana

A agenda

Lista da semana, com um botão "Confirmar presença" por item e lembrete pelo WhatsApp na véspera. Data e horário em Numeral de Data, nunca em voz em off.

Semana de {dd/mm} · demonstração

Campo Sala

  • Terça{dd/mm}

    Aula prática

    {hh}h{mm}Rua Jericó, 217 · Vila Madalena

  • Sábado{dd/mm}

    Workshop do Estilo

    {hh}h{mm}Rua Jericó, 217 · Vila Madalena

  • Convite{dd/mm}

    The VOID Talks

    Presencial ou ao vivo, conforme o convite

Lembrete pelo WhatsApp na véspera de cada item confirmado.

Consulta

A biblioteca

Gravações dos The VOID Talks, materiais de apoio e glossário. Todo vídeo vem com capítulos e transcrição; todo termo técnico, com uma frase que explica.

Conta de demonstração · fotos: acervo The VOID

Campo Sala

The VOID Talks · gravação

Lucas Tengan palestrando no palco, com o telão perguntando quem é você como artista

{título_do_encontro}

  1. {mm:ss}Abertura
  2. {mm:ss}Perguntas da turma
Ler a transcrição

A transcrição completa e revisada da gravação fica aqui, em texto, para ler, buscar e copiar.

Materiais de apoio

Playbooks da formação

Cada material entra aqui só depois de confirmado pela escola, com o nome que ela der.

Atenção: lista a confirmar [P 7]

Glossário

Estêncil
O decalque do desenho passado para a pele, que guia o traço.
Pele artificial
Superfície sintética usada para treinar antes da pele de verdade.
Biossegurança
Os cuidados que protegem quem tatua e quem é tatuado: luva, filme plástico, material de uso único e descarte.

Suporte

Fala com a gente

Formulário curto por assunto, com o prazo de resposta e o nome de quem responde na própria tela. Nunca "abrir chamado".

Conta de demonstração

Campo Sala

Sobre o que você quer falar

Quem responde

Secretaria
{nome} · até {prazo}
Financeiro
{nome} · até {prazo}
Formação
{nome_do_professor} · até {prazo}

{{A_CONFIRMAR}} Nomes e prazos reais de resposta por assunto. A tela só promete o prazo que a equipe cumpre.

Dados e consentimentos

O perfil

Dados, certificados e consentimentos de imagem editáveis, um por finalidade. Os selos simples das formações concluídas são concedidos só na Formatura com Pele.

Conta de demonstração

Campo Sala

Seus dados

Nome
{nome}
E-mail
{email}
WhatsApp
{whatsapp}
Turma
{código_de_turma}

Selos e certificados

Uso da sua imagem

Uma autorização para cada uso. Você muda quando quiser.

[P 20] Termo de imagem por finalidade e cessão da arte do aluno, com validação de advogado.

Spec 12.4

O vazio é um chamado

O espaço em branco é o lugar onde algo vai acontecer, nunca culpa, falta ou atraso. Esfera de 96 a 160 px; duas linhas, a primeira nomeia o vazio e a segunda convida; no máximo um botão.

Os nove estados vazios · textos da spec

Campo Sala

A4 · Modo Leitura

Certificado de Passagem

Impresso em A4, numa folha: a trilha com a formação cheia, o trabalho final, o selo, as assinaturas, a frase de curso livre e o código de turma. Nunca número de aluno, que revelaria volume.

  • Sempre Modo Leitura, mesmo quando o aluno usa o campo Sala; logotipo preto oficial.
  • Selo completo a 40 mm (o mínimo do impresso) no canto superior direito.
  • Código de turma no formato START · OUT/26 · SEMANA, ainda em validação.
  • Imprimir: o botão no topo ou o atalho do navegador; sai só a folha, em A4, sem margem.

Prévia em escala · 210 por 297 mm

The VOID Tattoo Academy · São Paulo · Brazil

Certificado de Passagem

{Nome do aluno}

concluiu a formação The VOID Start na The VOID Tattoo Academy, escola de tatuagem na Vila Madalena, em São Paulo.

Sai com um novo capítulo na pele.

Trilha da The VOID: Start concluído.

Anjo guerreiro realista tatuado no ombro, trabalho do aluno Adriano na The VOID

Trabalho final. Foto: acervo The VOID

Formatura com Pele{dd/mm/aaaa}

TurmaSTART · OUT/26 · SEMANA

{nome_do_professor}Professor da formação

{nome_da_coordenação}Coordenação

Tattoo Academy® 2025São PauloBrazilPreencha o vazio

[P 17] [P 20] [P 13] Formato do código de turma; frase de curso livre com validação de advogado; nomes de quem assina.

Para quem constrói

Regras do kit

O que a plataforma precisa cumprir, em qualquer tecnologia. Cada linha sai da especificação do sistema.

TemaRegraSpec
CampoSala por padrão, Modo Leitura por escolha do aluno, guardada no perfil. Nunca segue o tema do aparelho; o body sempre declara o fundo.3.6
Temadata-estacao da formação ativa (start, master, pro); ex-aluno sem formação ativa em voiders. A palavra de código nunca aparece na tela.3.5
EstadosÍcone Lucide e palavra em todo estado: Validado, Atenção, Não deu certo, Para saber. Cor sozinha não informa.3.1, L3
Toque e focoAlvo de 44 por 44 px no mínimo; contorno de foco de 2 px Areia (Sala no claro), afastado 3 px.7.3, L3
FormaSó retângulo de raio zero e círculo. Sem sombra; elevação por tom (Sala, Bastidor, Coxia).L7
ProgressoContra si mesmo. Nada de placar entre alunos, prêmio por acesso, troca de recompensa virtual, prazo regressivo para concluir, nota ou frequência visível a outros.12.4
ImagemTrabalho do aluno só aparece para outros com consentimento dele. Divulgação só com conta de demonstração.8.1, 12.4
MovimentoRevelação de 900 ms no marco validado e assentamento de 1.200 ms no Anel; com movimento reduzido, aparece direto.6.17, 7.4
Espera e erroEsfera parada com a frase do que acontece, depois de 1 s de espera; sem spinner e sem pulso. Erro com "Não deu certo", o que fazer e um botão "Tentar de novo".3.1, 6.2, 7.4
AvisosUma ideia em até 90 caracteres, "Novo" escrito em palavra, nunca culpa nem urgência. E-mail da conta assinado por pessoa real.3.1, 12.4, 12.5
PausaEstado de informação com o nome de quem resolve; sem valor nem atraso na tela; nunca no canal do feedback, da trilha ou da turma.3.1, 12.4
VozMentor que acompanha. Voz em off só na palavra que sente, nunca em botão, data, número ou instrução. Sem emoji na plataforma.4.6, 9.3

Parte 2

Fluxos e estados do sistema

As telas entre os componentes: a aula aberta, o envio do trabalho, a entrada, o que aparece quando algo demora ou falha, os avisos, a pausa do acesso e a passagem para os VOIDERS. Os textos são modelo; a plataforma continua {{A_CONFIRMAR}}.

Aula aberta

A aula

A tela que abre quando o aluno toca num Cartão de Aula. Diz numa frase o que ele vai conseguir fazer, mostra o vídeo de apoio quando a aula tem um, com capítulos, legenda e transcrição, e termina num único próximo passo: enviar o trabalho para o professor.

  • A aula acontece no estúdio. O vídeo apoia a prática e não a substitui: assistir não muda o estado para Validada.
  • Player 16:9 com capa no sistema, sem reprodução automática, legenda em português ligada, velocidade e capítulos nomeados, como a Sala de Projeção (LP20).
  • Transcrição recolhível presente no HTML, para ler, buscar e copiar.
  • Um botão cheio: "Enviar meu trabalho". "Marcar como feita" é vazado e leva a Concluída, nunca a Validada.

Conta de demonstração · conteúdo ilustrativo · fotos: acervo The VOID

Campo Sala

StartTécnica e Experiência

Linha e pressão

{duração}PráticaRua Jericó, 217

Em andamento

Na curva, a mão mantém a mesma velocidade da reta.

00:00 / {duração}

Capítulos

Ler a transcrição

{mm:ss}Antes da primeira linha, apoie a lateral da mão na bancada. É esse apoio que deixa o traço firme.

{mm:ss}Na reta, a pressão fica igual do começo ao fim. Na curva, a mão mantém a mesma velocidade: quando ela desacelera, a linha engrossa.

Trecho ilustrativo. Na plataforma, a transcrição completa e revisada fica aqui, com o mesmo texto da legenda.

O que você vai conseguir

No fim da aula, você faz uma linha contínua, de espessura constante, em pele artificial.

Material de apoio

Atenção: lista a confirmar [P 7]

Depois da aula

Treine a curva e envie a foto da prática. O professor devolve um ponto forte e um ajuste.

Enviar meu trabalho

{{A_CONFIRMAR}} Quais aulas têm vídeo de apoio, onde ele fica hospedado e se a legenda é revisada. Aula sem vídeo usa a mesma tela sem o player: objetivo, material e o envio.

M7 · Prática

Enviar trabalho

O caminho do aluno até a Prática com Feedback: uma foto, o que ele quer que olhem e a confirmação de quem vai olhar e até quando. É o botão da etapa M7, "Enviar meu trabalho para feedback".

  • Uma foto por envio, pela câmera ou da galeria, com prévia antes de enviar.
  • "O que você quer que olhem" é obrigatório, como na comunidade. Uma linha basta.
  • Descrição da imagem opcional, que vira o texto alternativo: técnica e estilo, não só "tatuagem".
  • Enviando, sem spinner: o rótulo muda para "Enviando sua foto..." e a confirmação diz quem olha e até quando.

Conta de demonstração · teste com uma foto sua, nada sai desta página

Campo Sala

Foto do trabalho
Vira o texto alternativo da foto, para quem usa leitor de tela.

Só você e o professor veem. Compartilhar com a turma é escolha sua, depois.

Como funciona

  1. Você envia a foto e diz o que quer que olhem.
  2. {nome_do_professor} olha e devolve um ponto forte e um ajuste.
  3. O feedback chega em Prática com Feedback e nos avisos do portal.
  4. Quando o professor valida a prática, a barra do pilar avança.

{{A_CONFIRMAR}} Tamanho máximo da foto, formatos aceitos e prazo de resposta do professor. A tela só promete o prazo que a equipe cumpre.

M5 e M6 · Entrada

Entrar e primeiro acesso

A porta do portal. Quem já tem conta entra com e-mail e senha. Quem acabou de se matricular chega pelo link do e-mail de boas-vindas (M5) e encontra uma tela de primeiro acesso que responde à crença da M6, "minhas mãos não vão obedecer", com um passo de cada vez.

  • Erro que não expõe a conta: "e-mail ou senha não conferem", nunca qual dos dois.
  • Mostrar a senha com botão de 44 px e a palavra, não só o ícone.
  • Primeiro acesso em três passos: o primeiro dia, o Ritual do Traço e a escolha entre Sala e Modo Leitura, guardada no perfil.
  • Sem tagline no portal: "A arte que preenche. A carreira que liberta." fica no e-mail de boas-vindas (M5) e na Formatura.

Duas telas · conta de demonstração

Campo Sala

Entrar

Entrar no portal

Primeiro acesso · M6

START · PRIMEIRO DIA

Oi, {nome}.

Está feito. Agora, o primeiro passo.

A gente cuida desse passo junto com você. Três coisas antes do primeiro dia:

  1. Seu primeiro dia{data_turma}, às {horario}, na Rua Jericó, 217 · Vila Madalena.
  2. O Ritual do TraçoAcontece nesse dia e é o seu primeiro marco. O que levar chega no Cartão do Primeiro Dia, pelo WhatsApp.
  3. Como você prefere lerSala, o escuro do estúdio, ou Modo Leitura, claro. Dá para trocar no perfil quando quiser.
Confirmar presença no primeiro dia

{{A_CONFIRMAR}} Plataforma e forma de entrada (senha, link por e-mail ou código pelo WhatsApp). Se a entrada for sem senha, o campo de senha dá lugar ao botão "Receber o link de entrada", no mesmo tom. Depois do Ritual do Traço, Hoje passa a pedir "Registrar meu primeiro traço".

Quando algo demora ou falha

Carregando, erro e sem conexão

O sistema também fala com a voz da casa. A Esfera, que já é a forma do vazio e do carregamento (spec 6.2), aparece no lugar do spinner; a frase diz o que está acontecendo e, no erro, o que fazer. Nunca culpa o aluno.

  • Sem spinner e sem pulso. A Esfera abre por opacidade em 1.200 ms e fica parada; com movimento reduzido, aparece direto.
  • Espera curta não mostra nada. A Esfera entra só se a página levar mais de 1 segundo, para a tela não piscar.
  • Erro com ícone e palavra: "Não deu certo", o que fazer e um único botão, "Tentar de novo". Erro nunca vira urgência.
  • Leitor de tela: role="status" no carregamento; role="alert" só no erro que pede ação, com o foco no botão.

Quatro estados · textos modelo

Campo Sala

Carregando

Abrindo sua trilha...

Não deu certo

Não deu certo

Sua trilha não abriu agora.

O problema é do nosso lado, não seu. Tente de novo em instantes.

Sem conexão

Atenção: sem conexão

Você está sem internet agora.

O que já estava aberto continua aqui. Quando a conexão voltar, toque em tentar de novo.

Página não encontrada

Esta página não existe mais.

O endereço pode ter mudado. Sua trilha continua no mesmo lugar.

Voltar para Hoje

Botão em espera

O rótulo diz o que está acontecendo ("Enviando sua foto..."), a seta sai e o botão não fica desabilitado nem pisca.

<!-- carregando: aparece só depois de 1 s -->
<div class="m-vazio" role="status" aria-live="polite">
  <div class="m-esfera m-abre" data-vforms="esfera"></div>
  <p class="m-vazio-1">Abrindo sua trilha...</p>
</div>

<!-- erro que pede ação: role="alert" e foco no botão -->
<div class="m-vazio" role="alert"> ... <button class="botao">Tentar de novo</button> </div>

<!-- botão em espera: sem spinner, sem disabled -->
<button class="botao" aria-busy="true"><span>Enviando sua foto...</span></button>

No portal e por e-mail

Os avisos

Aviso é uma frase com um motivo para abrir. No portal, a lista do sino e o aviso que aparece na tela; por e-mail, as mensagens da conta, como criar uma senha nova. O WhatsApp segue a régua de comunicação M1 a M8.

  • Uma ideia por aviso, em até 90 caracteres, com o fato no começo e o nome de quem fez quando houver uma pessoa.
  • Nunca culpa: nada de "você está atrasado", "você não fez" ou "última chance". Sem aviso, vale o estado vazio: "Silêncio por aqui."
  • "Novo" é palavra, não bolinha vermelha nem número em Ferrugem: erro nunca é urgência.
  • Financeiro fora da lista da formação: pendência de matrícula não entra no sino nem em Hoje (ver 21).

Conta de demonstração · textos modelo

Campo Sala

No portal

Aviso na tela

ValidadoPrimeira Pele registrada por {nome_do_professor}.

Fica na tela até a pessoa fechar ou abrir o que ele aponta; não some sozinho.

E-mail da conta

Corpo em Sala com texto Cal até a aprovação do Modo Leitura no e-mail [P 2]. O padrão completo, com cabeçalho em PNG e botão em tabela, está no modelo de e-mail.

{{A_CONFIRMAR}} Quem assina os e-mails da conta (nome e cargo reais) e a validade do link. A assinatura nunca é "Equipe The VOID" sozinha.

Matrícula com pendência

Acesso em pausa

Quando a matrícula tem uma pendência, o portal não cobra: avisa de forma neutra e dá o nome de uma pessoa para resolver. A conversa sobre dinheiro acontece com o financeiro, nunca no lugar do feedback, da trilha ou da turma.

  • Estado de informação, com o ícone info e "Para saber". Nunca Ferrugem, nunca "bloqueado", "suspenso" ou "inadimplente".
  • Um contato com nome e prazo de resposta, no mesmo padrão de "Fala com a gente".
  • Sem valor, sem dias de atraso, sem contagem regressiva na tela; esses dados ficam na conversa com o financeiro.
  • Separado do pedagógico: o professor não envia, a turma não vê e o feedback não carrega o aviso.

Conta de demonstração · texto modelo

Campo Sala

Para saber

Seu acesso está em pausa

Tem um ponto da sua matrícula para acertar com o financeiro. Quem cuida disso é {nome}, que responde até {prazo}.

Falar com o financeiro

O que aparece

  • Esta tela, com o nome de quem resolve e o prazo.
  • O caminho para Fala com a gente, com o assunto Financeiro já marcado.
  • O campo que o aluno escolheu, Sala ou Modo Leitura.

O que nunca aparece

  • Valor, número de parcelas ou dias de atraso.
  • Aviso de pendência em Hoje, no feedback, na comunidade ou no sino.
  • Cor de erro, contagem regressiva ou ameaça de perder o que já foi feito.
  • Mensagem do professor sobre o assunto.

{{A_CONFIRMAR}} [P 20] O que fica aberto durante a pausa, o que fica guardado e quando o acesso volta seguem a política de cancelamento, que depende de validação de advogado. Frases como "o portal volta como estava" só entram depois que a plataforma garantir isso.

M7 para M8

Da formação aos VOIDERS

Quando a Formatura com Pele é validada, a formação fecha e o aluno passa a navegar como VOIDERS: o tema troca para voiders, o Anel mostra a formação cheia e o selo simples entra no perfil. A passagem celebra; o convite para o próximo passo vem depois, em mensagem própria.

  • Um gatilho só: Formatura com Pele com validado: true. Antes disso, o tema não muda.
  • Uma tela de passagem, uma vez: a frase do rito, o Anel cheio e um botão, "Baixar meu certificado".
  • Sem oferta na passagem: o próximo passo aparece depois, em Hoje e na régua M8, nunca junto com o convite para indicar.
  • Com movimento reduzido e na impressão, o Anel e a Revelação aparecem no estado final.

Conta de demonstração · fotos: acervo The VOID

  1. Formatura com Pele validadaO professor ou a coordenação registra o marco; o cartão faz a Revelação em Marcos.
  2. Certificado e seloO Certificado de Passagem fica pronto para baixar e o selo simples da formação entra no perfil [P 17].
  3. A casa vira VOIDERSO tema troca para voiders e Hoje passa a mostrar o próximo círculo, sem cobrança.
Turma de formatura reunida sob a faixa Parabéns Voiders no terraço da escola à noite

VOIDERS · Formatura com Pele

{nome}, sua Formatura com Pele foi validada.

Agora, você é VOIDER

Você não sai apenas com um certificado.

Sai com um novo capítulo na pele. E aqui não existem estranhos, apenas família que ainda não se conheceu.

{{A_CONFIRMAR}} [P 17] Selo de formação concluída no perfil e o que o ex-aluno mantém de acesso (Comunidade VOIDERS, gravações dos The VOID Talks, Biblioteca). A tela não promete acesso que a escola não confirmou.