Brand — Hack Club

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