Stylepack

बटन

situationnormal.co के बटन

situationnormal.co का प्राइमरी बटन #a3a3a34d है, #0000ee टेक्स्ट, 9999px कोनों और 42px ऊँचाई के साथ। नीचे: साइट का हर बटन वैरिएंट, उसकी hover और focus states, और वह CSS जिससे आपके बटन वैसे ही दिखें।

situationnormal.co से 4 दिन पहले मापा गया।

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

secondary बटन

Home
Hover
background #a3a3a34d → #e3e3e3, transforms
Transition
all, 0s

CSS

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

buttons.css
.btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  padding: 10px 10px;
  background: #a3a3a34d;
  color: #0000ee;
  border: none;
  border-radius: 9999px;
  font-size: 12px;
  font-weight: 400;
  font-family: "EB Garamond", sans-serif;
  cursor: pointer;
}

AI एजेंट के लिए

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

curl -s https://stylepack.ai/packs/situationnormal.co/DESIGN.md

सवाल

situationnormal.co जैसे बटन कैसे बनाऊँ?

इस पेज की CSS इस्तेमाल करें: प्राइमरी बटन #a3a3a34d है, #0000ee टेक्स्ट, 9999px कोने, 42px ऊँचाई। हर वैरिएंट के नीचे दिए hover और focus नियम जोड़ें और बटन का फ़ॉन्ट वही रखें जो situationnormal.co इस्तेमाल करता है।

situationnormal.co के बटन किस रंग के हैं?

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

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

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