Stylepack

बटन

cloaked.com के बटन

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

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

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

primary बटन

Get Started
Hover
moves up 2.4px
Focus
no visible focus style measured (may rely on :focus-visible with keyboard only)
Transition
transform, 0.167s

CSS

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

buttons.css
.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0px 16px;
  background: #130f02;
  color: #fbf8ef;
  border: none;
  border-radius: 9999px;
  font-size: 16px;
  font-weight: 300;
  font-family: "Stkbureausans", sans-serif;
  cursor: pointer;
}

AI एजेंट के लिए

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

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

सवाल

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

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

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

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

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

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