Brand — Hack Club

Hack Club deve sempre essere scritto come Hack Club, non hackclub / Hackclub / HackClub / hackClub

Lo stesso vale per Hack Clubber o Hack Clubbers. Non si scrive mai hackclubbers o Hackclubbers

Importante / non deve sfuggire a nessuno che stia progettando un adesivo: tutti i design degli adesivi devono contenere il testo Hack Club da qualche parte nel design. Può essere discreto, ma "Hack Club" deve comparire da qualche parte nel design

Bandiera Orpheus in alto

SVG PNG PDF

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

Bandiera Orpheus a sinistra

SVG PNG PDF

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

Bandiera singola

SVG PNG PDF

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

Bandiera Orpheus in alto B/N

SVG PNG PDF

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

Bandiera Orpheus a sinistra B/N

SVG PNG PDF

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

Bandiera singola B/N

SVG PNG PDF

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

Icona arrotondata

SVG PNG PDF

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

Icona quadrata

SVG PNG PDF

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

Icona progresso arrotondata

SVG PNG PDF

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

Icona progresso quadrata

SVG PNG PDF

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

Scarica tutti i loghi

HCB chiaro

SVG PNG PDF

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

HCB scuro

SVG PNG PDF

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

Vedi le linee guida del brand HCB

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

Componente React

Phantom Sans

è il font del nostro brand.

CSS del webfont(clicca per espandere)(clicca per comprimere)

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