Habilidad de Guía Electrónica Digital
Produce una vista previa de una guía digital de dos páginas lado a lado. Portada en el inicio en línea, pliego interior en el final en línea. Tono de creador de estilo de vida, mucho espacio negativo, titulares display serif, ritmo de columnas cuidado.
Flujo de trabajo
- Lee el DESIGN.md activo (inyectado arriba). Elige un token display serif para el título (se recomiendan ligaduras itálicas), una serif de cuerpo para texto largo, y un token mono para estadísticas/etiquetas.
- Elige el tema + autor del brief. Genera un título real (por ejemplo, "La Guía de Estilo y Formato del Creador"), un subtítulo real y una línea de autor.
- Diseño — centra dos páginas sobre un fondo tintado:
- Página 1 — portada:
- Ceja ("GUÍA DE ESTILO Y FORMATO PARA CREADORES").
- Título display con pesos mixtos y una palabra en cursiva decorativa ("La Guía de Estilo y Formato del Creador" —
yyFormatoen cursiva). - Fila de 3 estadísticas ("16 PRINCIPIOS DE ESTILO", "38 QUÉ HACER Y NO HACER", "1 BLOQUE, CERO PLANTILLAS") en mono, separadas por
·. - Encabezado "Lo que encontrarás" con un índice de dos columnas (capítulos + números de página en mono, puntos de guía).
- Pie de página: "ENCUENTRA TU VOZ" + página 01 en mono.
- Elemento decorativo sutil (punto o pegatina) con CSS en una esquina.
- Página 2 — pliego:
- Ceja con número y nombre de capítulo ("CAPÍTULO 02 · TONO").
- Subtítulo display ("Escribe como hablas, solo que más afilado.").
- Cuerpo de dos columnas: párrafo de apertura + lista numerada de 4 pasos ("01 Elige la regla", "02 Elimina el relleno"…).
- Cita destacada anclada al final en línea: para escritura latina, usar display itálico grande y color de acento; para árabe, persa y urdu, usar énfasis regular o ligero (sin cursivas); para hebreo, usar énfasis regular o ligero (sin cursivas). Incluir atribución. (sensible al idioma)
- Franja inferior con llamada "EJERCICIO" (etiqueta mono + frase de instrucción en cursiva).
- Pie de página: título del capítulo + página 18 en mono.
- Página 1 — portada:
- Escribe un único documento HTML:
<!doctype html>hasta</html>, CSS en línea.- Las páginas son tarjetas de 600×860 px con tono papel, sombra de 6 px y ligera rotación opuesta entre sí (±0.6°) para dar sensación de revista sobre escritorio.
data-od-iden portada, pliego, índice, cita destacada y ejercicio.
- Autoverificación:
- La jerarquía tipográfica es editorial — el título domina la página 1, el subtítulo domina la página 2.
- El acento cursivo aparece una vez por página.
- Mono usado solo para etiquetas, estadísticas y números del índice.
Contrato de salida
Emitir entre etiquetas <artifact>:
<artifact identifier="slug-guía" type="text/html" title="Guía Electrónica — Título">
<!doctype html>
<html>...</html>
</artifact>
Una frase antes del artefacto, nada después.