Stylepack

Botones

Los botones de holographik.space

El botón principal de holographik.space es #000000 con texto #ffffff, esquinas de 9999px y 29px 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 holographik.space hace 4 días.

Abrir el paquete de diseño completoDescargar el paquete

Botón primary

Book the SpaceBook
Hover
sin cambio visible
Foco
outline 2px solid rgb(0, 0, 0), offset 2px
Transición
background, color, 0.15s, 0.15s

Botón secondary

Instagram
Hover
background transparent → #ffffff1a, text #b7b7b2 → #ffffff, icon/inner colour → #ffffff
Transición
color, background, 0.15s, 0.15s

El CSS

Una clase por variante, con los valores medidos. La fuente es la que holographik.space usa en sus botones.

buttons.css
.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 29px;
  padding: 7px 14px;
  background: #000000;
  color: #ffffff;
  border: none;
  border-radius: 9999px;
  font-size: 13px;
  font-weight: 500;
  font-family: "KH Teka", sans-serif;
  cursor: pointer;
}
​
.btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 27px;
  padding: 6px 12px;
  background: #f1f1f1;
  color: #000000;
  border: none;
  border-radius: 0px;
  font-size: 13px;
  font-weight: 500;
  font-family: "KH Teka", 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/holographik.space/DESIGN.md

Preguntas

¿Cómo hago botones como los de holographik.space?

Usa el CSS de esta página: el botón principal es #000000 con texto #ffffff, esquinas de 9999px y 29px 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 holographik.space.

¿De qué color son los botones de holographik.space?

El botón principal de holographik.space es #000000 con texto #ffffff. El sitio usa 2 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 holographik.space?

Sí. El paquete de diseño de holographik.space 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.