Brand Kit

Assets for press, partners,
and community coverage.

The official logo, color palette, and typography behind The Crypto Hub. Free to use for anyone writing about us, integrating with us, or building alongside us.

Download full kit (.zip)Read the brand guide
The Crypto Hub marketing hero — brand lockup with a stylised BTC price card.

1200×720 marketing hero · Download PNG · Download SVG

Logo

The Orbital Hub mark

An open orbit ring with an ascending spark, painted in the brand green gradient. Use the full lockup wherever there is room, the icon-only mark for compact placements.

Full lockup (dark)

Full lockup (dark)

Primary lockup for dark surfaces — gradient icon + wordmark.

SVG
Full lockup (light)

Full lockup (light)

Solid-color variant for light surfaces.

SVG
Icon mark

Icon mark

Orbital Hub glyph only — for app icons, avatars, favicons.

SVG
Favicon / app tile

Favicon / app tile

Square, knocked-out mark on a solid gradient chip.

SVG
Color

Brand palette

Dark-mode-first — treat the dark theme as the primary surface. Green leads; gold is the premium / light-theme accent.

Accents

Profit#22C55E

Primary brand · positive · buy

Loss#EF4444

Negative · sell · destructive

Gold#F59E0B

Premium · highlights · light-theme primary

Purple#8B5CF6

Secondary data accent

Cyan#06B6D4

Tertiary data accent · info

Orange#F97316

Quaternary accent · chips / warnings

Dark-theme surfaces

Background

#111113

App background (primary surface)

Sidebar

#0E0E10

Navigation surface

Popover

#18181B

Menus, dialogs

Foreground

#EAEAEC

Primary text

Muted

#A1A1AA

Secondary text

Full token map (with light-theme values, CSS variables, and Tailwind names) is in the kit: colors.json · colors.css

Typography

Fonts

Two families do most of the work — Orbitron for the display/logo voice, Exo 2 for body text.

Orbitron

Display / heading

TheCryptoHub

Logo wordmark, hero + section headings, stat values, uppercase labels.

Exo 2

Body / sans

Trade. Learn. Grow.

Default UI + body copy. 300 / 400 / 500 / 600 / 700 weights.

Usage

Do & don't

Do

  • Use the gradient wordmark + gradient icon on dark surfaces.
  • Use the solid-green variant on light surfaces when contrast needs it.
  • Keep the icon inside its translucent green chip, per the component.
  • Maintain clear space around the lockup of at least the chip height.

Don't

  • Don't recolor the wordmark or mark outside the approved green.
  • Don't stretch, rotate, or add drop shadows outside the defined glow.
  • Don't reintroduce the legacy hexagon mark.
  • Don't close the orbit ring or detach the spark's node.

Everything in one file

Grab the full brand kit

Logos, colors, typography, and the marketing hero — one .zip, ready for a press pack or partner deck.

Download brand-kit.zip