Stylepack

बटन

wise.com के बटन

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

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

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

primary बटन

Sign up
Hover
background #163300 → #0d1f00, text #9fe870 → #bbef9a, border #9fe870 → #bbef9a, icon/inner colour → #bbef9a
Focus
outline 2px solid rgb(22, 51, 0), offset 2px
Transition
color, background-color, border-color, 0.35s

secondary बटन

Send money
Hover
background #163300 → #0d1f00, border #163300 → #0d1f00
Transition
color, background-color, 0s, 0.15s

ghost बटन

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

CSS

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

buttons.css
.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 8px 12px;
  background: #163300;
  color: #9fe870;
  border: none;
  border-radius: 9999px;
  font-size: 18px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  cursor: pointer;
}
​
.btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 12px 16px;
  background: #9fe870;
  color: #163300;
  border: none;
  border-radius: 9999px;
  font-size: 14px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  cursor: pointer;
}
​
.btn-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 8px 12px;
  background: transparent;
  color: #163300;
  border: none;
  border-radius: 9999px;
  font-size: 18px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  cursor: pointer;
}

AI एजेंट के लिए

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

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

सवाल

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

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

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

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

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

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