Brand guidelines

The Crypto Hub — brand & logo

Our logo, colors, and typography — in SVG, PNG, and animated HTML5. Free to use for press, partners, and community coverage. Please keep the mark legible and don't recolor or distort it.

Download brand kit (.zip)Usage notes

The logo

Vector (SVG), raster (PNG at multiple sizes), and self-contained animated HTML5.

Animated HTML5 · self-containedOpen
Full lockup — dark
Full lockup — dark

Primary lockup for dark surfaces: gradient icon + wordmark.

SVG PNG 600 PNG 1200 HTML5
Full lockup — light
Full lockup — light

For light / white backgrounds. Same lockup, dark wordmark.

SVG PNG 600 PNG 1200
Icon mark
Icon mark

The orbital-hub glyph on its own — app icon, avatars, favicons.

SVG PNG 512 PNG 1024 HTML5
Favicon
Favicon

Square icon tuned for tiny sizes. PNGs at 16–512.

SVG PNG 32 PNG 180 PNG 512

Colors

Click any swatch to copy its hex. Dark-mode-first — the dark surface is the primary brand canvas.

Accents

Surfaces & text

colors.json colors.css

Typography

A geometric display face for the brand mark, a clean sans for everything else.

Display / logo
Orbitron

Used only for the wordmark and rare hero moments. Weight 700, wide letter-spacing.

Body / UI
Inter / system-ui

All product and marketing copy. Regular to bold; native system stack as fallback.

Do & don't

Keep the mark recognisable.

Do
  • Use the SVG wherever possible for crispness.
  • Keep clear space around the mark — at least the height of the icon.
  • Use the light-background lockup on white or pale surfaces.
  • Use the green on dark; either lockup on neutral photography.
Don't
  • Recolor the gradient or wordmark.
  • Stretch, rotate, or add shadows/outlines to the mark.
  • Place the dark lockup on a busy or low-contrast background.
  • Recreate the wordmark in a different typeface.