Pular para o conteúdo
Publicidade

Tipografia do tema: todos os elementos de texto de uma matéria

Página de referência com cada elemento que uma matéria pode usar (títulos, listas, citações, imagens, tabela, vídeo e os detalhes do texto) para conferir o tema de ponta a ponta.

Foto do Volkswagen Golf GTI

Este é o parágrafo de abertura, no tamanho de leitura do tema. Ele mostra negrito, itálico, negrito e itálico, um link interno, um link externo e um trecho marcado. A ideia é ver cada elemento que uma matéria pode usar, um depois do outro, com o espaçamento real entre eles.

Detalhes que aparecem em ficha técnica e consumo: emissão de CO2, 1º lugar no segmento, 0 a 100 km/h em 6,4 s, nota A no PBEV, preço de R$ 199.990 por R$ 189.990, texto pequeno para observações e letras miúdas, código no meio da frase, as teclas Ctrl + F e uma citação curta dentro da frase.

Um terceiro parágrafo, mais longo, para medir o ritmo do texto corrido: o leitor que chega pelo celular passa a maior parte do tempo aqui, então a altura da linha, o tamanho da letra e a distância entre parágrafos são o que define se a leitura cansa ou flui. Depois deste parágrafo entra o anúncio do meio do texto, como em qualquer matéria com seis parágrafos ou mais.

Publicidade

Título de seção (H2)

O H2 divide a matéria em partes, como “Motor e desempenho” ou “Preço e versões”. É o título intermediário mais usado nas matérias do site e aparece no sumário dos buscadores.

Subtítulo (H3)

O H3 organiza uma seção por dentro: as versões de um carro, as etapas de um teste, os itens de uma lista comentada.

Subtítulo menor (H4)

O H4 já é raro em matéria, mas aparece em guias longos e em fichas técnicas divididas por sistema.

Título de nível 5 (H5)

Parágrafo depois de um H5.

Título de nível 6 (H6)

Parágrafo depois de um H6.

Listas

  • Itens de série: central multimídia de 10 polegadas, câmera de ré e seis airbags
  • Assistências de condução
    • frenagem autônoma de emergência
    • alerta de permanência em faixa
  • Garantia de cinco anos sem limite de quilometragem
  1. Confira a calibragem dos pneus com eles frios
  2. Verifique o nível do óleo e do líquido de arrefecimento
    1. com o motor desligado há pelo menos 10 minutos
    2. com o carro em lugar plano
  3. Teste faróis, lanternas e luzes de freio
Torque
Força de giro do motor, em kgfm ou Nm; define a disposição em baixa rotação.
Potência
Trabalho que o motor entrega por tempo, em cv; define a velocidade em alta rotação.

Citações

O carro certo é o que resolve a vida de quem vai usar, não o que vence a ficha técnica.

Renato Parizzi, editor do De 0 a 100

O consumo real ficou 18% abaixo do número do Inmetro na estrada.

Teste de consumo real do De 0 a 100

Imagens

Volkswagen Golf GTI visto de lado
Imagem na largura do texto, com legenda (bloco de imagem). Foto: Divulgação
Detalhe do Volkswagen Golf GTI
Imagem alinhada à esquerda

Este parágrafo contorna a imagem alinhada à esquerda. No celular, a imagem deve ocupar a largura toda e o texto vir embaixo, sem ficar espremido numa coluna estreita ao lado da foto.

Mais um parágrafo para o texto passar da altura da imagem e voltar à largura cheia da coluna.

BMW M135 xDrive

Imagem com legenda no formato do editor clássico, como na maior parte das matérias antigas

Tabela

VersãoMotorPotênciaPreço
Comfortline1.4 TSI150 cvR$ 189.990
Highline1.4 TSI150 cvR$ 209.990
GTI2.0 TSI245 cvR$ 299.990
Tabela com cabeçalho e legenda

Vídeo

Vídeo do YouTube incorporado

Código e texto pré-formatado

<!-- bloco de código -->
consumo_cidade = 11.2  # km/l com gasolina
consumo_estrada = 14.8
Consumo (km/l)    Cidade    Estrada
Gasolina           11,2      14,8
Etanol              7,9      10,4

Outros blocos

Pergunta frequente: o carro aceita etanol?

Sim. O motor é flex e roda com qualquer proporção de etanol e gasolina.


Último parágrafo, com um endereço longo para testar a quebra de linha em telas estreitas: https://dezeroacem.com.br/2026/10/um-endereco-muito-longo-para-testar-a-quebra-de-linha-em-telas-estreitas-do-celular/

Publicidade

Renato Parizzi

Jornalista, blogueiro, consultor automotivo e especialista em comunicação e gestão empresarial, Renato Parizzi trabalha com o mercado automotivo há mais de 20 anos. É o criador e editor-chefe do De 0 a 100 desde a fundação, em 2007, e soma oito reconhecimentos nacionais de jornalismo.

Siga o De 0 a 100 nas redes

Publicidade

Comentários

Deixe seu comentário

Compartilhar trecho