Habilidade de Postagem de Blog

Produza uma única página de artigo longo — layout editorial, sem elementos de interface.

Fluxo de Trabalho

1. Leia o DESIGN.md ativo (injetado acima). Aproveite os tokens de tipografia — artigos longos são 70% texto, 20% imagem, 10% elementos de interface.
2. Escolha o tópico do briefing e escreva um artigo real — pelo menos 600 palavras distribuídas em 4–6 seções H2. Sem lorem ipsum.
3. Seções, em ordem:
   • Masthead — pequeno logotipo + 4–6 links de navegação, simples.
   • Cabeçalho do artigo — categoria acima, título (token de exibição, grande), resumo (subtítulo de 1–2 frases), nome do autor + cargo + data.
   • Imagem principal — um bloco de espaço reservado 16:9 usando um gradiente com tonalidade DS ou preenchimento sólido (sem imagens externas). Adicione uma legenda de 1 linha abaixo.
   • Corpo — parágrafos de prosa alternados com pelo menos:
     • 1 citação em destaque (tipo de exibição grande, regra de destaque na borda inicial inline para que o layout inverta corretamente sob dir="rtl").
     • 1 figura (espaço reservado para imagem + legenda).
     • 1 lista (numerada ou com marcadores).
     • 1 citação inline.
   • Rodapé do autor — avatar do autor (iniciais em um círculo), parágrafo de biografia.
   • Relacionados — 3 cartões com links para outros posts. Cada cartão: pequeno bloco de imagem, título, resumo de 1 linha, data.
4. Escreva um único documento HTML:
   • <!doctype html> até </html>, CSS inline.
   • O corpo do artigo usa a fonte de corpo DS, centralizado, largura máxima por regra de layout DS (geralmente 680–720px).
   • Letras capitulares (first-letter) apenas se o clima DS for editorial / serif — pule em DS mais técnicos.
   • data-od-id no título, principal, corpo, citação em destaque, grade de relacionados.
5. Auto-verificação:
   • A hierarquia de tipos é inequívoca — H1 é claramente o título; H2s são divisores de seção; citações em destaque não competem com H1.
   • Comprimento da linha de 60–75 caracteres para prosa do corpo.
   • O destaque aparece no máximo duas vezes (categoria acima + regra de citação em destaque, ou um link).
   • A página parece uma revista, não uma página de destino de marketing.

Contrato de Saída

Emita entre as tags <artifact>:

<artifact identifier="post-slug" type="text/html" title="Article Title">
<!doctype html>
<html>...</html>
</artifact>

Uma frase antes do artefato, nada depois.