Brand

Color Palette

HubSync Brand Colors

HubSync’s color palette is a key element of our brand identity, providing a cohesive and recognizable look across all digital and print materials.

These primary colors are official to the brand and should be the first choice when considering colors for Hubsync materials or assets.

White
HEX: #FFFFFF
RGB: 255, 255, 255
CMYK: 0%, 0%, 0%, 0%
Sky Blue
HEX: #E8F2FF
RGB: 232, 242, 255
CMYK: 9%, 5%, 0%, 0%
Royal Blue
HEX: #0065FF
RGB: 0, 101, 255
CMYK: 100%, 60%, 0%, 0%
White Shade
HEX: #F2F2F2
RGB: 242, 242, 242
CMYK: 0%, 0%, 0%, 5%
Sky Shade
HEX: #C3E0FA
RGB: 195, 224, 250
CMYK: 22%, 10%, 0%, 2%
Dodger Blue
HEX: #3384FF
RGB: 51, 132, 255
CMYK: 80%, 48%, 0%, 0%
Dark Blue
HEX: #003380
RGB: 0, 51, 128
CMYK: 100%, 60%, 0%, 50%
Dim Grey
HEX: #5F6474
RGB: 95, 100, 116
CMYK: 18%, 14%, 0%, 55%
Charcoal
HEX: #252833
RGB: 37, 40, 51
CMYK: 28%, 22%, 0%, 80%
Dark Blue Shade
HEX: #012254
RGB: 1, 34, 84
CMYK: 99%, 60%, 0%, 67%
Grey Share
HEX: #2E3342
RGB: 46, 51, 66
CMYK: 31%, 23%, 0%, 74%
Charcoal Shade
HEX: #1A1D26
RGB: 26, 29, 38
CMYK: 32%, 23%, 0%, 85%
67e18ffb2f2e8b9467e885a0_primary-logo-white-color-darkbg

Dark Background

Logo white + color

320x160 px

 

Downloads
.PNG  |  .SVG  |  .JPG

67e191b9e465137ea9737fb6_primary-logo-white-darkbg

Dark Background

Logo white

320x160 px

 

Downloads
.PNG  |  .SVG  |  .JPG

67e19726d0f140b27ee727ed_primary-logo-dark-color-lightbg

Light Background

Logo dark + color

320x160 px

 

Downloads
.PNG  |  .SVG  |  .JPG

67e19727259e8a5ba4322f92_primary-logo-white-bluebg

Light Background

Logo white on blue

320x160 px

 

Downloads
.PNG  |  .SVG  |  .JPG

Logo

Logomark

The primary HubSync logo is the cornerstone of our brand identity and should be used in its original form whenever possible to maintain consistency and recognition.

 

67e198c3154b207478933185_logomark-blue-darkbg

Dark Background

Color

160x160 px

 

Downloads
.PNG  |  .SVG  |  .JPG

67e1994a5047f7a94aae3ab1_logomark-white-darkbg

Dark Background

White

160x160 px

 

Downloads
.PNG  |  .SVG  |  .JPG

67e199ebd36d0d540c45fcde_logomark-blue-lightbg

Light Background

Color

160x160 px

 

Downloads
.PNG  |  .SVG  |  .JPG

67e199ebf8065f5c1c6f45bb_logomark-white-buebg

Light Background

Logo white on blue

160x160 px

 

Downloads
.PNG  |  .SVG  |  .JPG

Logo

Favicon

The HubSync favicon is a small-scale version of our logomark, optimized for clarity and visibility across web browsers and digital interfaces.

 

67e198c3154b207478933185_logomark-blue-darkbg

Dark Background

Color

 

Download - 16x16
.PNG | .SVG.JPG

Download - 36x36
.PNG | .SVG | .JPG

67e1994a5047f7a94aae3ab1_logomark-white-darkbg

Dark Background

White

 

Download - 16x16
.PNG | .SVG | .JPG

Download - 36x36
.PNG | .SVG | .JPG

67e199ebd36d0d540c45fcde_logomark-blue-lightbg

Light Background

Color

 

Download - 16x16
.PNG | .SVG | .JPG

Download - 36x36
.PNG | .SVG | .JPG

Logo

Sizing and Spacing Guide

  • Minimum logo sizing should be at least 24 px tall for clarity purposes.

  • The standard size should be 80px height

  • Clear space is the minimum distance between the logo and other elements. The size of one large line in the logomark defines this minimum clear space surrounding the entire logo.

67e2c3a368ebdbecb6244e1f_spacing

 

Logo

Integrity Guidelines

To maintain brand integrity, never alter the HubSync logo by distorting, recoloring, rotating, adding effects, or modifying its proportions in any way.

 

67e2c5be79ef363bf5974427_Frame 1000000991
Do not alter the colors of the logo
67e2c5bea1689674950cc058_Frame 1000000992

Do not alter the typeface of the logo

67e2c5c4b240735eae72267c_Frame 1000000994

Do not alter the opacity of the logo

67e2c5c0904787174e351779_Frame 1000000993

Do not place the logo on a background with insufficient contrast

67e2c5beda821255115809f5_Frame 1000000995
Do not add a border around the logo
67e2c5be6ea15357a815a949_Frame 1000000996

Do not skew, rotate, or distort the logo in any way

67e2c5c13dd4c2ea12351eec_Frame 1000000997

Do not create a drop shadow under the logo

67e2c5c173d26f0dc6fb1c51_Frame 1000000998

Do not change the position of the logo icon