Le call to action est une manière de mettre en valeur les actions les
plus importantes que l'on veut amener lea visiteurice à accomplir.
Sur les sites de Terre de Liens, il occupe toute la largeure de page.
Thèmes et enchaînements
Deux thèmes sont proposés afin de gérer au mieux l'enchaînement avec les sections situées
juste au dessus et juste au dessous.
Une attention toute particulière doit être apportée
en bas de page où plusieurs bandeaux se succèdent parfois dans les zonings. Il
n'est pas
souhaitable de placer coup sur coup deux sections avec une trame.
Nous proposons ici de n'utiliser que ces deux thèmes. En cas de besoin, consultez les mixins d'arrière plan pour d'autres déclinaisons.
Thèmes et couleur du texte
Les composants plus complexe que les <a>, les <p> ou les titres (<h3>,
<h4>...) nécessiteront probablement que vous appeliez explicitement leur version
dark. Se référer à la documentation de chaque composant.
Par exemple ici, sur fond bleu, le bouton utilise son thème secundary.
<section class="fw-section CTA__wrap bg-trame_champs_light bg-l-cream">
<div class="chimney">*
<div class="section__container CTA__container">
<h3 class="CTA__title">
<div class="CTA__content">
* facultatif