Branding

Open Innovations-specific guidelines for branding. Across the site our base unit is 16px. This is used for the font size and all padding is derived from this (in multiples of 0.25, 0.5, 1, 2). We have 14 main colours, 3 secondary colours, and 6 greys.

Colours

Background

c1-bg / #2254F4
c2-bg / #178CFF
c3-bg / #00B6FF
c4-bg / #08DEF9
c5-bg / #1DD3A7
c6-bg / #0DBC37
c7-bg / #67E767
c8-bg / #722EA5
c9-bg / #E6007C
c10-bg / #EF3AAB
c11-bg / #D73058
c12-bg / #D60303
c13-bg / #FF6700
c14-bg / #F9BC26

s1-bg / #2f529f
s2-bg / #00ace8
s3-bg / #7dc5ea

b1-bg / #000000
b2-bg / #333333
bk-bg / #6D6D6D
b3-bg / #999999
b4-bg / #bbbbbb
b5-bg / #dfdfdf
b6-bg / #ffffff

Text

You can set the text colour using any of the other brand colours too: c1-text c2-text c3-text c4-text c5-text c6-text c7-text c8-text c9-text c10-text c11-text c12-text c13-text c14-text. With great power comes great responsibility. Please use text colouring sparingly.

Fonts

The heading font is Poppins SemiBold. This font is released under the Open Font Licence so can be used freely in products & projects - print or digital, commercial or otherwise. If you need to use them on your own computer you can download the entire set of Poppins fonts from Google Fonts. This font is also available to use in Google Docs.

Body text uses the following fonts in order of preference: Arial, sans-serif.

Branding

Colours

Background

Text

Fonts

Logos - Open Innovations