top of page
Light and Shadow

Media Kit

Welcome to the media kit page. Here we will publish assets that you may use to create new media with Design in Focus branding. Contact us any time if you wish to have additional content added. When using these assets, it's important to remember that certain assets belong in certain categories such as the symbols for the pillars for example. 

Please also note that we are refining the branding. Up until September '22 the focus was on producing a MVP, since we are working on finetuning and tweaking. The brand guidelines will be published once done, up until then there are a few metrics that you can use to align your productions and publications to be inline of what is already set. 

Brand Colours

These are 4 main colours that are used on all assets and below that are three supporting colours that may be used in photography, charts and graphics when needed. 

Wind Chime

#ebf0f3

MAIN

Ocre / Butterscotch

#e0984a

MAIN

Fandango Pink

#e04b72

SUPPORTING

Coral Red

#ff4040

SUPPORTING

Nightly Violet

#754581

SUPPORTING

Gorgonzola Blue

#4a51cc

SUPPORTING

Eames For Blue

#456e81

MAIN

Meadowbrook

#508688

SUPPORTING

Dark Blue

#002433

MAIN

Bright Yellow

#ffdf70

SUPPORTING

Swatches Full Pallette.jpg

Download the swatches PSD, the current platform doesn't allow us to share the swatch library, but this PSD document should enable you to quickly make your own.

Brand Colours

Typography & Fonts

Helvetica is used for the most part. Relating to formality, EB Garamond 12. For celebration we use the font Great vibes.

 

The licence we have for Helvetica is for Design in Focus purposes only. Please email us if you are a DiF F&M and need to use it, but be aware that you may not use the font for any other commercial purposes.

 

All letter S' in the headers are made yellow #e0984a. 

We use Blue #456e81 on either a pure white or DiF white #ebf0f3 on most of our communication. On photographic elements the font is usually white or DiF white (more details for photographic elements).  

This is H1 @ 60px

This is H2 @ 40px

This is H3 @ 27px Bold

This is a p1 @ 21 px. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This is a p2 @ 18 px. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Typography

Logo

To produce an MVP a very basic logo and name was created. In the future we may change the logo into something more or less like the image to the right and use only the name #CID because now Design is taking the lead but we would like to also have equal focus on creative and innovation. 

For now please use the logos below. 

Design in Focus symbol (1).jpg
Log

Icons

icons

Graphics