top of page

BRAND IDENTITY

Our logomark

About

The Connected logo is the face of the brand. It signals positivity and a strong sense of inclusivity.

Using the icon

The icon alone without the brand name is the shortest version of our logo. Use the icon on its own only if you do not have enough room for the full logo.

*Always ensure an even ‘x’ width of spacing around the logo for an optimal experience.

Name: Navy

HEX: #2f6993

CMYK: C: 86 M: 56 Y: 24 K: 4

Name: Teal

HEX: #50c1bc

CMYK: C: 64 M: 0 Y: 32 K: 0

Name: Red

HEX: #f05655

CMYK: C: 0 M: 82 Y: 64 K: 0

Responsive Logo

Variations

The Connected logo has responsive properties. Use the appropriate variations as required to ensure it always looks its best. The most commonly used variations of the logo are featured on this page.

Logo Guide 3_edited.jpg

Portrait with tagline (for corporate usage)

Logo Guide 4_edited.png

Landscape with tagline

Logo Guide 5_edited.png

Single icon (for very small spaces)

Logo Guide 3_edited.jpg

Portrait (for regular usage)

Logo Guide 4_edited.jpg

Landscape

Logo Guide 5_edited.jpg

Single icon (for colored bg)

*While the icon can exist without the wordmark, the wordmark should never exist without the icon.

Monotone Applications

For black and white media, please apply the monotone versions.

Logo Guide 6_edited.png

Portrait with tagline (for corporate usage)

Logo Guide 7_edited.jpg

Landscape with tagline

Logo Guide 8_edited.png

Single icon (for very small spaces)

Logo Guide 6_edited.jpg

Portrait with tagline (for corporate usage)

Logo Guide 7_edited.png

Landscape

Logo Guide 8_edited.png

Single icon (for colored bg)

The appropriate logo variation should be used on various collaterals for an optimal user experience.

Logo Applications to Avoid

The following examples illustrate what not to do when applying the logo onto collaterals.

Logo Guide 9_edited.jpg

Resizing disproportionately

Logo Guide 10_edited.jpg

Combining tagline and icon

Logo Guide 11_edited.jpg

Overlay against photo-based imagery

Logo Guide 9_edited.png

Adding drop shadows

Logo Guide 10_edited.png

Wrong proportion of icon and name

Logo Guide 11_edited.png

Wrong usage for dark background

bottom of page