Stylepack

बटन

arc.net के बटन

arc.net का प्राइमरी बटन #ffffff1f है, #ffffff टेक्स्ट, 60px कोनों और 50px ऊँचाई के साथ। नीचे: साइट का हर बटन वैरिएंट, उसकी hover और focus states, और वह CSS जिससे आपके बटन वैसे ही दिखें।

arc.net से 6 दिन पहले मापा गया।

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

secondary बटन

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

ghost बटन

When will I no longer be
Hover
कोई दिखने लायक बदलाव नहीं

CSS

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

buttons.css
.btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  padding: 14px 24px;
  background: #ffffff1f;
  color: #ffffff;
  border: none;
  border-radius: 60px;
  font-size: 16px;
  font-weight: 400;
  font-family: "ABC Oracle", sans-serif;
  cursor: pointer;
}
​
.btn-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 74px;
  padding: 24px 0px;
  background: transparent;
  color: #000000;
  border: none;
  border-radius: 0px;
  font-size: 22px;
  font-weight: 350;
  font-family: "ABC Oracle", sans-serif;
  cursor: pointer;
}

AI एजेंट के लिए

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

curl -s https://stylepack.ai/packs/arc.net/DESIGN.md

सवाल

arc.net जैसे बटन कैसे बनाऊँ?

इस पेज की CSS इस्तेमाल करें: प्राइमरी बटन #ffffff1f है, #ffffff टेक्स्ट, 60px कोने, 50px ऊँचाई। हर वैरिएंट के नीचे दिए hover और focus नियम जोड़ें और बटन का फ़ॉन्ट वही रखें जो arc.net इस्तेमाल करता है।

arc.net के बटन किस रंग के हैं?

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

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

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