Бренд Hack Club

Флаг Orpheus сверху

SVG PNG PDF

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

Флаг Orpheus слева

SVG PNG PDF

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

Флаг отдельно

SVG PNG PDF

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

Флаг Orpheus сверху ч/б

SVG PNG PDF

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

Флаг Orpheus слева ч/б

SVG PNG PDF

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

Флаг отдельно ч/б

SVG PNG PDF

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

Иконка скруглённая

SVG PNG PDF

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

Иконка квадратная

SVG PNG PDF

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

Иконка Progress скруглённая

SVG PNG PDF

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

Иконка Progress квадратная

SVG PNG PDF

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

Скачать все логотипы

HCB светлый

SVG PNG PDF

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

HCB тёмный

SVG PNG PDF

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

Брендбук 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>

React-компонент

Красный Hack Club (Red)

#ec3750

Оранжевый (Orange)

#ff8c37

Жёлтый (Yellow)

#f1c40f

Зелёный (Green)

#33d6a6

Голубой (Cyan)

#5bc0de

Синий (Blue)

#338eda

Фиолетовый (Purple)

#a633d6

Приглушённый (Muted)

#8492a6

Phantom Sans

— наш брендовый шрифт.

CSS веб-шрифта(нажмите, чтобы раскрыть)(нажмите, чтобы свернуть)

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