Logos
Orpheus Flag – Top
Orpheus Flag – Left
Flag Standalone
Orpheus Flag – Top (B/W)
Orpheus Flag – Left (B/W)
Flag Standalone (B/W)
Flag Standalone Wtransparent
Icon Rounded
Icon Square
Icon Progress Rounded
Icon Progress Square
HCB Logos
HCB Light
HCB Dark
HTML banners
| Preview | HTML code |
|---|---|
<br><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><br> |
|
<br><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><br> |
|
<br><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><br> |
Colors
red#ec3750
orange#ff8c37
yellow#f1c40f
green#33d6a6
cyan#5bc0de
blue#338eda
purple#a633d6
muted#8492a6
Fonts
Phantom Sans is our brand font.
@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;
}
Icons
We have a custom iconset, published as @hackclub/icons.