Skill de E-Guia Digital
Produza uma pré-visualização de guia digital de duas páginas lado a lado. Capa no início inline, espalhado interno no final inline. Tom de criador lifestyle, bastante espaço negativo, títulos em serifa de exibição, ritmo cuidadoso de colunas.
Fluxo de Trabalho
- Leia o DESIGN.md ativo (injetado acima). Escolha um token de serifa de exibição para o título (encorajadas ligações itálicas), uma serifa de corpo para texto longo e um token monoespaçado para estatísticas/etiquetas.
- Escolha o tópico + autor do briefing. Gere um título real (ex.: "O Guia de Estilo & Formato do Criador"), um subtítulo real e uma linha de autoria de uma linha.
- Layout — centralize duas páginas em um fundo matizado:
- Página 1 — capa:
- Sobrancelha ("GUIA DE ESTILO & FORMATO PARA CRIADORES").
- Título de exibição com pesos mistos e uma palavra em itálico de floreio ("O Guia de Estilo & Formato do criador" —
&eguiaem itálico). - Linha de estatísticas de 3 células ("16 PRINCÍPIOS DE ESTILO", "38 FAÇA & NÃO FAÇA", "1 BLOCO, ZERO MODELOS") em monoespaçado, separadas por
·. - Cabeçalho "O que tem dentro" com um índice de 2 colunas (capítulos + números de página em monoespaçado, pontos de líder).
- Rodapé: "ENCONTRE SUA VOZ" + página 01 em monoespaçado.
- Ponto decorativo sutil ou adesivo (CSS) em um canto.
- Página 2 — espalhado:
- Sobrancelha com número e nome do capítulo ("CAPÍTULO 02 · TOM").
- Subtítulo de exibição ("Escreva como você fala — só que mais afiado.").
- Corpo de 2 colunas: parágrafo de abertura + uma lista numerada de 4 passos ("01 Escolha a regra", "02 Elimine o enchimento"…).
- Citação de destaque fixada no final inline: para scripts latinos use itálico de exibição grande e cor de destaque; para árabe, persa e urdu use ênfase regular ou leve (sem itálico); para hebraico use ênfase regular ou leve (sem itálico). Inclua atribuição. (consciente de script)
- Faixa inferior com chamada "EXERCÍCIO" (etiqueta monoespaçada + 1 frase de prompt em itálico).
- Rodapé: título do capítulo + página 18 em monoespaçado.
- Página 1 — capa:
- Escreva um único documento HTML:
<!doctype html>até</html>, CSS inline.- Páginas são cartões de 600×860 em tom de papel com sombra de 6px, leve rotação oposta entre si (±0,6°) para uma sensação de revista na mesa.
data-od-idna capa, espalhado, índice, citação de destaque, exercício.
- Auto-verificação:
- Hierarquia de tipos é editorial — título domina a página 1, subtítulo domina a página 2.
- Acento itálico aparece uma vez por página.
- Monoespaçado usado apenas para etiquetas, estatísticas e números do índice.
Contrato de saída
Emita entre tags <artifact>:
<artifact identifier="slug-do-eguia" type="text/html" title="E-Guia — Título">
<!doctype html>
<html>...</html>
</artifact>
Uma frase antes do artefato, nada depois.