## Logos

Orpheus Flag – Top

[SVG](https://assets.hackclub.com/flag-orpheus-top.svg) [PNG](https://assets.hackclub.com/flag-orpheus-top.png) [PDF](https://assets.hackclub.com/flag-orpheus-top.pdf)

Orpheus Flag – Left

[SVG](https://assets.hackclub.com/flag-orpheus-left.svg) [PNG](https://assets.hackclub.com/flag-orpheus-left.png) [PDF](https://assets.hackclub.com/flag-orpheus-left.pdf)

Flag Standalone

[SVG](https://assets.hackclub.com/flag-standalone.svg) [PNG](https://assets.hackclub.com/flag-standalone.png) [PDF](https://assets.hackclub.com/flag-standalone.pdf)

Orpheus Flag – Top (B/W)

[SVG](https://assets.hackclub.com/flag-orpheus-top-bw.svg) [PNG](https://assets.hackclub.com/flag-orpheus-top-bw.png) [PDF](https://assets.hackclub.com/flag-orpheus-top-bw.pdf)

Orpheus Flag – Left (B/W)

[SVG](https://assets.hackclub.com/flag-orpheus-left-bw.svg) [PNG](https://assets.hackclub.com/flag-orpheus-left-bw.png) [PDF](https://assets.hackclub.com/flag-orpheus-left-bw.pdf)

Flag Standalone (B/W)

[SVG](https://assets.hackclub.com/flag-standalone-bw.svg) [PNG](https://assets.hackclub.com/flag-standalone-bw.png) [PDF](https://assets.hackclub.com/flag-standalone-bw.pdf)

Flag Standalone Wtransparent

[SVG](https://assets.hackclub.com/flag-standalone-wtransparent.svg) [PNG](https://assets.hackclub.com/flag-standalone-wtransparent.png) [PDF](https://assets.hackclub.com/flag-standalone-wtransparent.pdf)

Icon Rounded

[SVG](https://assets.hackclub.com/icon-rounded.svg) [PNG](https://assets.hackclub.com/icon-rounded.png) [PDF](https://assets.hackclub.com/icon-rounded.pdf)

Icon Square

[SVG](https://assets.hackclub.com/icon-square.svg) [PNG](https://assets.hackclub.com/icon-square.png) [PDF](https://assets.hackclub.com/icon-square.pdf)

Icon Progress Rounded

[SVG](https://assets.hackclub.com/icon-progress-rounded.svg) [PNG](https://assets.hackclub.com/icon-progress-rounded.png) [PDF](https://assets.hackclub.com/icon-progress-rounded.pdf)

Icon Progress Square

[SVG](https://assets.hackclub.com/icon-progress-square.svg) [PNG](https://assets.hackclub.com/icon-progress-square.png) [PDF](https://assets.hackclub.com/icon-progress-square.pdf)

## HCB Logos

HCB Light

[SVG](https://assets.hackclub.com/hcb-light.svg) [PNG](https://assets.hackclub.com/hcb-light.png) [PDF](https://assets.hackclub.com/hcb-light.pdf)

HCB Dark

[SVG](https://assets.hackclub.com/hcb-dark.svg) [PNG](https://assets.hackclub.com/hcb-dark.png) [PDF](https://assets.hackclub.com/hcb-dark.pdf)

## 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](https://github.com/hackclub/icons).