हैक क्लब ब्रांड
हैक क्लब को हमेशा Hack Club ही लिखना है, hackclub / Hackclub / HackClub / hackClub नहीं
यही बात Hack Clubber या Hack Clubbers के लिए भी लागू होती है। इसे कभी भी hackclubbers या Hackclubbers नहीं लिखना है
ज़रूरी / स्टिकर डिज़ाइन करने वाले किसी भी इंसान से यह मिस नहीं होना चाहिए: सभी स्टिकर डिज़ाइन्स में कहीं न कहीं Hack Club टेक्स्ट ज़रूर होना चाहिए। यह हल्का हो सकता है, लेकिन डिज़ाइन में कहीं न कहीं "Hack Club" दिखना ही चाहिए
लोगो एसेट्स।
ये हैक क्लब की आधिकारिक लोगो फ़ाइलें हैं। हम SVG, PNG या PDF फ़ॉर्मैट देते हैं। इन्हें खींचकर बड़ा-छोटा न करें, आउटलाइन न करें और रंग न बदलें।
HCB लोगो
HCB ब्रांड एसेट्स।
HCB की अपनी अलग पहचान है। लाइट और डार्क वर्ज़न यहाँ से लें।
HTML बैनर्स
सीधे लगाने वाले HTML बैनर्स।
अपनी साइट पर हैक क्लब का फ़्लैग लगाने के लिए इन स्निपेट्स का इस्तेमाल करें।
<a href="https://hackclub.com/"><img style="position: absolute; top: 0; left: 10px; border: 0; width: 256px; z-index: 999;" src="https://assets.hackclub.com/flag-orpheus-top.svg" alt="Hack Club"/></a>
<a href="https://hackclub.com/"><img style="position: absolute; top: 0; left: 10px; border: 0; width: 256px; z-index: 999;" src="https://assets.hackclub.com/flag-orpheus-left.svg" alt="Hack Club"/></a>
<a href="https://hackclub.com/"><img style="position: absolute; top: 0; left: 10px; border: 0; width: 256px; z-index: 999;" src="https://assets.hackclub.com/banners/2026.svg" alt="Hack Club"/></a>
रंग
आधिकारिक पैलेट।
हैक क्लब ब्रांडिंग के लिए इन रंगों का इस्तेमाल करें। लाल मुख्य रंग है; बाकी सपोर्टिंग एक्सेंट हैं।
हैक क्लब रेड
#ec3750नारंगी
#ff8c37पीला
#f1c40fहरा
#33d6a6सियान
#5bc0deनीला
#338edaबैंगनी
#a633d6फीका
#8492a6फ़ॉन्ट्स
Phantom Sans हमारा ब्रांड फ़ॉन्ट है।
प्रोडक्ट कॉपी और UI के लिए Phantom Sans का इस्तेमाल करें। वेबफ़ॉन्ट CSS नीचे दी गई है, सिर्फ़ HQ साइट्स के लिए।
वेबफ़ॉन्ट CSS(खोलने के लिए क्लिक करें)(बंद करने के लिए क्लिक करें)
@font-face {
font-family: 'Phantom Sans';
src:
url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Regular.woff')
format('woff'),
url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Regular.woff2')
format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Phantom Sans';
src:
url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Italic.woff')
format('woff'),
url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Italic.woff2')
format('woff2');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Phantom Sans';
src:
url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Bold.woff')
format('woff'),
url('https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Bold.woff2')
format('woff2');
font-weight: bold;
font-style: normal;
font-display: swap;
}आइकन्स
हैक क्लब आइकन्स।
हमारे पास एक कस्टम आइकन सेट है जो @hackclub/icons के नाम से पब्लिश है।
UI कंपोनेंट्स
हैक क्लब डिज़ाइन सिस्टम।
हमारा डिज़ाइन सिस्टम, जो रेडीमेड CSS और UI कंपोनेंट्स के रूप में उपलब्ध है, इस्तेमाल करके अपनी वेबसाइट को हमारी जितनी ही कूल बनाइए।

