Hack Club brendi
Hack Club həmişə Hack Club kimi yazılmalıdır, hackclub / Hackclub / HackClub / hackClub kimi yox
Hack Clubber və Hack Clubbers üçün də eyni qayda tətbiq olunur. Heç vaxt hackclubbers və ya Hackclubbers yazılmır
Vacibdir / stiker hazırlayan heç kimin nəzərindən qaçmamalıdır: Bütün stiker dizaynlarının bir yerində Hack Club yazısı olmalıdır. Kiçik ola bilər, amma dizaynda mütləq "Hack Club" görünməlidir
Loqolar
Hack Club-ın rəsmi loqo faylları buradadır. SVG, PNG və PDF formatları mövcuddur. Loqonu dartma, kontur əlavə etmə və rəngini dəyişmə.
HCB loqoları
HCB brend materialları.
HCB-nin öz üslubu var. Açıq və tünd versiyalarını buradan əldə et.
HTML bannerləri
İstifadəyə hazır HTML bannerləri.
Bu kod parçaları ilə saytına Hack Club bayrağı yerləşdir.
<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>
Rəng
Rəsmi rəng palitrası.
Hack Club dizaynlarında bu rənglərdən istifadə et. Əsas rəng qırmızıdır, qalanları onu tamamlayır.
Hack Club qırmızısı
#ec3750Narıncı
#ff8c37Sarı
#f1c40fYaşıl
#33d6a6Mavi-yaşıl
#5bc0deMavi
#338edaBənövşəyi
#a633d6Solğun
#8492a6Şriftlər
Phantom Sans brend şriftimizdir.
Məhsul mətnləri və istifadəçi interfeysi üçün Phantom Sans şriftindən istifadə et. Aşağıdakı veb şrift CSS-i yalnız qərargah saytları üçündür.
Veb şrift CSS-i(açmaq üçün kliklə)(yığmaq üçün kliklə)
@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;
}İkonlar
Hack Club ikonları.
@hackclub/icons adı ilə yayımladığımız öz ikon dəstimiz var.
İnterfeys komponentləri
Hack Club üslubunda saytlar.
Saytına Hack Club ab-havası qatmaq üçün hazır CSS və interfeys komponentlərimizdən istifadə et.

