Card, Feature Grid et Stat Card

Objectif : construire une card correctement et savoir lequel des trois blocs voisins vous voulez vraiment.
Durée : 5 minutes
Il vous faut : une page, idéalement avec un Grid où placer les cards

1. Sélectionnez Add Block, choisissez Card et donnez-lui un Name et un Card style.
2. Une Card seule ne rend rien. Sur la ligne de la Card, sélectionnez Add child block et ajoutez Card Header, Card Body et Card Footer. Ces régions n'ont pas de champs propres : ce sont des conteneurs.
3. Ajoutez du contenu dans chaque région : un Header dans l'en-tête, un Plain Text dans le corps, un Button Link dans le pied.
4. Pour une série de courtes affirmations, sélectionnez Add Block, choisissez Feature Grid et ajoutez des enfants Feature Item.
5. Pour un chiffre qui mérite d'être montré, choisissez Stat Card : Value est le nombre, Eyebrow / Label la petite ligne au-dessus et Description la phrase en dessous.

• Card — l'unité demande du vrai contenu : un titre, un paragraphe, une image, une action. C'est vous qui la composez.
• Feature Grid — trois à six courtes affirmations du type « nous faisons ceci », uniformes sans composer chacune.
• Stat Card — le contenu est un nombre. Une valeur, une étiquette, une phrase.

• Les régions de Card n'apparaissent pas dans le sélecteur de blocs de premier niveau. Elles n'existent qu'à l'intérieur d'une Card, d'où Add child block sur la ligne de la Card comme seule porte d'entrée.
• Vous n'avez pas besoin des trois régions. Une Card avec seulement un corps convient ; une Card sans rien est invisible.
• Des Cards dans des Cards ne s'imbriquent pas utilement. Pour une grille de cards, mettez des Cards dans un Grid.
• Feature Grid est la voie rapide et la moins souple. Dès que vous luttez contre lui, c'est des Cards que vous vouliez.
• Gardez des textes de longueur comparable. Une card de trois phrases à côté de deux cards de cinq mots paraît cassée même quand elle ne l'est pas.