Stylepack

Buttons

The buttons on holographik.space

The primary button on holographik.space is #000000 with #ffffff text, 9999px corners and 29px tall. Below: every button variant the site uses, its hover and focus states, and the CSS to make yours look the same.

Measured from holographik.space 4 days ago.

Open the full design packDownload the pack

primary button

Book the SpaceBook
Hover
no visible change
Focus
outline 2px solid rgb(0, 0, 0), offset 2px
Transition
background, color, 0.15s, 0.15s

secondary button

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

The CSS

One class per variant, with the measured values. The font is the one holographik.space sets on its buttons.

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;
}

For AI agents

The pack is plain text, no key: fetch DESIGN.md, or hand the whole pack to Claude Code, Cursor or Copilot with the MCP server.

curl -s https://stylepack.ai/packs/holographik.space/DESIGN.md

Questions

How do I make buttons like holographik.space?

Use the CSS on this page: the primary button is #000000 with #ffffff text, 9999px corners, 29px tall. Add the hover and focus rules listed under each variant and set the button font to the one holographik.space uses.

What color are the holographik.space buttons?

The primary button on holographik.space is #000000 with #ffffff text. The site uses 2 button variants in total; each one is listed on this page with its background, border, radius and size.

Can an AI coding agent copy the holographik.space buttons?

Yes. The holographik.space design pack from Stylepack holds every button variant with its states, the fonts, the colors and screenshots, so Claude Code, Cursor or Copilot can build buttons that match.