Skip to main content

Brand Kit

Tech Hub, on brand.

Logos, colors, and type for partners, advisors, and team members. Download what you need — and keep Tech Hub looking like Tech Hub.

Logos & marks

The logo.

The wordmark and the icon mark, in the right formats for light and dark backgrounds. Prefer the SVG mark wherever it scales.

Tech Hub Wordmark — White

Wordmark — White

PNG

For dark backgrounds.

Download
Tech Hub Wordmark — Royal Blue

Wordmark — Royal Blue

PNG

For light backgrounds.

Download
Tech Hub Icon Mark

Icon Mark

SVG

The Tech Hub mark. Scales cleanly.

Download
Tech Hub Icon Mark — Gold

Icon Mark — Gold

SVG

The mark, for dark backgrounds.

Download

Color

The palette.

Navy and gold carry the brand; the rest supports. Use the HEX values below across decks, documents, and co-branded materials.

Brand

Navy

#00296B

Primary

Deep Navy

#001845

Deep surface

Gold

#FDC500

Accent / CTA

Electric Blue

#0066FF

Sparing / UI

Neutrals

Ink

#0F172A

Body text

Slate

#4A5568

Secondary text

Light Gray

#F2F4F7

Light surface

White

#FFFFFF

Base

Typography

The type.

Two typefaces, both free from Google Fonts. Manrope sets headlines; Inter handles everything else.

Aa

Manrope

Display / headings · 600 · 700 · 800

Get font

Aa

Inter

Body / interface · 400 · 500 · 600

Get font

Pattern

The topographic mark.

A contour-line motif used as a subtle background texture across the site. Keep it low-contrast — a light tint over navy, or a faint grey on white — so it never competes with the content.

Download the pattern (SVG)
Tech Hub topographic contour pattern

Usage

Keep it consistent.

Do

  • Keep clear space around the logo — at least the height of the mark.
  • Use the white wordmark on dark backgrounds and the royal-blue wordmark on light ones.
  • Use the approved brand colors and Manrope / Inter for type.
  • Scale the SVG mark for anything small (favicons, avatars, app icons).

Don't

  • ×Recolor, restretch, rotate, or add shadows and effects to the logo.
  • ×Place the white wordmark on a light background (or vice versa).
  • ×Rebuild the wordmark in a different typeface.
  • ×Crop the mark or crowd it with other elements.

Need something that isn't here?

Custom or co-branded assets, other formats, or a brand question — reach out and we'll sort it out.