Brand — Hack Club

Hack Club must always be written as Hack Club, not hackclub / Hackclub / HackClub / hackClub

Same with Hack Clubber or Hack Clubbers. It's never hackclubbers or Hackclubbers

Important / should not be missable by anyone who is designing a sticker: All sticker designs must have the text Hack Club somewhere on the design. It can be subtle, but "Hack Club" must appear somewhere on the design

Orpheus Flag Top

SVG PNG PDF

https://assets.hackclub.com/flag-orpheus-top.svg

Orpheus Flag Left

SVG PNG PDF

https://assets.hackclub.com/flag-orpheus-left.svg

Flag Standalone

SVG PNG PDF

https://assets.hackclub.com/flag-standalone.svg

Orpheus Flag Top B/W

SVG PNG PDF

https://assets.hackclub.com/flag-orpheus-top-bw.svg

Orpheus Flag Left B/W

SVG PNG PDF

https://assets.hackclub.com/flag-orpheus-left-bw.svg

Flag Standalone B/W

SVG PNG PDF

https://assets.hackclub.com/flag-standalone-bw.svg

Icon Rounded

SVG PNG PDF

https://assets.hackclub.com/icon-rounded.svg

Icon Square

SVG PNG PDF

https://assets.hackclub.com/icon-square.svg

Icon Progress Rounded

SVG PNG PDF

https://assets.hackclub.com/icon-progress-rounded.svg

Icon Progress Square

SVG PNG PDF

https://assets.hackclub.com/icon-progress-square.svg

Download all logos

HCB Light

SVG PNG PDF

https://assets.hackclub.com/hcb-light.svg

HCB Dark

SVG PNG PDF

https://assets.hackclub.com/hcb-dark.svg

View HCB branding guidelines

<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 component

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;
}