Press & Partners

Fiberhub brand assets

Logos, marks and colors for press, partners and resellers. Grab the whole pack, or take just the file you need below.

Download the brand pack ZIP · 520 KB · every mark in every format, plus the palette and a README
Mark 1 of 2

Wordmark

FIBERHUB lettering with the fiber line and hex node. Our primary logo. Use it whenever there is room.

Fiberhub wordmark, for dark backgrounds
For dark backgrounds SVG PDF PNG @1x PNG @2x PNG 150px PNG 300px PNG @4x print WEBP WEBP 150px WEBP 300px
Fiberhub wordmark, for light backgrounds
For light backgrounds SVG PDF PNG @1x PNG @2x PNG 150px PNG 300px PNG @4x print WEBP WEBP 150px WEBP 300px
Fiberhub wordmark, knockout white: photos and one-color dark
Knockout white: photos and one-color dark SVG PDF PNG @1x PNG @2x PNG @4x print WEBP
Fiberhub wordmark, knockout black: one-color print
Knockout black: one-color print SVG PDF PNG @1x PNG @2x PNG @4x print WEBP

Minimum size: 120 px wide on screen, 1 inch in print. Leave clear space on every side equal to the height of the hex node.

Mark 2 of 2

Hex mark

A hexagonal glyph with an inner F-stroke. Our icon mark: use it wherever a square mark is expected, from app icons and social profile pictures to watermarks and favicons.

Fiberhub hex mark, on tile: app icons and social avatars
On tile: app icons and social avatars SVG PDF PNG 256px PNG 512px PNG 1024px PNG 1500px WEBP
Fiberhub hex mark, small: favicons and anything 16 to 32 px
Small: favicons and anything 16 to 32 px SVG PNG 16px PNG 32px PNG 48px PNG 64px
Fiberhub hex mark, transparent, for dark backgrounds
Transparent, for dark backgrounds SVG PDF PNG 256px PNG 512px PNG 1024px PNG 1500px WEBP
Fiberhub hex mark, transparent, for light backgrounds
Transparent, for light backgrounds SVG PDF PNG 256px PNG 512px PNG 1024px PNG 1500px WEBP
Fiberhub hex mark, knockout white: photos and one-color dark
Knockout white: photos and one-color dark SVG PDF PNG 256px PNG 512px PNG 1024px PNG 1500px WEBP
Fiberhub hex mark, knockout black: one-color print
Knockout black: one-color print SVG PDF PNG 256px PNG 512px PNG 1024px PNG 1500px WEBP

Minimum size: 48 px square on screen, 0.5 inch in print. Below 48 px, use the small version, which works down to 16 px.

Usage

Which mark for which job?

Where it's goingUse
Website header, email signature, top of a business cardWordmark (dark or light, to suit the background)
App icon, social media profile pictureHex mark on its tile
Watermark, or a mark on a colored or photo backgroundTransparent hex mark (dark or light)
Favicon, or anything 16 to 32 pxSmall hex mark
One-color print: newspaper, fax, rubber stampKnockout-black wordmark or hex mark
Over a photo or a dark one-color backgroundKnockout-white wordmark or hex mark

File formats

.svgVector. Use it for the web and for editing in Illustrator, Affinity or Figma. It scales to any size.
.pdfVector. Use it for print production and for Office documents that accept vector art.
.pngRaster, for places that won't take vector files, such as older CMSs and social platforms. @1x, @2x and @4x-print300dpi are scale factors; -150, -256 and so on are pixel widths.
.webpRaster, for the web when you need a smaller file than PNG.

For email signatures, use the 300 px wordmark displayed at 150 px wide. It stays sharp on high-DPI (retina) screens.

Palette

Brand colors

CMYK values are approximate conversions for coated stock. For brand-critical print runs, ask your printer for Pantone-matched proofs from the hex values.

Brand Blue (dark mode) #2D8BFA RGB 45, 139, 250
CMYK ~82 / 44 / 0 / 2
CTAs, links, accents, the HUB letterform
Brand Blue (light mode) #1F7BE6 RGB 31, 123, 230
CMYK ~86 / 47 / 0 / 10
The same role on light backgrounds
Brand Deep (navy) #1F3A66 RGB 31, 58, 102
CMYK ~70 / 43 / 0 / 60
Atmospheric depth. The original 2011 navy.
Base (dark) #141A24 RGB 20, 26, 36 Dark page background
Text (dark) #E8EDF5 RGB 232, 237, 245 Text on dark backgrounds
Text (light) #0F1620 RGB 15, 22, 32 Text on light backgrounds

The full palette, including the dark and light theme neutrals, is in colors.txt.

Ground rules

Please don't

  • Don't recolor a mark outside the brand palette. Use a knockout variant when you need one color.
  • Don't rotate, skew or stretch it.
  • Don't add drop shadows, glows or outlines.
  • Don't put a dark-background variant on a light background, or the reverse.
  • Don't retype the wordmark in a font. Its letterforms are custom outlines, and any typeface will look wrong next to the real thing.

Need a format we don't have, or permission for something unusual?

Get in touch