N5Barra de progresso, fixa no topoBarraProgresso.astro
Cabeçalho do artigo — selo, título, linha de meta com o bylineCabecalhoArtigo.astro
Selo — Tokens do Bluesky. Zero sombra, hairline de 1px, e o rótulo é peso — nunca caixa alta.
H1 — Lorem ipsum dolor sit amet, consectetur adipiscing elit
Nome do Autor1AberturaAbertura.astro
Cena — lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
Problema, até a segunda frase — ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur, excepteur sint occaecat cupidatat non proident.
2Caixa de conclusõesCaixaConclusoes.astro
O que este artigo conclui
- Conclusão com o número dentro dela — lorem ipsum dolor sit 1.234 un, consectetur adipiscing elit. [Ressalva — piso, premissa ou faixa com data. Lorem ipsum, 08/2026]
- Segunda conclusão, sed do eiusmod tempor incididunt ut R$ 4.100 labore et dolore magna aliqua.
- Terceira, ut enim ad minim veniam quis nostrud 42% exercitation ullamco laboris. [Ressalva — lorem ipsum dolor sit amet, caso único apurado]
3Sumário, versão inline do celularSumario.astro
H2 — Lorem ipsum dolor sit amet
Parágrafo de corpo — lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
4Tabela de panoramaTabelaPanorama.astro
| Lorem | Ipsum | Dolor | Sit amet | Consectetur |
|---|---|---|---|---|
| Lorem ipsum | 150 un | 8,0 | 1,20 kg | sim |
| Dolor sit amet | 750 un | 0,5 | 0,38 kg | sim |
| Consectetur elit | 2.500 un | 0,3 | 0,75 kg | não |
| Sed do eiusmod | 60 un | 5,0 | 0,30 kg | não |
| Tempor incididunt | 120 un | — | [sem dado confiável] | não |
Fonte e data da tabela — lorem ipsum dolor sit amet, 08/2026. A linha de baixo declara a lacuna em vez de estimar.
19Figura — papel prova, em estado de marcadorFigura.astro
H2 — Consectetur adipiscing elit
6Citação destacada — conclusão nossaCitacaoDestacada.astro
Citação destacada — lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
5Tabela de contrasteTabelaContraste.astro
| Coluna A — antes | Coluna B — depois | |
|---|---|---|
| Lorem ipsum | 3.400 un | 1.850 un |
| Dolor sit amet | −1.400 un | +150 un |
| Consectetur elit | 4 | 0 |
| Sed do eiusmod | — | R$ 0 |
Fonte e data — as duas colunas saem da mesma base apurada. Lorem ipsum dolor sit amet, 08/2026.
19Figura — papel diagrama, SVG inline pelo slotFigura.astro + <svg>
H3 — Sed do eiusmod tempor incididunt
21Aviso — tipo atençãoAviso.astro
13CarrosselCarrossel.astro
Rótulo do carrossel — sequência visual
29Slides — deck de um por vezSlides.astro
H3 — Ut labore et dolore magna
A1Prosa e seus átomos<strong> <em> <code> <kbd> <abbr> <a>
Parágrafo com um de cada átomo — forte é o que o leitor não pode perder, ênfase é entonação, e o número anda colado na unidade, como em 3.400 un. O literal que se digita ou se procura vai em lorem-ipsum.csv, a tecla que se aperta vai em Esc e depois F2, e a sigla se expande por escrito na primeira aparição — corrente contínua (CC) — porque o title é reforço, nunca a expansão. O link diz o destino, e não "clique aqui".
20Bloco de código — sem alteração de estadoCodigo.astro
Rótulo do contexto — planilha, LibreOffice Calc
=MÁXIMO(B2:B2017)
=SE(B2 > $F$1; "lorem"; "ipsum")20Bloco de código — altera estado, então avisa antesCodigo.astro
Rótulo do contexto — terminal
Aviso do comando — o que ele faz e o que não desfaz, em texto, antes do trecho. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
lorem config --reset-factory --confirm
lorem log --export /tmp/ipsum.csvA2Lista ordenada — a ordem existe<ol class="b-lista-num">
- Passo 1 — lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Passo 2 — sed do eiusmod tempor incididunt ut labore et dolore magna.
- Passo 3 — ut enim ad minim veniam, quis nostrud exercitation ullamco.
A2Lista não ordenada, com o segundo nível<ul class="b-lista">
- Item de conjunto — lorem ipsum dolor sit amet
- Outro item irmão — consectetur adipiscing elit
- Item com sublista — dois níveis é o teto:
- Segundo nível — lorem ipsum dolor sit amet
- Segundo nível — consectetur adipiscing elit
H2 — Quis nostrud exercitation ullamco
Segundo parágrafo — duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
7Citação de fonte nomeadaCitacaoFonte.astro
“Citação literal de fonte nomeada — lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.”
14Card de rede social — embed e perfilCardRedeSocial.astro
11EnqueteEnquete.astro
H2 — Duis aute irure dolor in reprehenderit
A2Glossário — termo e definição<dl class="b-glossario">
- Termo do glossário — <dt>
- Definição — <dd>. Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod.
- Segundo termo
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.
21Aviso — tipo notaAviso.astro
8ChecklistChecklist.astro
Rótulo do checklist — o que se confere antes de agir
- Item verificável com resposta sim ou não — lorem ipsum dolor sit amet
- Segundo item consectetur adipiscing elit, sed do eiusmod tempor
- Terceiro item ut labore et dolore magna aliqua, ut enim ad minim veniam
- Quarto item quis nostrud exercitation ullamco laboris nisi
15Escute em áudio — derivadoAudio.astro
19Figura — papel ilustração spot, na virada de blocoFigura.astro
9FAQ em acordeãoFaq.astro
Pergunta da FAQ — lorem ipsum dolor sit amet?
Segunda pergunta — duis aute irure dolor?
Terceira pergunta — sunt in culpa qui officia?
10FechamentoFechamento.astro
Fechamento, primeiro parágrafo — retoma o problema da abertura. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
Segundo parágrafo — devolve o leitor ao caminho dele com um critério a mais. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.
16Baixe o mapa mental — derivado com muroDownload.astro
17Baixe em PDF — o botão que abre o overlayb-card + b-btn
12Avaliação — isso respondeu sua dúvida?Avaliacao.astro
Resposta guardada neste navegador. Ainda não há apuração.
22Autor — card do fim do artigoAutor.astro
18ComentáriosComentarios.astro
Comentários
O que você viu na prática não está aqui — e é o que falta. Conta o seu caso, ou a dúvida que o texto deixou de pé: leio todos, e é daqui que saem os próximos artigos.
- Autor do comentário12/08/2026
Comentário — lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Resposta do autor13/08/2026Resposta do autor do artigo — ut enim ad minim veniam, quis nostrud exercitation ullamco.
- Segundo autor11/08/2026
Comentário sem resposta — duis aute irure dolor in reprehenderit in voluptate velit esse.
Comentário é a palavra de quem escreveu, não apuração nossa: número que aparece aqui não entra em conta nenhuma do artigo. Correção no texto não apaga a conversa, e por isso cada comentário mostra a data.
N2Grade de cards de artigoGradeArtigos.astro
Rótulo da grade — continue por aqui
N4Overlay — abre só por clique no botão acimaOverlay.astro