Marke – Hack Club

Hack Club muss immer als Hack Club geschrieben werden, nicht als hackclub / Hackclub / HackClub / hackClub

Dasselbe gilt für Hack Clubber oder Hack Clubbers. Niemals hackclubbers oder Hackclubbers

Wichtig / für alle, die einen Sticker gestalten, unübersehbar: Auf jedem Stickerdesign muss irgendwo der Text Hack Club stehen. Er kann dezent sein, aber „Hack Club“ muss irgendwo im Design erscheinen

Oberteil mit Orpheus-Flagge

SVG PNG PDF

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

Orpheus-Flagge links

SVG PNG PDF

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

Einzelne Flagge

SVG PNG PDF

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

Orpheus-Flaggenoberteil S/W

SVG PNG PDF

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

Orpheus-Flagge links s/w

SVG PNG PDF

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

Einzelne Flagge S/W

SVG PNG PDF

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

Symbol abgerundet

SVG PNG PDF

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

Symbolquadrat

SVG PNG PDF

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

Symbolfortschritt gerundet

SVG PNG PDF

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

Symbol Fortschrittsquadrat

SVG PNG PDF

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

Alle Logos herunterladen

HCB Licht

SVG PNG PDF

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

HCB Dunkel

SVG PNG PDF

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

HCB-Branding-Leitfaden ansehen

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

Phantom Sans

ist unsere Markenschrift.

Webfont CSS(zum Aufklappen klicken)(zum Zuklappen klicken)

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