HTML pronto pro editor de conteúdo — as 3 aulas de estilo
Gerado 18/07/2026. Cola no editor de conteúdo da aula (o de baixo, sem limite).
Qual das duas versões usar
Comece pela A (tabela). Ela força o 4 em cima / 3 embaixo em qualquer editor, porque tabela é a única estrutura de layout que praticamente todo CMS preserva. No celular as colunas apertam, mas cada imagem leva a legenda do dia embaixo, então dá pra saber qual é qual mesmo pequena.
A B (imagens em linha) só se a tabela for estropiada pelo editor. Ela flui e quebra sozinha — 4 por linha no computador, 2 no celular — o que é mais confortável de ler. O risco é o editor envolver cada imagem no próprio bloco, e aí elas empilham uma embaixo da outra.
Teste com uma aula antes de fazer as três: cole, salve, e abra no celular.
Nas duas, o toque-e-segure funciona igual, porque cada tela continua sendo um <img> próprio.
O que a pessoa salva é o arquivo original em 1080×2340; a miniatura é só exibição.
⚠️ Antes de colar: a URL
Trocar SEU-DOMINIO pelo endereço real antes de colar — depois significa reeditar as três
aulas. Se as imagens forem pelo upload da própria Kiwify, o src sai de lá e o resto do texto
fica igual.
Aula 2.2 — Estilo Papel (claro)
Versão A · tabela 4+3 (recomendada)
<p>Papel japonês claro, tinta escura. É o mais discreto dos três: funciona bem se você usa o celular muito no claro, e não chama atenção quando alguém olha a sua tela por cima do ombro.<br></p>
<p>São sete telas, uma por dia do desafio, na ordem do método: <strong>間 ma, 我慢 gaman, 木漏れ日 komorebi, 一期一会 ichigo ichie, 勿体ない mottainai, 数息観 susokukan, 気づき kizuki.</strong><br></p>
<p><strong>No celular: toque e segure na tela que você quer, aqui embaixo, até o menu aparecer. Escolha "Adicionar a Fotos".</strong> Ela cai direto na sua galeria, em resolução cheia — as miniaturas abaixo estão reduzidas só pra caber na tela.</p>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="25%" align="center" style="padding:6px"><img src="https://SEU-DOMINIO/kit/papel/01-ma.png" alt="dia 1 · ma" width="100%" style="max-width:170px;border-radius:8px"><br><span style="font-size:12px;opacity:.7">dia 1 · ma</span></td><td width="25%" align="center" style="padding:6px"><img src="https://SEU-DOMINIO/kit/papel/02-gaman.png" alt="dia 2 · gaman" width="100%" style="max-width:170px;border-radius:8px"><br><span style="font-size:12px;opacity:.7">dia 2 · gaman</span></td><td width="25%" align="center" style="padding:6px"><img src="https://SEU-DOMINIO/kit/papel/03-komorebi.png" alt="dia 3 · komorebi" width="100%" style="max-width:170px;border-radius:8px"><br><span style="font-size:12px;opacity:.7">dia 3 · komorebi</span></td><td width="25%" align="center" style="padding:6px"><img src="https://SEU-DOMINIO/kit/papel/04-ichigo-ichie.png" alt="dia 4 · ichigo ichie" width="100%" style="max-width:170px;border-radius:8px"><br><span style="font-size:12px;opacity:.7">dia 4 · ichigo ichie</span></td></tr><tr><td width="25%" align="center" style="padding:6px"><img src="https://SEU-DOMINIO/kit/papel/05-mottainai.png" alt="dia 5 · mottainai" width="100%" style="max-width:170px;border-radius:8px"><br><span style="font-size:12px;opacity:.7">dia 5 · mottainai</span></td><td width="25%" align="center" style="padding:6px"><img src="https://SEU-DOMINIO/kit/papel/06-susokukan.png" alt="dia 6 · susokukan" width="100%" style="max-width:170px;border-radius:8px"><br><span style="font-size:12px;opacity:.7">dia 6 · susokukan</span></td><td width="25%" align="center" style="padding:6px"><img src="https://SEU-DOMINIO/kit/papel/07-kizuki.png" alt="dia 7 · kizuki" width="100%" style="max-width:170px;border-radius:8px"><br><span style="font-size:12px;opacity:.7">dia 7 · kizuki</span></td><td width="25%"></td></tr></table>
<p>Com a imagem na galeria: abra Fotos, toque em compartilhar e escolha "Imagem de Fundo". O vídeo da primeira aula deste módulo mostra o caminho inteiro.<br></p>
<p>Pra quem está no computador, <a href="https://SEU-DOMINIO/kit/papel/washi-todos.zip">baixe as sete de uma vez neste zip</a>.<br></p>
<p>Você não precisa dos 21. Escolha o estilo que combina com você e leve só os sete dele.</p>
Versão B · imagens em linha (se a tabela não sobreviver)
<p>Papel japonês claro, tinta escura. É o mais discreto dos três: funciona bem se você usa o celular muito no claro, e não chama atenção quando alguém olha a sua tela por cima do ombro.<br></p>
<p>São sete telas, uma por dia do desafio, na ordem do método: <strong>間 ma, 我慢 gaman, 木漏れ日 komorebi, 一期一会 ichigo ichie, 勿体ない mottainai, 数息観 susokukan, 気づき kizuki.</strong><br></p>
<p><strong>No celular: toque e segure na tela que você quer, aqui embaixo, até o menu aparecer. Escolha "Adicionar a Fotos".</strong> Ela cai direto na sua galeria, em resolução cheia — as miniaturas abaixo estão reduzidas só pra caber na tela.</p>
<p>
<img src="https://SEU-DOMINIO/kit/papel/01-ma.png" alt="dia 1 · ma" width="150" style="width:150px;margin:0 10px 10px 0;border-radius:8px;vertical-align:top">
<img src="https://SEU-DOMINIO/kit/papel/02-gaman.png" alt="dia 2 · gaman" width="150" style="width:150px;margin:0 10px 10px 0;border-radius:8px;vertical-align:top">
<img src="https://SEU-DOMINIO/kit/papel/03-komorebi.png" alt="dia 3 · komorebi" width="150" style="width:150px;margin:0 10px 10px 0;border-radius:8px;vertical-align:top">
<img src="https://SEU-DOMINIO/kit/papel/04-ichigo-ichie.png" alt="dia 4 · ichigo ichie" width="150" style="width:150px;margin:0 10px 10px 0;border-radius:8px;vertical-align:top">
<img src="https://SEU-DOMINIO/kit/papel/05-mottainai.png" alt="dia 5 · mottainai" width="150" style="width:150px;margin:0 10px 10px 0;border-radius:8px;vertical-align:top">
<img src="https://SEU-DOMINIO/kit/papel/06-susokukan.png" alt="dia 6 · susokukan" width="150" style="width:150px;margin:0 10px 10px 0;border-radius:8px;vertical-align:top">
<img src="https://SEU-DOMINIO/kit/papel/07-kizuki.png" alt="dia 7 · kizuki" width="150" style="width:150px;margin:0 10px 10px 0;border-radius:8px;vertical-align:top">
</p>
<p>Com a imagem na galeria: abra Fotos, toque em compartilhar e escolha "Imagem de Fundo". O vídeo da primeira aula deste módulo mostra o caminho inteiro.<br></p>
<p>Pra quem está no computador, <a href="https://SEU-DOMINIO/kit/papel/washi-todos.zip">baixe as sete de uma vez neste zip</a>.<br></p>
<p>Você não precisa dos 21. Escolha o estilo que combina com você e leve só os sete dele.</p>
Aula 2.3 — Estilo Tinta (escuro)
Versão A · tabela 4+3 (recomendada)
<p>Fundo escuro, tinta clara. É o de maior contraste dos três, e o que gasta menos bateria se o seu aparelho tem tela OLED. Se você mexe muito no celular à noite, este é o seu: a tela não estoura na sua cara no escuro.<br></p>
<p>São sete telas, uma por dia do desafio, na ordem do método: <strong>間 ma, 我慢 gaman, 木漏れ日 komorebi, 一期一会 ichigo ichie, 勿体ない mottainai, 数息観 susokukan, 気づき kizuki.</strong><br></p>
<p><strong>No celular: toque e segure na tela que você quer, aqui embaixo, até o menu aparecer. Escolha "Adicionar a Fotos".</strong> Ela cai direto na sua galeria, em resolução cheia — as miniaturas abaixo estão reduzidas só pra caber na tela.</p>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="25%" align="center" style="padding:6px"><img src="https://SEU-DOMINIO/kit/tinta/01-ma.png" alt="dia 1 · ma" width="100%" style="max-width:170px;border-radius:8px"><br><span style="font-size:12px;opacity:.7">dia 1 · ma</span></td><td width="25%" align="center" style="padding:6px"><img src="https://SEU-DOMINIO/kit/tinta/02-gaman.png" alt="dia 2 · gaman" width="100%" style="max-width:170px;border-radius:8px"><br><span style="font-size:12px;opacity:.7">dia 2 · gaman</span></td><td width="25%" align="center" style="padding:6px"><img src="https://SEU-DOMINIO/kit/tinta/03-komorebi.png" alt="dia 3 · komorebi" width="100%" style="max-width:170px;border-radius:8px"><br><span style="font-size:12px;opacity:.7">dia 3 · komorebi</span></td><td width="25%" align="center" style="padding:6px"><img src="https://SEU-DOMINIO/kit/tinta/04-ichigo-ichie.png" alt="dia 4 · ichigo ichie" width="100%" style="max-width:170px;border-radius:8px"><br><span style="font-size:12px;opacity:.7">dia 4 · ichigo ichie</span></td></tr><tr><td width="25%" align="center" style="padding:6px"><img src="https://SEU-DOMINIO/kit/tinta/05-mottainai.png" alt="dia 5 · mottainai" width="100%" style="max-width:170px;border-radius:8px"><br><span style="font-size:12px;opacity:.7">dia 5 · mottainai</span></td><td width="25%" align="center" style="padding:6px"><img src="https://SEU-DOMINIO/kit/tinta/06-susokukan.png" alt="dia 6 · susokukan" width="100%" style="max-width:170px;border-radius:8px"><br><span style="font-size:12px;opacity:.7">dia 6 · susokukan</span></td><td width="25%" align="center" style="padding:6px"><img src="https://SEU-DOMINIO/kit/tinta/07-kizuki.png" alt="dia 7 · kizuki" width="100%" style="max-width:170px;border-radius:8px"><br><span style="font-size:12px;opacity:.7">dia 7 · kizuki</span></td><td width="25%"></td></tr></table>
<p>Com a imagem na galeria: abra Fotos, toque em compartilhar e escolha "Imagem de Fundo". O vídeo da primeira aula deste módulo mostra o caminho inteiro.<br></p>
<p>Pra quem está no computador, <a href="https://SEU-DOMINIO/kit/tinta/sumi-todos.zip">baixe as sete de uma vez neste zip</a>.<br></p>
<p>Você não precisa dos 21. Escolha o estilo que combina com você e leve só os sete dele.</p>
Versão B · imagens em linha (se a tabela não sobreviver)
<p>Fundo escuro, tinta clara. É o de maior contraste dos três, e o que gasta menos bateria se o seu aparelho tem tela OLED. Se você mexe muito no celular à noite, este é o seu: a tela não estoura na sua cara no escuro.<br></p>
<p>São sete telas, uma por dia do desafio, na ordem do método: <strong>間 ma, 我慢 gaman, 木漏れ日 komorebi, 一期一会 ichigo ichie, 勿体ない mottainai, 数息観 susokukan, 気づき kizuki.</strong><br></p>
<p><strong>No celular: toque e segure na tela que você quer, aqui embaixo, até o menu aparecer. Escolha "Adicionar a Fotos".</strong> Ela cai direto na sua galeria, em resolução cheia — as miniaturas abaixo estão reduzidas só pra caber na tela.</p>
<p>
<img src="https://SEU-DOMINIO/kit/tinta/01-ma.png" alt="dia 1 · ma" width="150" style="width:150px;margin:0 10px 10px 0;border-radius:8px;vertical-align:top">
<img src="https://SEU-DOMINIO/kit/tinta/02-gaman.png" alt="dia 2 · gaman" width="150" style="width:150px;margin:0 10px 10px 0;border-radius:8px;vertical-align:top">
<img src="https://SEU-DOMINIO/kit/tinta/03-komorebi.png" alt="dia 3 · komorebi" width="150" style="width:150px;margin:0 10px 10px 0;border-radius:8px;vertical-align:top">
<img src="https://SEU-DOMINIO/kit/tinta/04-ichigo-ichie.png" alt="dia 4 · ichigo ichie" width="150" style="width:150px;margin:0 10px 10px 0;border-radius:8px;vertical-align:top">
<img src="https://SEU-DOMINIO/kit/tinta/05-mottainai.png" alt="dia 5 · mottainai" width="150" style="width:150px;margin:0 10px 10px 0;border-radius:8px;vertical-align:top">
<img src="https://SEU-DOMINIO/kit/tinta/06-susokukan.png" alt="dia 6 · susokukan" width="150" style="width:150px;margin:0 10px 10px 0;border-radius:8px;vertical-align:top">
<img src="https://SEU-DOMINIO/kit/tinta/07-kizuki.png" alt="dia 7 · kizuki" width="150" style="width:150px;margin:0 10px 10px 0;border-radius:8px;vertical-align:top">
</p>
<p>Com a imagem na galeria: abra Fotos, toque em compartilhar e escolha "Imagem de Fundo". O vídeo da primeira aula deste módulo mostra o caminho inteiro.<br></p>
<p>Pra quem está no computador, <a href="https://SEU-DOMINIO/kit/tinta/sumi-todos.zip">baixe as sete de uma vez neste zip</a>.<br></p>
<p>Você não precisa dos 21. Escolha o estilo que combina com você e leve só os sete dele.</p>
Aula 2.4 — Estilo Índigo
Versão A · tabela 4+3 (recomendada)
<p>O azul do ai, o índigo dos tecidos japoneses tingidos à mão. É o mais bonito dos três, e o que menos parece um lembrete: passa por papel de parede de verdade, e a palavra do dia aparece sem parecer aviso de tarefa.<br></p>
<p>São sete telas, uma por dia do desafio, na ordem do método: <strong>間 ma, 我慢 gaman, 木漏れ日 komorebi, 一期一会 ichigo ichie, 勿体ない mottainai, 数息観 susokukan, 気づき kizuki.</strong><br></p>
<p><strong>No celular: toque e segure na tela que você quer, aqui embaixo, até o menu aparecer. Escolha "Adicionar a Fotos".</strong> Ela cai direto na sua galeria, em resolução cheia — as miniaturas abaixo estão reduzidas só pra caber na tela.</p>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="25%" align="center" style="padding:6px"><img src="https://SEU-DOMINIO/kit/indigo/01-ma.png" alt="dia 1 · ma" width="100%" style="max-width:170px;border-radius:8px"><br><span style="font-size:12px;opacity:.7">dia 1 · ma</span></td><td width="25%" align="center" style="padding:6px"><img src="https://SEU-DOMINIO/kit/indigo/02-gaman.png" alt="dia 2 · gaman" width="100%" style="max-width:170px;border-radius:8px"><br><span style="font-size:12px;opacity:.7">dia 2 · gaman</span></td><td width="25%" align="center" style="padding:6px"><img src="https://SEU-DOMINIO/kit/indigo/03-komorebi.png" alt="dia 3 · komorebi" width="100%" style="max-width:170px;border-radius:8px"><br><span style="font-size:12px;opacity:.7">dia 3 · komorebi</span></td><td width="25%" align="center" style="padding:6px"><img src="https://SEU-DOMINIO/kit/indigo/04-ichigo-ichie.png" alt="dia 4 · ichigo ichie" width="100%" style="max-width:170px;border-radius:8px"><br><span style="font-size:12px;opacity:.7">dia 4 · ichigo ichie</span></td></tr><tr><td width="25%" align="center" style="padding:6px"><img src="https://SEU-DOMINIO/kit/indigo/05-mottainai.png" alt="dia 5 · mottainai" width="100%" style="max-width:170px;border-radius:8px"><br><span style="font-size:12px;opacity:.7">dia 5 · mottainai</span></td><td width="25%" align="center" style="padding:6px"><img src="https://SEU-DOMINIO/kit/indigo/06-susokukan.png" alt="dia 6 · susokukan" width="100%" style="max-width:170px;border-radius:8px"><br><span style="font-size:12px;opacity:.7">dia 6 · susokukan</span></td><td width="25%" align="center" style="padding:6px"><img src="https://SEU-DOMINIO/kit/indigo/07-kizuki.png" alt="dia 7 · kizuki" width="100%" style="max-width:170px;border-radius:8px"><br><span style="font-size:12px;opacity:.7">dia 7 · kizuki</span></td><td width="25%"></td></tr></table>
<p>Com a imagem na galeria: abra Fotos, toque em compartilhar e escolha "Imagem de Fundo". O vídeo da primeira aula deste módulo mostra o caminho inteiro.<br></p>
<p>Pra quem está no computador, <a href="https://SEU-DOMINIO/kit/indigo/indigo-todos.zip">baixe as sete de uma vez neste zip</a>.<br></p>
<p>Você não precisa dos 21. Escolha o estilo que combina com você e leve só os sete dele.</p>
Versão B · imagens em linha (se a tabela não sobreviver)
<p>O azul do ai, o índigo dos tecidos japoneses tingidos à mão. É o mais bonito dos três, e o que menos parece um lembrete: passa por papel de parede de verdade, e a palavra do dia aparece sem parecer aviso de tarefa.<br></p>
<p>São sete telas, uma por dia do desafio, na ordem do método: <strong>間 ma, 我慢 gaman, 木漏れ日 komorebi, 一期一会 ichigo ichie, 勿体ない mottainai, 数息観 susokukan, 気づき kizuki.</strong><br></p>
<p><strong>No celular: toque e segure na tela que você quer, aqui embaixo, até o menu aparecer. Escolha "Adicionar a Fotos".</strong> Ela cai direto na sua galeria, em resolução cheia — as miniaturas abaixo estão reduzidas só pra caber na tela.</p>
<p>
<img src="https://SEU-DOMINIO/kit/indigo/01-ma.png" alt="dia 1 · ma" width="150" style="width:150px;margin:0 10px 10px 0;border-radius:8px;vertical-align:top">
<img src="https://SEU-DOMINIO/kit/indigo/02-gaman.png" alt="dia 2 · gaman" width="150" style="width:150px;margin:0 10px 10px 0;border-radius:8px;vertical-align:top">
<img src="https://SEU-DOMINIO/kit/indigo/03-komorebi.png" alt="dia 3 · komorebi" width="150" style="width:150px;margin:0 10px 10px 0;border-radius:8px;vertical-align:top">
<img src="https://SEU-DOMINIO/kit/indigo/04-ichigo-ichie.png" alt="dia 4 · ichigo ichie" width="150" style="width:150px;margin:0 10px 10px 0;border-radius:8px;vertical-align:top">
<img src="https://SEU-DOMINIO/kit/indigo/05-mottainai.png" alt="dia 5 · mottainai" width="150" style="width:150px;margin:0 10px 10px 0;border-radius:8px;vertical-align:top">
<img src="https://SEU-DOMINIO/kit/indigo/06-susokukan.png" alt="dia 6 · susokukan" width="150" style="width:150px;margin:0 10px 10px 0;border-radius:8px;vertical-align:top">
<img src="https://SEU-DOMINIO/kit/indigo/07-kizuki.png" alt="dia 7 · kizuki" width="150" style="width:150px;margin:0 10px 10px 0;border-radius:8px;vertical-align:top">
</p>
<p>Com a imagem na galeria: abra Fotos, toque em compartilhar e escolha "Imagem de Fundo". O vídeo da primeira aula deste módulo mostra o caminho inteiro.<br></p>
<p>Pra quem está no computador, <a href="https://SEU-DOMINIO/kit/indigo/indigo-todos.zip">baixe as sete de uma vez neste zip</a>.<br></p>
<p>Você não precisa dos 21. Escolha o estilo que combina com você e leve só os sete dele.</p>
Fonte: products/fora-do-automatico/13_retencao/html_aulas_estilo.md