Stylepack

बटन

gitnimble.com के बटन

gitnimble.com का प्राइमरी बटन #f2f3f5 है, #8a8d94 टेक्स्ट, 9999px कोनों और 32px ऊँचाई के साथ। नीचे: साइट का हर बटन वैरिएंट, उसकी hover और focus states, और वह CSS जिससे आपके बटन वैसे ही दिखें।

gitnimble.com से 4 दिन पहले मापा गया।

पूरा डिज़ाइन पैक खोलेंपैक डाउनलोड करें

secondary बटन

और जानें
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 बटन

Download
Hover
कोई दिखने लायक बदलाव नहीं

CSS

हर वैरिएंट के लिए एक class, मापे गए मानों के साथ। फ़ॉन्ट वही है जो gitnimble.com अपने बटनों पर सेट करता है।

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

AI एजेंट के लिए

पैक सादा टेक्स्ट है, कोई key नहीं: DESIGN.md लाएँ, या पूरा पैक MCP सर्वर से Claude Code, Cursor या Copilot को दें।

curl -s https://stylepack.ai/packs/gitnimble.com/DESIGN.md

सवाल

gitnimble.com जैसे बटन कैसे बनाऊँ?

इस पेज की CSS इस्तेमाल करें: प्राइमरी बटन #f2f3f5 है, #8a8d94 टेक्स्ट, 9999px कोने, 32px ऊँचाई। हर वैरिएंट के नीचे दिए hover और focus नियम जोड़ें और बटन का फ़ॉन्ट वही रखें जो gitnimble.com इस्तेमाल करता है।

gitnimble.com के बटन किस रंग के हैं?

gitnimble.com का प्राइमरी बटन #f2f3f5 है, #8a8d94 टेक्स्ट के साथ। साइट कुल 2 बटन वैरिएंट इस्तेमाल करती है; हर एक इस पेज पर अपने बैकग्राउंड, बॉर्डर, radius और साइज़ के साथ दिया है।

क्या कोई AI कोडिंग एजेंट gitnimble.com के बटन कॉपी कर सकता है?

हाँ। Stylepack से मिला gitnimble.com का डिज़ाइन पैक हर बटन वैरिएंट को उसकी states, फ़ॉन्ट, रंग और स्क्रीनशॉट के साथ रखता है, ताकि Claude Code, Cursor या Copilot वैसे ही बटन बना सकें।