Marca — Hack Club

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