Stylepack

Buttons

The buttons on gitnimble.com

The primary button on gitnimble.com is #f2f3f5 with #8a8d94 text, 9999px corners and 32px tall. Below: every button variant the site uses, its hover and focus states, and the CSS to make yours look the same.

Measured from gitnimble.com 4 days ago.

Open the full design packDownload the pack

secondary button

Learn more
Hover
background color(display-p3 0 0.357 1) → #0049cc, shadow added (color(srgb -0.166327 0.364166 1.03865 / 0.24) 0px 16px 40px )
Transition
background, border-color, color, transform, box-shadow, 0.15s, 0.15s, 0.15s, 0.15s, 0.2s

ghost button

Download
Hover
no visible change

The CSS

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

buttons.css
.btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0px 0px;
  background: #f2f3f5;
  color: #8a8d94;
  border: none;
  border-radius: 9999px;
  font-size: 16px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  cursor: pointer;
}
​
.btn-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  padding: 0px 16px;
  background: transparent;
  color: #ffffff;
  border: none;
  border-radius: 9999px;
  font-size: 14px;
  font-weight: 540;
  font-family: "Inter", 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/gitnimble.com/DESIGN.md

Questions

How do I make buttons like gitnimble.com?

Use the CSS on this page: the primary button is #f2f3f5 with #8a8d94 text, 9999px corners, 32px tall. Add the hover and focus rules listed under each variant and set the button font to the one gitnimble.com uses.

What color are the gitnimble.com buttons?

The primary button on gitnimble.com is #f2f3f5 with #8a8d94 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 gitnimble.com buttons?

Yes. The gitnimble.com 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.