मुख्य कंटेंट पर जाएँ

हैक क्लब ब्रांड

हैक क्लब को हमेशा Hack Club ही लिखना है, hackclub / Hackclub / HackClub / hackClub नहीं

यही बात Hack Clubber या Hack Clubbers के लिए भी लागू होती है। इसे कभी भी hackclubbers या Hackclubbers नहीं लिखना है

ज़रूरी / स्टिकर डिज़ाइन करने वाले किसी भी इंसान से यह मिस नहीं होना चाहिए: सभी स्टिकर डिज़ाइन्स में कहीं न कहीं Hack Club टेक्स्ट ज़रूर होना चाहिए। यह हल्का हो सकता है, लेकिन डिज़ाइन में कहीं न कहीं "Hack Club" दिखना ही चाहिए

लोगो एसेट्स।

ये हैक क्लब की आधिकारिक लोगो फ़ाइलें हैं। हम SVG, PNG या PDF फ़ॉर्मैट देते हैं। इन्हें खींचकर बड़ा-छोटा न करें, आउटलाइन न करें और रंग न बदलें।

ऑर्फ़ियस फ़्लैग टॉप

ऑर्फ़ियस फ़्लैग टॉप

https://assets.hackclub.com/flag-orpheus-top.svg
ऑर्फ़ियस फ़्लैग लेफ़्ट

ऑर्फ़ियस फ़्लैग लेफ़्ट

https://assets.hackclub.com/flag-orpheus-left.svg
फ़्लैग (अकेला)

फ़्लैग (अकेला)

https://assets.hackclub.com/flag-standalone.svg
ऑर्फ़ियस फ़्लैग टॉप ब्लैक-व्हाइट

ऑर्फ़ियस फ़्लैग टॉप ब्लैक-व्हाइट

https://assets.hackclub.com/flag-orpheus-top-bw.svg
ऑर्फ़ियस फ़्लैग लेफ़्ट ब्लैक-व्हाइट

ऑर्फ़ियस फ़्लैग लेफ़्ट ब्लैक-व्हाइट

https://assets.hackclub.com/flag-orpheus-left-bw.svg
फ़्लैग (अकेला) ब्लैक-व्हाइट

फ़्लैग (अकेला) ब्लैक-व्हाइट

https://assets.hackclub.com/flag-standalone-bw.svg
आइकन (गोल)

आइकन (गोल)

https://assets.hackclub.com/icon-rounded.svg
आइकन (चौकोर)

आइकन (चौकोर)

https://assets.hackclub.com/icon-square.svg
प्रोग्रेस आइकन (गोल)

प्रोग्रेस आइकन (गोल)

https://assets.hackclub.com/icon-progress-rounded.svg
प्रोग्रेस आइकन (चौकोर)

प्रोग्रेस आइकन (चौकोर)

https://assets.hackclub.com/icon-progress-square.svg
सारे लोगो डाउनलोड करें

HCB लोगो

HCB ब्रांड एसेट्स।

HCB की अपनी अलग पहचान है। लाइट और डार्क वर्ज़न यहाँ से लें।

HCB लाइट

HCB लाइट

https://assets.hackclub.com/hcb-light.svg
HCB डार्क

HCB डार्क

https://assets.hackclub.com/hcb-dark.svg
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>
React कंपोनेंट

रंग

आधिकारिक पैलेट।

हैक क्लब ब्रांडिंग के लिए इन रंगों का इस्तेमाल करें। लाल मुख्य रंग है; बाकी सपोर्टिंग एक्सेंट हैं।

हैक क्लब रेड

#ec3750

नारंगी

#ff8c37

पीला

#f1c40f

हरा

#33d6a6

सियान

#5bc0de

नीला

#338eda

बैंगनी

#a633d6

फीका

#8492a6

फ़ॉन्ट्स

Phantom Sans हमारा ब्रांड फ़ॉन्ट है।

प्रोडक्ट कॉपी और UI के लिए Phantom Sans का इस्तेमाल करें। वेबफ़ॉन्ट CSS नीचे दी गई है, सिर्फ़ HQ साइट्स के लिए।

Phantom Sans
हमारा ब्रांड फ़ॉन्ट है।
वेबफ़ॉन्ट 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 के नाम से पब्लिश है।

clubsclubs
bank-circlebank-circle
event-codeevent-code
homehome
transactionstransactions
boltbolt
photophoto
emojiemoji
हैक क्लब आइकन्स देखें

UI कंपोनेंट्स

हैक क्लब डिज़ाइन सिस्टम।

हमारा डिज़ाइन सिस्टम, जो रेडीमेड CSS और UI कंपोनेंट्स के रूप में उपलब्ध है, इस्तेमाल करके अपनी वेबसाइट को हमारी जितनी ही कूल बनाइए।