Botones
Los botones de situationnormal.co
El botón principal de situationnormal.co es #a3a3a34d con texto #0000ee, esquinas de 9999px y 42px de alto. Abajo: cada variante de botón que usa el sitio, sus estados hover y foco, y el CSS para que los tuyos se vean igual.
Medido en situationnormal.co hace 4 días.
Botón secondary
- Hover
- background #a3a3a34d → #e3e3e3, transforms
- Transición
- all, 0s
El CSS
Una clase por variante, con los valores medidos. La fuente es la que situationnormal.co usa en sus botones.
.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;
}Para agentes de IA
El paquete es texto plano, sin clave: descarga DESIGN.md o entrega el paquete completo a Claude Code, Cursor o Copilot con el servidor MCP.
curl -s https://stylepack.ai/packs/situationnormal.co/DESIGN.mdPreguntas
¿Cómo hago botones como los de situationnormal.co?
Usa el CSS de esta página: el botón principal es #a3a3a34d con texto #0000ee, esquinas de 9999px y 42px de alto. Añade las reglas de hover y foco que aparecen bajo cada variante y pon en el botón la fuente que usa situationnormal.co.
¿De qué color son los botones de situationnormal.co?
El botón principal de situationnormal.co es #a3a3a34d con texto #0000ee. El sitio usa 1 variantes de botón en total; cada una está en esta página con su fondo, borde, radio y tamaño.
¿Puede un agente de programación con IA copiar los botones de situationnormal.co?
Sí. El paquete de diseño de situationnormal.co de Stylepack contiene cada variante de botón con sus estados, las fuentes, los colores y las capturas, así que Claude Code, Cursor o Copilot pueden construir botones que coincidan.