Boutons
Les boutons de polestar.com
Le bouton principal de polestar.com est #3a3c3f avec du texte #ffffff, des coins de 9999px et 48px 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 polestar.com il y a 4 jours.
Bouton primary
- Survol
- aucun changement visible
- Focus
- no visible focus style measured (may rely on :focus-visible with keyboard only)
- Transition
- background-color, color, border-color, box-shadow, opacity, 0.2s, 0.2s, 0.2s, 0.2s, 0.2s
Le CSS
Une classe par variante, avec les valeurs mesurées. La police est celle que polestar.com applique à ses boutons.
.btn-primary {
display: inline-flex;
align-items: center;
justify-content: center;
height: 48px;
padding: 0px 0px;
background: #3a3c3f;
color: #ffffff;
border: none;
border-radius: 9999px;
font-size: 16px;
font-weight: 400;
font-family: "Polestar Unica", sans-serif;
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/polestar.com/DESIGN.mdQuestions
Comment faire des boutons comme polestar.com ?
Utilisez le CSS de cette page : le bouton principal est #3a3c3f avec du texte #ffffff, des coins de 9999px, 48px de haut. Ajoutez les règles de survol et de focus listées sous chaque variante et donnez au bouton la police que polestar.com utilise.
De quelle couleur sont les boutons de polestar.com ?
Le bouton principal de polestar.com est #3a3c3f avec du texte #ffffff. Le site utilise 1 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 polestar.com ?
Oui. Le pack de design de polestar.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.