Comportement général
La Card Content est utilisée pour mettre en avant un contenu éditorial : article de blog, actualité, appel à projet ou tout autre contenu riche. Elle permet de présenter un texte structuré pouvant inclure visuels, tags et actions.
- La card peut être statique ou interactive.
- Si elle statique, aucun indicateur d’action ne doit être affiché
- Si elle est interactive, l’action est indiquée par un chevron (qui s’affiche si le footer est vide et que l’attribut href est défini) ou par le contenu du footer (boutons, par exemple)
- S’il y a plusieurs actions elles doivent être claires et hiérarchisées :
- S’il y a plusieurs boutons, utiliser 2 variantes différentes : secondary + tertiary
- Si la card est un lien sans action spécifique, il est préférable de laisser le footer vide, ce qui affichera l’icône de chevron
- S’il y a des tags, il est préférable de ne pas rendre toute la card cliquable mais d’insérer des actions dans le footer
✅ Usage correct :
- Présenter un contenu riche avec un titre, un sous-titre, une description.
- Ajouter des actions secondaires (boutons, lien de téléchargement, etc.).
- Utiliser des slots personnalisés : image, icône, visuel.
- Utiliser en format vertical ou horizontal (slot image en haut, à gauche ou à droite selon la mise en page).
🚫 Usage incorrect :
- Ne pas mettre de titre, de sous-titre ou de description trop long
- Ne pas utiliser pour une simple redirection sans contexte.
- Ne pas omettre la hiérarchie visuelle des éléments textuels.
- Éviter de surcharger avec des actions sans priorité définie.
Localisation :
À utiliser dans :
- Les pages de blog ou d’actualités
- Les pages de contenu éditorial intermédiaires
- Les blocs de mise en avant de ressources (ex : événements, publications,…)