Wack Club Brand
Logos
Here are the official logo files for Wack Club. We offer SVG, PNG, or PDF formats. Avoid stretching, outlining, or recoloring.
HCB Logos
HCB brand assets.
HCB has its own identity. Grab the light and dark versions here.
HTML banners
Drop-in HTML banners.
Use these snippets to place a Wack Club flag on your site.
<a href="https://wackclub.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="Wack Club"/></a>
<a href="https://wackclub.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="Wack Club"/></a>
<a href="https://wackclub.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="Wack Club"/></a>
Color
The official palette.
Use these colors for Wack Club branding. Red is the hero; the rest are supporting accents.
Wack Club Red
#ec3750Orange
#ff8c37Yellow
#f1c40fGreen
#33d6a6Cyan
#5bc0deBlue
#338edaPurple
#a633d6Muted
#8492a6Fonts
Phantom Sans is our brand font.
Use Phantom Sans for product copy and UI. The webfont CSS is below for HQ sites only.
Phantom Sans
is our brand font.
Webfont CSS(click to expand)(click to collapse)
@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
Wack Club Icons.
We have a custom icon set published as @wackclub/icons.
UI components
Wack Club themed sites.
Use our pre-made CSS and UI components to hackify your site.