Stylepack

बटन

papermark.com के बटन

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

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

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

primary बटन

Start now
Hover
background #000000 → #000000e6
Focus
outline 2px solid rgba(0, 0, 0, 0), offset 2px
Transition
color, filter, 0.25s, 0.25s

secondary बटन

Start for free
Hover
background transparent → #ffffff14
Transition
background, color, border-color, 0.2s, 0.2s, 0.2s

ghost बटन

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

CSS

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

buttons.css
.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 8px 16px;
  background: #000000;
  color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  font-family: "__Inter_d8ebd1", sans-serif;
  cursor: pointer;
}
​
.btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 51px;
  padding: 14px 22px;
  background: #ffffff;
  color: #0b0b0b;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  font-family: "__Inter_d8ebd1", sans-serif;
  cursor: pointer;
}
​
.btn-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 4px 10px;
  background: transparent;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 400;
  font-family: "__Inter_d8ebd1", sans-serif;
  cursor: pointer;
}

AI एजेंट के लिए

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

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

सवाल

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

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

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

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

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

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