Guide Numérique - E-Guide

Compétence Guide Numérique (E-Guide)

Produisez un aperçu de guide numérique de deux pages, présenté côte à côte. Couverture sur le côté gauche (inline-start) et double-page intérieure sur le côté droit (inline-end). Ton lifestyle créateur, beaucoup d'espace négatif, polices sérif pour les titres, rythme de colonnes soigné.

Flux de travail

1. Lisez le DESIGN.md actif (injecté ci-dessus). Choisissez un jeton de police sérif pour le titre (les ligatures italiques sont encouragées), une police sérif pour le corps du texte, et un jeton monospace pour les statistiques / étiquettes.
2. Choisissez le sujet + l'auteur à partir du brief. Générez un titre réel (par exemple « Le Guide du Style & du Format du Créateur »), un sous-titre réel et une ligne d'auteur.
3. Mise en page — centrer deux pages sur un fond teinté :
   • Page 1 — couverture :
     • Surtitre (« GUIDE STYLE & FORMAT POUR CRÉATEURS »).
     • Titre principal avec des graisses mélangées et un mot en italique (« Le Guide du Style & du Format du Créateur » — & et Format en italique).
     • Ligne de statistiques à 3 cellules (« 16 PRINCIPES DE STYLE », « 38 DOS & DON'TS », « 1 BLOC, ZÉRO MODÈLE ») en monospace, séparées par ·.
     • En-tête « Ce que vous trouverez » avec un sommaire sur 2 colonnes (chapitres + numéros de page en monospace, points de conduite).
     • Pied de page : « TROUVEZ VOTRE VOIX » + page 01 en monospace.
     • Élément décoratif subtil (point ou autocollant) dans un coin (CSS).
   • Page 2 — double-page :
     • Surtitre avec numéro et nom du chapitre (« CHAPITRE 02 · TON »).
     • Sous-titre (« Écrivez comme vous parlez — en mieux. »).
     • Corps en 2 colonnes : paragraphe d'introduction + liste numérotée de 4 étapes (« 01 Choisissez la règle », « 02 Supprimez les remplissages »…).
     • Citation en exergue positionnée à droite (inline-end) : pour les scripts latins, utilisez une grande police italique et une couleur d'accent ; pour l'arabe, le persan et l'ourdou, utilisez une emphase régulière ou légère (pas d'italique) ; pour l'hébreu, utilisez une emphase régulière ou légère (pas d'italique). Incluez une attribution. (sensible à la langue)
     • Bandeau inférieur avec un appel « EXERCICE » (étiquette monospace + une phrase de consigne en italique).
     • Pied de page : titre du chapitre + page 18 en monospace.
4. Rédigez un seul document HTML :
   • <!doctype html> jusqu'à </html>, CSS en ligne.
   • Les pages sont des cartes de 600 × 860 pixels avec fond de type papier, ombre de 6 px, légère rotation opposée (±0,6 deg) pour un effet magazine posé sur un bureau.
   • data-od-id sur la couverture, la double-page, le sommaire, la citation en exergue et l'exercice.
5. Auto-vérification :
   • La hiérarchie typographique est éditoriale — le titre domine la page 1, le sous-titre domine la page 2.
   • Un accent italique apparaît une fois par page.
   • Le monospace est utilisé uniquement pour les étiquettes, les statistiques et les numéros de sommaire.

Contrat de sortie

Émettez entre des balises <artifact> :

<artifact identifier="slug-guide" type="text/html" title="E-Guide — Titre">
<!doctype html>
<html>...</html>
</artifact>

Une phrase avant l'artefact, rien après.