Stylepack

Boutons

Les boutons de allanpooley.com

Le bouton principal de allanpooley.com est #ffffff avec du texte #000000, des coins de 24px et 45px de haut. Ci-dessous : chaque variante de bouton du site, ses états de survol et de focus, et le CSS pour que les vôtres aient la même allure.

Mesuré sur allanpooley.com il y a 4 jours.

Ouvrir le pack de design completTélécharger le pack

Bouton secondary

The Pluriversity
Survol
aucun changement visible
Transition
all, 0s

Bouton ghost

Pause
Survol
aucun changement visible

Le CSS

Une classe par variante, avec les valeurs mesurées. La police est celle que allanpooley.com applique à ses boutons.

buttons.css
.btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  padding: 12px 24px;
  background: #ffffff;
  color: #000000;
  border: 1px solid #000000;
  border-radius: 24px;
  font-size: 16px;
  font-weight: 400;
  font-family: "fontNeueMontreal", sans-serif;
  cursor: pointer;
}
​
.btn-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 21px;
  padding: 0px 0px;
  background: transparent;
  color: #000000;
  border: none;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 400;
  font-family: "fontNeueMontreal", sans-serif;
  text-transform: uppercase;
  cursor: pointer;
}

Pour les agents IA

Le pack est du texte brut, sans clé : récupérez DESIGN.md, ou confiez tout le pack à Claude Code, Cursor ou Copilot via le serveur MCP.

curl -s https://stylepack.ai/packs/allanpooley.com/DESIGN.md

Questions

Comment faire des boutons comme allanpooley.com ?

Utilisez le CSS de cette page : le bouton principal est #ffffff avec du texte #000000, des coins de 24px, 45px de haut. Ajoutez les règles de survol et de focus listées sous chaque variante et donnez au bouton la police que allanpooley.com utilise.

De quelle couleur sont les boutons de allanpooley.com ?

Le bouton principal de allanpooley.com est #ffffff avec du texte #000000. Le site utilise 2 variantes de bouton au total ; chacune est listée sur cette page avec son fond, sa bordure, son arrondi et sa taille.

Un agent de code IA peut-il copier les boutons de allanpooley.com ?

Oui. Le pack de design de allanpooley.com sur Stylepack contient chaque variante de bouton avec ses états, les polices, les couleurs et les captures, pour que Claude Code, Cursor ou Copilot puissent créer des boutons identiques.