Coded4 Home Icon
Coded4 Email Icon
Coded4 Phone Icon

Our Brand

This simple guide is for using the Coded4 logo in any capacity

Coded4 Intro Image

The Logo

Here are our brand guidelines for the Logo. These guides must be followed if you want to use our logo elsewhere. Don’t worry its nothing too drastic but please stick to our guidelines!

In the light

This is our primary brand logo
This is our secondary condensed brand logo

In the dark

This is our primary brand logo
This is our secondary condensed brand logo

This logo works on any coloured background - The branded colours can be used always!

The space

Make sure you give our logo space! Our logo needs a little room to shine.

Leave at least 41px around the logo at all times

The colours & meanings

The full colour logo

This is our primary brand logo

In the dark

This is our primary brand logo

Need to print our logo?

The dark oneThe light oneThe grey oneThe blue one

Our traffic light system & what it means

Our branded colours aren't just colours! They represent a traffic light system that we use throughout all our platforms, making it easy for you to understand our process

Blue! This colour represents a positive!

You will notice that we use our blue throughtout the website, this is because our blue represents a positive! When you see blue, you know it's good!

Orange! This colour represents a minor issue or an alert.

If we have something that we need to tell you or there is an issue, then it will appear with a hint of orange!

Pink! This colour represents an issue or an alert.

This colour is usually used for warnings so if we have something that we need to urgently tell you or there is an issue then it will appear with a hint of pink!

Here are the no no's

We love our logo and don’t want it to stray from its original branding so please stick to the guidelines! Here are some of the common problems

Gradients and even more gradients

Although we do love our gradients, please don’t go overboard and add them to ever aspect of the logo!

Mismatched colours

We do love our branded colours but those are placed in a certain way for a reason! Please don’t mismatch those colours

Altering shades makes us sad!

Our colour pallet is lovely and bright! This is so that it can be easily distinguishable and also usable in any capacity. Please don’t change the brightness of those colours

Who needs greyscale? Not us

Our colour pallet is there for a reason! This is so that it can be easily distinguishable. Please don’t change the colours of our logo to greyscale!

Please don’t squish our logo!

When sizing our logo it must keep its original state! Please don’t warp it!

Keep the structure We like it!

We made our logo with love, please don’t pull it apart. Keep the original structure

All together now, keep everything!

We made our logo with love, please don’t pull it apart Keep the original structure and elements together as intended!

Let’s keep the backgrounds!

The background brings it all together, please don’t get rid of it!

The condensed logo also follows the same rules as above! Here are some of the ways we don’t use our condensed logo
Scroll-to-top button