# Boutons - Système de design Unless

Composants

# Boutons
  [Variantes](/fr/design/components/buttons/)[États](/fr/design/components/buttons/states/)[Usage](/fr/design/components/buttons/usage/)
## Quand utiliser quelle variante

Les règles de placement derrière primaire / secondaire / discret. Un seul primaire par surface, jamais deux CTA en concurrence côte à côte - ces contraintes sont ce qui garde la voix des appels à l'action singulière sur tout le site.

- Un seul primaire par surface - jamais deux CTA en concurrence dans la même bande.
- Les CTA discrets / liens portent l'action secondaire (« En savoir plus → »).
- Les bandes héros et CTA héritent automatiquement de la recette primaire correspondante.
       [Boutons · États](/fr/design/components/buttons/states/)     [Cartes · Variantes](/fr/design/components/cards/)