Cartaz de Revista - Habilidade

Produza um cartaz editorial de página única — parece um recorte de jornal de domingo. Longo, deliberado, focado em tipografia.

Fluxo de Trabalho

1. Leia o DESIGN.md ativo (injetado acima). Escolha o token serifado mais pesado no DS para o título, o serifado do corpo para as colunas e um token de máquina de escrever / mono para as sobrancelhas e anotações da seção.
2. Escolha o tópico do briefing. Escreva um título real e opinativo — um com uma palavra riscada ("um designer", "a caça ao modelo") e um acento em itálico em um substantivo chave ("primeiro rascunho", "humor", "especificações").
3. Layout, em ordem:
   • Linha superior — linha fina preta + data ("01 · A · SEU LABORATÓRIO" à esquerda, "DD · MMM · AAAA" à direita). Fonte leve de máquina de escrever.
   • Sobrencelha superior — uma única tag mono como "POSTADO HOJE".
   • Título — 2–3 linhas, serifado em tamanho grande. Uma palavra riscada com text-decoration: line-through; text-decoration-thickness: 2px. Uma palavra em itálico, na cor de destaque.
   • Subtítulo — um subtítulo de 1–2 frases em serifado itálico com ~60% do tamanho do título, com um traço separador e um fragmento de chamada — what works em destaque.
   • Linha de destaque — barra horizontal curta na cor de destaque (~80px).
   • Grade do corpo — seis células numeradas em uma grade 2×3 (ou 3×2). Cada célula:
     • sobrencelha (01 · SHIP FAST) em mono, cor de destaque.
     • sub-título em negrito serifado.
     • corpo de 2–3 frases em serifado do corpo.
     • uma chamada anotada — uma linha "use este prompt" entre aspas em um bloco de fundo tingido, definido em mono.
   • Faixa inferior — linha acima, três células: identificador / função / data, com uma pequena placa "DICA PRO" à esquerda contendo uma linha de encerramento.
4. Escreva um único documento HTML:
   • <!doctype html> até </html>, CSS inline.
   • O fundo usa um tom de papel cremoso (#f3eee2 ou tela DS) mais um ruído sutil de papel (radial-gradient pontos em baixa opacidade).
   • Grade do corpo de 2 colunas via CSS Grid; página com largura mínima de 1100px.
   • data-od-id no cabeçalho, título, subtítulo, cada célula, rodapé.
5. Auto-verificação:
   • A hierarquia tipográfica é inconfundível — o título domina a página.
   • A palavra riscada + o acento em itálico aparecem ambos, exatamente uma vez cada.
   • O corpo soa como opinião real, não lorem ipsum.
   • Parece intencional em larguras de 1280–1440px.

Contrato de Saída

Emitir entre as tags <artifact>:

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

Uma frase antes do artefato, nada depois.