card-16-paper-grid-poster — Affiche papier quadrillé à deux blocs
============================================================

Tenir un post social 4:5 entier avec DEUX blocs de texte et rien d'autre — une accroche monumentale qui remplit la largeur, une chute deux fois plus petite en dessous — posés sur un papier quadrillé qui sert de repère d'alignement, et une bande basse réservée d'avance au repère de marque.

EMPLOYER QUAND
  Une thèse sans chiffre-héros, à publier en post image 1080×1350 : le sujet tient en une affirmation de 5 à 7 mots et son commentaire de 10 à 13. Le quadrillage donne au bloc typographique une assise que le blanc pur ne donne pas, et il se photographie bien dans un fil.

ÉVITER QUAND
  L'actu EST un chiffre (le chiffre-héros doit alors dominer, ce n'est pas cette composition), la copie dépasse ~19 mots au total (le corps tombe sous le plancher social de 2,2 % de la largeur), ou le canal n'est pas un cadre portrait — en 16:9 les deux blocs s'étalent et l'accroche cesse d'être monumentale.

COMMENT S'EN SERVIR
  1. Collez le contenu de tokens.css dans votre page. Il porte deux choses : la règle
     box-sizing que le fragment SUPPOSE (sans elle la composition grossit et déborde),
     et les jetons --vl-* de la charte, à fusionner avec les vôtres.
  2. Collez fragment.html là où la composition doit apparaître. Son CSS voyage avec
     lui, dans son <style> : rien à importer, rien à installer.
  3. Remplacez les textes. Les emplacements prévus : accroche, chute, marque.

POLICES
  Le rendu de référence utilise les polices du dépôt (OFL) : https://github.com/lbachelotcapitalb/visual-lab/tree/main/fonts

Cadre de référence : 1080 × 1350 px. Charte : ref-24-finengy-paper-selection.
Licence MIT — https://visual.capitalb.fr/p/card-16-paper-grid-poster.html
