Marca — Hack Club

Hack Club siempre debe escribirse como Hack Club, no hackclub / Hackclub / HackClub / hackClub

Lo mismo aplica a Hack Clubber o Hack Clubbers. Nunca debe escribirse hackclubbers ni Hackclubbers

Importante / debería ser imposible pasarlo por alto para quien diseñe un sticker: Todos los diseños de stickers deben incluir el texto Hack Club en algún lugar. Puede ser sutil, pero «Hack Club» debe aparecer en algún lugar del diseño

Bandera Orpheus arriba

SVG PNG PDF

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

Bandera Orpheus a la izquierda

SVG PNG PDF

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

Bandera sola

SVG PNG PDF

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

Bandera Orpheus arriba B/N

SVG PNG PDF

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

Bandera Orpheus a la izquierda B/N

SVG PNG PDF

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

Bandera sola B/N

SVG PNG PDF

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

Icono redondeado

SVG PNG PDF

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

Icono cuadrado

SVG PNG PDF

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

Icono Progress redondeado

SVG PNG PDF

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

Icono Progress cuadrado

SVG PNG PDF

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

Descargar todos los logos

HCB claro

SVG PNG PDF

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

HCB oscuro

SVG PNG PDF

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

Ver la guía de marca de 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

es nuestra fuente de marca.

CSS de la webfont(clic para expandir)(clic para contraer)

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