layout-18-barre-deux-volumes — Barre de fin à deux volumes
============================================================

Fermer une section par un objet qu'on voit encore après un long bloc : une barre pleine à bords ronds dont le bouton occupe la moitié droite, avec son propre arrondi et son propre aplat. Les deux se lisent comme deux volumes superposés — là où un filet horizontal surmonté d'une phrase grise et d'un lien souligné ne fait que séparer, sans rien porter.

EMPLOYER QUAND
  En fin de section longue, quand il reste UNE chose à dire et UNE seule route à proposer : la phrase de conclusion, et le bouton qui l'emmène. Se cale sur la largeur du bloc qu'elle referme — c'est cet alignement qui la fait lire comme sa fermeture plutôt que comme un objet posé après.

ÉVITER QUAND
  Dès qu'il y a deux destinations : la barre conclut, elle n'arbitre pas — deux boutons en font une barre de navigation, et la conclusion se perd. À éviter aussi quand la phrase dépasse trois lignes (la gélule devient un pavé arrondi, ses deux caps mangent le texte), et à une largeur inférieure à celle du bloc qu'elle suit : centrée plus étroite, elle flotte au lieu de fermer.

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 : [object Object], [object Object].

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 : 1320 × 81 px. Charte : ref-21-finengy-quadrant-clair.
Licence MIT — https://visual.capitalb.fr/p/layout-18-barre-deux-volumes.html
