Buttons
Die Buttons von situationnormal.co
Der primäre Button auf situationnormal.co ist #a3a3a34d mit Text in #0000ee, Radius 9999px und 42px hoch. Unten: jede Button-Variante der Seite, ihre Hover- und Fokus-Zustände und das CSS, damit deine genauso aussehen.
vor 4 Tagen auf situationnormal.co gemessen.
Button secondary
- Hover
- background #a3a3a34d → #e3e3e3, transforms
- Transition
- all, 0s
Das CSS
Eine Klasse pro Variante, mit den gemessenen Werten. Die Schrift ist die, die situationnormal.co auf seinen Buttons setzt.
.btn-secondary {
display: inline-flex;
align-items: center;
justify-content: center;
height: 42px;
padding: 10px 10px;
background: #a3a3a34d;
color: #0000ee;
border: none;
border-radius: 9999px;
font-size: 12px;
font-weight: 400;
font-family: "EB Garamond", sans-serif;
cursor: pointer;
}Für KI-Agenten
Das Paket ist reiner Text, ohne Key: hol dir DESIGN.md oder gib das ganze Paket per MCP-Server an Claude Code, Cursor oder Copilot.
curl -s https://stylepack.ai/packs/situationnormal.co/DESIGN.mdFragen
Wie baue ich Buttons wie situationnormal.co?
Nutze das CSS auf dieser Seite: Der primäre Button ist #a3a3a34d mit Text in #0000ee, Radius 9999px, 42px hoch. Ergänze die Hover- und Fokus-Regeln unter jeder Variante und setze die Button-Schrift auf die, die situationnormal.co verwendet.
Welche Farbe haben die Buttons von situationnormal.co?
Der primäre Button auf situationnormal.co ist #a3a3a34d mit Text in #0000ee. Die Seite nutzt insgesamt 1 Button-Varianten; jede ist auf dieser Seite mit Hintergrund, Rahmen, Radius und Größe aufgeführt.
Kann ein KI-Coding-Agent die Buttons von situationnormal.co nachbauen?
Ja. Das Designpaket von situationnormal.co bei Stylepack enthält jede Button-Variante mit ihren Zuständen, die Schriften, die Farben und Screenshots, sodass Claude Code, Cursor oder Copilot passende Buttons bauen können.