Wireframe de baixa fidelidade · tela Histórico · caixa, linha, rótulo e posição. Sem cor, sem tipografia final, sem dado real: XX, R$ X.XXX,XX e DD/MM são marcação. Estado desenhado: 02/09/2026 (quarta, calculado): turmas 1 e 2 encerradas, 3 no carrinho, 4 em aula, 5 vendendo, 6 a 8 futuras. Os números dos blocos batem com a listagem de hierarquia/HISTORICO.md §1; a legenda ao lado diz a pergunta que cada um responde. O arquivo começa no <title> e não traz <!doctype> de propósito: quem o veste é ferramentas/publica_prototipos.mjs, que põe <!doctype html><html lang="pt-BR"> e sobe o título e os dois metas para o <head>; um doctype aqui faria a ferramenta publicar o arquivo cru, com o título repetido dentro do corpo. De disco ele abre em modo de compatibilidade, e por isso a medição do §8 foi feita nos dois modos. Nenhum script no arquivo: o wireframe não calcula o estouro, só mostra o sinal, marcado (.sinal) nas cinco tabelas que estouram na largura de referência do documento (celular, 390). De bônus, o fundo do .rola carrega um sombreado em CSS puro (duas camadas por lado, presas uma ao conteúdo e outra ao conteiner por background-attachment) que É sensível ao estouro real, sem depender de faixa de largura de janela, mas que uma linha com fundo próprio pode tampar por cima. O critério que amarra o sinal a scrollWidth maior que clientWidth, nunca à largura da janela, e a tabela de aceite nas sete larguras, viram contrato escrito para a alta fidelidade em hierarquia/HISTORICO.md §8 e §9 item 8: quem calcula lá é o sinalizaRolagem da Geral, com script próprio.
Cabeçalho (três marcas, D9), menu de seis (o Score entrou em 02/09) e botão de tema herdam da Geral. Não são bloco desta tela e não se desenham aqui.
0Barra da telatítulo · interruptor · grupo de opções
Sem seletor de turma (a tela é todas) e sem filtro de período (a turma é o período). O interruptor nasce ligado e governa a tela inteira: ingressos, vendas do Method, receitas, ROAS e CPA mudam juntos; investimento não muda. O grupo de opções decide quantas turmas entram nos blocos 3 a 7; o bloco 1 mostra sempre todas e o melhor do bloco 2 é sempre sobre todas as fechadas. Hoje é inerte (8 turmas); existe porque o Debriefing já provou 51.
1A linha do tempouma célula por turma · componente novo (prima da fita) · sem número
É o eixo de tudo que vem abaixo, desenhado uma vez: a mesma ordem dos gráficos do bloco 4, não o mesmo conteúdo. Aqui são 8 células, as 8 turmas da dimensão; lá são 5 colunas por gráfico, porque a turma futura sai do eixo dos gráficos (§5). A ordem é que tem de bater, para o olho descer da faixa ao gráfico sem reaprender a sequência. O corpo da célula é o estado (cheia encerrada, hachurada em curso, vazia futura), o número dentro, e a palavra da fase na célula em curso. Três turmas vivas ao mesmo tempo é o normal do método (o carrinho da N é a semana de aulas da N+1 e a de venda da N+2), e é por isso que a linha vem antes de qualquer número: a turma 5 hachurada com venda diz que o 1 ingresso dela é semana pela metade. No computador cada célula tem a data da aula 1; no celular a data fica nas pontas e nas células em curso. Com 51 turmas comprime como o eixo do Debriefing. Fechada (com carimbo) ganharia uma marca; hoje nenhuma tem. Sem rolagem nos dois tamanhos.
2Da última turma para a próximatabela de 9 métricas em 3 grupos · pílula de direção · herda a tabela da Geral
| Métrica | Última | Anterior | Variação | Melhor | Melhor em |
|---|---|---|---|---|---|
| Venda · última fechada: Turma 4 (venda até DD/MM) · anterior: Turma 3 | |||||
| Investimento em venda | R$ X.XXX,XX | R$ X.XXX,XX | +XXX% | não se aplica | |
| Ingressos | XX | XX | +XX% | XX | Turma 1 |
| CPA do ingresso | R$ XXX,XX | R$ XX,XX | +XX% | R$ XX,XX | Turma 3 |
| ROAS da imersão | X,XX× | X,XX× | -XX% | X,XX× | Turma 3 |
| Aulas · última com as 7 aulas medidas: Turma 3 (aulas até DD/MM) · anterior: Turma 2 | |||||
| Aula 1 sobre os ingressos | XXX% | - | - | - | - |
| Aula 7 sobre a aula 5 | XXX% | - | - | - | - |
| Method · último carrinho fechado: Turma 2 (carrinho até DD/MM) · anterior: Turma 1 | |||||
| Fichas de interesse sobre os ingressos | - | - | - | - | - |
| Conversão para o Method sobre os ingressos | X% | XX% | -XX% | XX% | Turma 1 |
| ROAS total | X,XX× | X,XX× | -XX% | X,XX× | Turma 1 |
variação: última contra anterior, com o tom pela direção da métrica (maior é melhor; no CPA, menor é melhor) · investimento em venda não tem direção (é decisão, não resultado): sem melhor e sem melhor em, e as duas colunas viram uma célula só · melhor: entre todas as turmas com a janela da fase fechada, a turma em curso nunca entra · grupo Aulas: a visualização das turmas 1 e 2 não está em payload nenhum desta pasta, então anterior, variação e melhor ainda não são deriváveis pela medida declarada · fichas de interesse: não chegam ao D1 · ROAS sobre o investimento em venda; receita a preço de tabela, sem juros nem taxa da Hotmart (DX).
É a decisão, por isso vem logo depois da orientação: repetir ou parar é o par variação (o que mudou) e melhor em (de onde copiar), sem texto de conselho. Cada grupo diz qual é a última turma fechada para aquela fase, porque a resposta muda de fase para fase (em 02/09: venda na 4, aulas na 3, carrinho na 2). Sem média das turmas (com quatro turmas ela esconde a variação). Com uma turma fechada só, Anterior e Variação em traço com o motivo; sem nenhuma, o bloco é uma frase numa linha. Melhor em é coluna de texto, permitida da segunda coluna em diante; texto dentro da célula numérica continua proibido. Investimento em venda não tem direção (é decisão, não resultado): o valor está medido, o que não existe é o melhor, então Melhor e Melhor em viram uma célula só, atravessando as duas colunas, com a marca não se aplica, e o motivo vai uma vez para a legenda. Traço aqui não serve: nesta tela traço significa não medido com motivo, e uma marca com dois significados na mesma tabela é o defeito que o bloco 7 já recusou na coluna do preço. Peso: este é o único bloco com corpo de 13px e a coluna Última em negrito; os blocos 3 e 5 a 7 ficam nos 12px, porque aqui está a decisão e lá está o apoio.
3Turma a turmatabela turma na linha com total · a tabela da página dos experts · herda tabela e célula da Geral
| Turma | IngressosIngr. | Investimento em vendaInvest. | CPA do ingressoCPA | Receita da imersãoImersão | Vendas do MethodMethod | Receita do MethodR$ Method | Receita totalTotal | ROAS totalROAS |
|---|---|---|---|---|---|---|---|---|
| Turma 1DD/MM/AAAA | XX | R$ X.XXX,XX | R$ XX,XX | R$ X.XXX,XX | X | R$ XX.XXX,XX | R$ XX.XXX,XX | X,XX× |
| Turma 2DD/MM/AAAA | XX | R$ X.XXX,XX | R$ XX,XX | R$ X.XXX,XX | X | R$ X.XXX,XX | R$ X.XXX,XX | X,XX× |
| Turma 3DD/MM/AAAA | XX | R$ X.XXX,XX | R$ XX,XX | R$ X.XXX,XX | X | R$ X.XXX,XX | R$ XX.XXX,XX | XX,XX× |
| Turma 4DD/MM/AAAA | XX | R$ X.XXX,XX | R$ XXX,XX | R$ X.XXX,XX | - | - | - | - |
| Turma 5DD/MM/AAAA | X | R$ XXX,XX | R$ XXX,XX | R$ XX,XX | - | - | - | - |
| Total | XX | R$ X.XXX,XX | R$ XX,XX | R$ XX.XXX,XX | XX | R$ XX.XXX,XX | R$ XX.XXX,XX | X,XX× |
célula hachurada: janela aberta, número até DD/MM HH:MM · total até DD/MM HH:MM: inclui o carrinho aberto da turma 3 e a venda aberta da turma 5; CPA e ROAS recalculados sobre as somas, nunca média de razões · o carrinho abre DD/MM: o Method só existe depois que o carrinho abre · receita a preço de tabela, sem juros nem taxa da Hotmart (DX) · reembolso descontado (interruptor ligado).
A tabela que o dono mostrou aos experts, com o Method ao lado e as colunas na ordem da decisão (no celular as primeiras visíveis são as que decidem; a tabela rola dentro do bloco com o sinal herdado, a página não). A turma mais velha em cima: o tempo desce, como no Debriefing e no Excel do método. Turma futura não entra aqui: ela já está na linha do tempo, com a data em que a venda abre; onde uma futura aparecer, é uma frase, nunca traços. Linha de total é decisão travada. A legenda do total é derivada, não escrita: toda turma viva tem uma janela aberta e só uma (régua dos cinco estados), e entram na frase só as turmas cuja janela aberta alimenta alguma coluna deste bloco, que lê a janela de venda e a do carrinho e nunca a de aulas. Por isso a turma 4 fica fora: a janela aberta dela é a de aulas, e o carrinho dela abre DD/MM (o payload carimba a janela abre em 07/09 nas quatro colunas do Method dela). Sobram o carrinho da turma 3 e a venda da turma 5, na ordem da tabela. Na semana seguinte a mesma regra escreve a turma 4 no carrinho e a 6 vendendo, sem ninguém reabrir o arquivo (hierarquia/HISTORICO.md §2.3).
4A evolução, métrica a métrica8 gráficos de colunas, uma coluna por turma · graficoDeColunas da base, em HTML e CSS
Investimento em venda
Ingressos
CPA do ingresso
ROAS da imersão
Aula 1 sobre os ingressos
Aula 7 sobre a aula 5
Conversão para o Method sobre os ingressos
ROAS total
uma coluna por turma, o número escrito em cima · turma sem medição não tem coluna: - escrito, com o motivo na dica · coluna hachurada: janela aberta, parcial até DD/MM HH:MM · aula 1 sobre os ingressos: mínimo 30%, ideal 40% · aula 7 sobre a aula 5: mínimo 130%, ideal 150%; coluna no tom da faixa · aulas por visualização, medida única (RETENCAO-METODO §2) · a visualização das turmas 1 e 2 não está em payload nenhum desta pasta: sem coluna nos gráficos 5 e 6, com o motivo na dica; a alta fidelidade a lê da Estrela · turma 5 sem coluna nos gráficos 5 e 6: as aulas começam DD/MM (segunda, calculado) · turma 4 sem coluna no gráfico 6: a aula 7 é DD/MM, ainda não aconteceu · turmas 4 e 5 sem coluna nos gráficos 7 e 8: o carrinho abre DD/MM, o Method só existe depois que o carrinho abre · fichas de interesse: sem gráfico, a fonte está vazia no D1.
Os mesmos oito de cima, na mesma ordem: o bloco 2 diz melhorou ou piorou entre duas turmas, o gráfico diz de onde vinha. Coluna, não linha, e em HTML e CSS, sem biblioteca: é o veredito de 01/09/2026 à noite (BASE-VISUAL-010926.md, seção Gráfico), e a base já recusou a linha para este caso exato, com o motivo escrito: oito pontos não são tendência, são comparação, e a linha exigia eixo e dica para dizer o que a coluna já escreve. Turma é tempo continua valendo, e decide o eixo (turma no horizontal, pelo número, a data nas duas pontas), não a marca. Um gráfico por linha nos dois tamanhos, com a altura da base (.grafico-barras: 200 pontos no celular, 220 no computador, BASE-VISUAL-010926.md, seção Gráfico), e não uma altura desta tela: a entrega anterior desenhava 150 e 180, o que dava dois tamanhos para o mesmo graficoDeColunas; o número escrito em cada coluna, com o interruptor Rótulos de valor (rotulo-ponto e .graficos-sem-rotulos da base). Turma sem medição fica sem coluna, com o traço e o motivo na dica, nunca zero. A turma com a janela aberta é coluna hachurada, a mesma hachura da célula parcial e da linha do tempo, e entra na mesma escala: no gráfico 3 a coluna parcial da turma 5 (CPA de um ingresso só) é a mais alta e encurta as outras quatro, e o número escrito em cada coluna é o que preserva a leitura; a alternativa de esconder a turma em curso é a escolha 2 do §7. Nos gráficos 5 e 6 os dois filetes do método atravessam a área (fino o mínimo, mais grosso o ideal, D5) e a coluna leva o tom da faixa; a cor é da alta fidelidade. Os dois são desenhados pela visualização, a medida declarada, e por ela só as turmas 3 e 4 estão medidas nesta pasta: a escala do gráfico 5 tem teto em 200,0% (turma 3, 32 ÷ 16) e a turma 4 sai em 51 (116,7 ÷ 200 × 88, de 21 ÷ 18); a do gráfico 6 tem teto em 183,3% (turma 3, 22 ÷ 12). As turmas 1 e 2 ficam sem coluna com o motivo na dica, e não porque a aula não tenha acontecido: a visualização delas não está em payload nenhum desta pasta, e na tela elas terão coluna, com as views da Estrela (§9 do documento, tarefa 1 da DX). Nenhuma coluna medida hoje cai abaixo do mínimo nem entre o mínimo e o ideal, então os tons crítico e atenção da barra ficam declarados no CSS e nas amostras da legenda, sem exemplo dentro do dado: inventar uma coluna para mostrá-los é o que a régua deste ciclo proíbe. Turma futura fica fora do eixo.
5Aulas, turma a turmatabela de duas linhas por turma · pílula da faixa do método · medida única: visualização
| Turma | Aula 1 | Aula 2 | Aula 3 | Aula 4 | Aula 5 | Aula 6 | Aula 7 |
|---|---|---|---|---|---|---|---|
| Turma 1DD/MM | XX | XX | XX | XX | XX | XX | XX |
| sobre a base | - | - | - | - | - | - | - |
| Turma 2DD/MM | XX | XX | XX | XX | XX | XX | XX |
| sobre a base | - | - | - | - | - | - | - |
| Turma 3DD/MM | XX | XX | XX | XX | XX | XX | XX |
| sobre a base | XXX% | XX% | XXX% | XX% | XX% | XXX% | XXX% |
| Turma 4DD/MM | XX | - | - | - | - | - | - |
| sobre a base | XXX% | - | - | - | - | - | - |
| Turma 5DD/MM | as aulas começam DD/MM (segunda, calculado) | ||||||
aula 1 sobre os ingressos: mínimo 30%, ideal 40% · aula 2 sobre a aula 1: 70% e 80% · aulas 3 a 5 sobre a anterior: 85% e 90% · aula 6 (sábado) sobre a sexta: mínimo 70%, sem ideal em fonte nenhuma · aula 7 (domingo) sobre a sexta: 130% e 150% · pílula: abaixo do mínimo, entre o mínimo e o ideal, no ideal ou acima; retenção acima de 100% não leva marca · medida: visualização, uma só (RETENCAO-METODO §2) · turmas 1 e 2: a visualização delas não está em payload nenhum desta pasta, então a linha da faixa fica em traço, com o motivo na dica; a alta fidelidade a lê da Estrela · turma 4: aula 1 medida (visualização), aula 2 com captura anterior ao fim, aulas 3 a 7 ainda não aconteceram.
A tabela Aula a aula da página dos experts, com o par de linhas que é a proposta mais forte dela para o histórico: a medida em cima, a retenção em pílula embaixo. Duas correções: a base de cada aula é a do método (não da anterior em todas) e as faixas são o mínimo e o ideal de cada aula (não 80% e 50% fixos). Uma medida só: visualização, por ordem do dono (RETENCAO-METODO.md §2: em qualquer tela que não seja o Debriefing usa-se só a visualização). Não há grupo de opções de medida aqui: alcance único e pico ao vivo só aparecem juntos no Debriefing. Oito colunas não cabem em 390: a tabela mede 432 pontos contra um conteiner de 340 (§8), rola dentro do bloco e leva o mesmo sinal de rolagem dos blocos 2, 3, 6 e 7 (B1 da Geral). Armadilha medida: a rota do Debriefing grava 0 nas aulas da turma 4 que não aconteceram; a tela decide pelo calendário e pela hora da captura, nunca pelo valor. A régua que este ciclo fechou: o número é marcação, o tom é medição. XX e XXX% não afirmam nada, e por isso a linha da medida continua em marcação nas cinco turmas; o tom da pílula afirma em que faixa do método a turma caiu, e por isso ele só existe onde a visualização está medida nesta pasta: turma 3 nas sete aulas (32 ÷ 16 = 200,0% bom; 19 ÷ 32 = 59,4% crítico; 21 ÷ 19 = 110,5% bom; 13 ÷ 21 = 61,9% crítico; 12 ÷ 13 = 92,3% bom; 17 ÷ 12 = 141,7% bom, sábado sem ideal; 22 ÷ 12 = 183,3% bom) e turma 4 na aula 1 (21 ÷ 18 = 116,7% bom). As turmas 1 e 2 ficam em traço com o motivo: até este ciclo o tom delas vinha do gabarito por alcance único, que é a medida proibida fora do Debriefing, e trocar uma medida pela outra no mesmo desenho foi o defeito que voltou quatro vezes. Isso custa ao wireframe o exemplo do tom atenção, que agora só aparece nas amostras da legenda: exemplo inventado não paga o preço. Fonte da verdade: RETENCAO-METODO.md.
6Do ingresso ao Method, turma a turmatabela com barra na célula e total · funde duas tabelas da página dos experts
| Turma | IngressosIngr. | Matrícula da imersãoMatrícula | Interesse no MethodInteresse | Vendas do MethodMethod | Sobre os ingressosS/ ingr. | Sobre o interesseS/ inter. |
|---|---|---|---|---|---|---|
| Turma 1DD/MM/AAAA | XX | - | X | - | ||
| Turma 2DD/MM/AAAA | XX | - | X | - | ||
| Turma 3DD/MM/AAAA | XX | - | X | - | ||
| Turma 4DD/MM/AAAA | XX | - | - | - | - | |
| Turma 5DD/MM/AAAA | X | - | - | - | - | |
| Total | XX | - | XX | - |
alcance por pessoa, não por resposta, sobre os ingressos; nenhuma ficha vira custo · célula hachurada: janela aberta, número até DD/MM HH:MM · o carrinho abre DD/MM: o Method só existe depois que o carrinho abre · interesse no Method e conversão sobre o interesse: a ficha não chega ao D1 (o coletor 05b só grava no Supabase) · vendas do Method pela turma da pessoa, nunca pela data · total: percentuais recalculados sobre as somas.
A largura de cada barra é o percentual da própria célula, arredondado à unidade, e não um traço a olho: matrícula 20/27 = 74,07% → 74, 10/14 = 71,43% → 71, 10/16 = 62,50% → 63, 10/18 = 55,56% → 56, 1/1 = 100% → 100, total 51/76 = 67,11% → 67; Method sobre os ingressos 5/27 = 18,52% → 19, 1/14 = 7,14% → 7, 4/16 = 25,00% → 25, total 10/57 = 17,54% → 18. A entrega anterior desenhava o total da matrícula em 65 com a conta dando 67,1: era a única barra do arquivo que não vinha do payload. Alcance das pesquisas e Do aluno da imersão até o Method, da página dos experts, viraram uma tabela só: mesma linha (a turma), mesma base (os ingressos), metade da altura. A barra na célula fica (célula com barra da base); o XX de XX sai da célula e vai para a dica, porque número e texto juntos quebram a regra do dono de 01/09. Os dois percentuais do Method são o par que o dono pediu: nunca um só. Os caminhos de atribuição e o carrinho dia a dia ficam na Turma; a régua por faixa fica no Score.
7Oferta, turma a turmatabela de duas linhas por turma (vendas e % dos ingressos) · catálogo em ordem fixa herdado da Geral
| Turma | Preço do ingressoIngresso | Gravação por 12 mesesGrav. 12m | Gravação vitalíciaGrav. vit. | Sala VIP (legado)Sala VIP | Acesso Vitalício VIP (legado)VIP vit. |
|---|---|---|---|---|---|
| Turma 1DD/MM | R$ XX,XX | X | 0 | 0 | X |
| % dos ingressos | XX% | 0% | 0% | X% | |
| Turma 2DD/MM | R$ XX,XX | X | 0 | 0 | 0 |
| % dos ingressos | XX% | 0% | 0% | 0% | |
| Turma 3DD/MM | R$ XX,XX | X | X | 0 | 0 |
| % dos ingressos | X% | X% | 0% | 0% | |
| Turma 4DD/MM | R$ XX,XX | X | X | 0 | 0 |
| % dos ingressos | X% | XX% | 0% | 0% | |
| Turma 5DD/MM | R$ XX,XX | 0 | 0 | 0 | 0 |
| % dos ingressos | 0% | 0% | 0% | 0% |
0 é zero medido: vendas do bump na janela de venda da turma · célula hachurada: janela aberta, número até DD/MM HH:MM · a tela não separa "não ofertado" de "ofertado sem venda": o D1 não registra a oferta por turma (DX) · % dos ingressos: vendas do bump ÷ ingressos da turma · preço do ingresso: ingresso_valor do payload, o campo lido, nunca uma média (R$ 98,01 nas cinco turmas) · a célula do preço atravessa as duas linhas da turma: o preço é da turma, não da linha.
Complementos vendidos junto do ingresso, da página dos experts, transposta para turma na linha (a orientação de todas as tabelas daqui) e com o preço do ingresso ao lado: é a única parte de "o que mudou entre as turmas" que o dado de venda já registra. Quando o preço mudar, muda aqui primeiro. Turmas em que foi ofertado sai: o dono sabe de cabeça, o D1 não, e a tela não pode saber de cabeça (escolha 5 para o dono). Order bumps do Method ficam fora: zero vendas no período inteiro. A célula de Preço do ingresso atravessa as duas linhas da turma (rowspan) em vez de ficar vazia na segunda: célula em branco não diz se é não medido ou não se aplica, e aqui é não se aplica. Os dois complementos legados marcam 0 em turmas onde provavelmente nunca foram ofertados: é a escolha 7 para o dono. Último bloco porque é o que menos mexe em dinheiro e o que mais depende de DX.
8Rodapéuma linha · herda
N turmas · vendas até DD/MM · gasto completo até DD/MM · vídeo capturado DD/MM HH:MM · Estrela de DD/MM HH:MM · atualizado em DD/MM HH:MM
Último bloco, uma linha. Não há bloco de avisos no topo: a linha do tempo (hachura), a célula parcial e a legenda de cada bloco dizem tudo, cada um no seu lugar.