BRAND GUIDELINES

VERSION 1.6

BRAND APPLICATION MANUAL UNITED NATIONS HUMAN

SETTLEMENTS PROGRAMME
FOR THE I4C CONFERENCE UN-Habitat, Global Solutions Division, Programme
Development Branch, Climate Change Team
 brand guidelines for the I4C conference the innovate4cities brand identity’s
guidelines & application standards

Brand application
manual for the
Innovate4Cities
Brand.
 brand guidelines for the I4C conference the innovate4cities brand identity’s
guidelines & application standards

TA B L E O F C O N T E N T S
3

Introduction 2
Table of contents 3
Logo construction 4
Full logo lock-up 6
Logo exclusion zone 8
Restricted logo usage & wrong application 10
Typefoundry 12
The I4C color system 17
Imagery and blending modes 21
Stationery grid systems 24
Iconography 27
Contact 29
 brand guidelines for the I4C conference the innovate4cities brand identity’s
guidelines & application standards

LOGO
CO N S T R U C T I O N
 brand guidelines for the I4C conference the innovate4cities brand identity’s
guidelines & application standards

geometric construction
5
The I4C logo is constructed in a The stacked version of the
symetrical 1:2 aspect ratio to give I4C logo comprises of a two
it agility for agile application on column, four row fomation
most real estates. with a center void.

1x

Ø
2x

1x

1x

5x 2x 1x

The peak of the logo (first row), is the tip of numeral 4, the second row comprises of the
wordmark ‘INNOVATE’ followed by a half X void Ø as the mid-centre, the void height is
derived from the wordmark height from top to the upper stroke of letter E. The wordmark
height is derived from X.

The third row comprises of the word ‘CITIES’, aligned to the numeral 4 horizontal, while the
fourth row incorporates the numeral 4 bottom tip. The wordmark ‘INNOVATE’ and ‘CITIES’
are rendered in a custom slim font with extensive kerning for breathing room and easy
readability. The wordmark is rendered in 70% black.
 brand guidelines for the I4C conference the innovate4cities brand identity’s
guidelines & application standards

FULL LOGO
LOCK-UP
 brand guidelines for the I4C conference the innovate4cities brand identity’s
guidelines & application standards

Logo lock-up
7
Wordmark Monogram

The I4C wordmark is made up of two decks The monogram is a

with the words ‘INNOVATE’ and ‘CITIES’ in stylised numeral ‘4’ containing
stacked format. The wordmark colour is 70% a masked ‘green cities’ graphic
black for the full colour version. with a gradient skyline.

Full Logo Lock-up

The primary full logo lock-up comprises of a stacked wordmark on the left, and
the stylised numeral four on the right.
 brand guidelines for the I4C conference the innovate4cities brand identity’s
guidelines & application standards

LOGO
EXCLUSION
ZONE
 brand guidelines for the I4C conference the innovate4cities brand identity’s
guidelines & application standards

Logo exclusion zone

9
Non-infringement Zone Why is clear space important?

The I4C logo must be afforded This isolates the logo from
mandatory clear space or competing elements such as
breathing room for optimal visibility photography, text or background
on any real estate. The non- patterns that may detract attention
infringment zone is equal to 2X. and lessen the identity’s impact.

1x

2x

Calculating X

We arrive at 1X by measuring the height

of the letters on the wordmark or the
thickness of the stylized numeral 4.
 brand guidelines for the I4C conference the innovate4cities brand identity’s
guidelines & application standards

10

RESTRICTED
LOGO USAGE
AND WRONG
A P P L I C AT I O N
 brand guidelines for the I4C conference the innovate4cities brand identity’s
guidelines & application standards

Application - Dos and don’ts

11
Don’t change the logo’s Don’t bevel or emboss the logo Don’t place the logo on a busy
orientation photograph or pattern

Don’t change the logo colors Don’t crop the logo in any way Don’t add “glow”
effects to the logo

Don’t present the logo on Don’t present the logo in Don’t place the logo on
“vibrating” colored backgrounds “outline only” fashion similarly-colored backgrounds

Don’t outline the logo Don’t add “drop shadow” Don’t put a white box around the logo when
in any color effects to the logo placed on a dark or busy background

Don’t reconfigure or change the size Don’t stretch or squeeze the logo Don’t recreate elements or replace
or placement of any logo elements to distort proportions with something else
 brand guidelines for the I4C conference the innovate4cities brand identity’s
guidelines & application standards

12

TYPEFOUNDRY
 brand guidelines for the I4C conference the innovate4cities brand identity’s
guidelines & application standards

Primary font — All use

13

Poppins
About this font
A sanserif font that renders well both above and below lineheight. Poppins has a large family of 8 subsets.

Poppins Bold
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890?!*+(.,)

Poppins Regular
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890?!*+(.,)

Poppins Italic
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890?!*+(.,)
 brand guidelines for the I4C conference the innovate4cities brand identity’s
guidelines & application standards

Primary font rendered

14

Light
Regular
Medium
Bold
Italic
 brand guidelines for the I4C conference the innovate4cities brand identity’s
guidelines & application standards

Secondary font — Body copy,

captions and fine print
15

Maven Pro
About this font
A sanserif round-edge font ideal for body text, captions and fineprint. Requires a standard 25pt kern.

Poppins Bold
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890?!*+(.,)

Poppins Regular
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890?!*+(.,)

Poppins Italic
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890?!*+(.,)
 brand guidelines for the I4C conference the innovate4cities brand identity’s
guidelines & application standards

Secondary font rendered

16

Light
Regular
Medium
Bold
 brand guidelines for the I4C conference the innovate4cities brand identity’s
guidelines & application standards

Kicker font — Headers

17

Bebas
About this font
A slab font that renders well with a big kerning and tight stacking. This font has no family.

Poppins Bold
abcdefghijkl mnopqrstuv wxyz
ABCDEFGHIJKLMNOPQRSTUV WXY Z
1234567890?!*+(.,)
 brand guidelines for the I4C conference the innovate4cities brand identity’s
guidelines & application standards

Kicker font — Headers

18

I am
bebas
the
kicker
 brand guidelines for the I4C conference the innovate4cities brand identity’s
guidelines & application standards

19

THE I4C
COLOR SYSTEM
 brand guidelines for the I4C conference the innovate4cities brand identity’s
guidelines & application standards

The primary color system

20 solids
The four main brand colors recommended for use on multiple components

AQUA MARINE CARIBEAN GREEN DARK TURQUOISE PRUSSIAN BLUE

CMYK: C44 M2 Y12 K0 CMYK: C77 M0 Y72 K0 CMYK: C84 M25 Y52 K5 CMYK: C100 M82 Y32 K18

RGB: R135 G206 B221 RGB: R29 G180 B120 RGB: R2 G139 B131 RGB: R17 G62 B108

WEB: #87CEDD WEB: #1DB478 WEB: #028B83 WEB: #113E6C

LAB: L78 A-20 B-15 LAB: L65 A-50 B20 LAB: H52 S-34 B-5 LAB: L25 A-1 B-32

HSB: H190 S39 B87 HSB: H156 S84 B71 HSB: L176 A99 B55 HSB: H210 S84 B42
 brand guidelines for the I4C conference the innovate4cities brand identity’s
guidelines & application standards

The secondary color system

21 gradient
This is the gradient used in the brand identity’s key visual representing the sky. It is recomended for ornate use

Cyan Blue
CMYK: C69 M0 Y22 K0
GRADIENT BLUSH RGB: R96 G191 B204
WEB: #60BFCC
LAB: L71 A-37 B-18
HSB: H187 S53 B80

Cyan Blue
CMYK: C100, M82, Y32, K18
RGB: R115 G221 B218
WEB: #00B2E3
LAB: L A B
HSB: H S B

Cyan Blue
CMYK: C100, M82, Y32, K18
RGB: R115 G221 B218
WEB: #00B2E3
LAB: L A B
HSB: H S B
 brand guidelines for the I4C conference the innovate4cities brand identity’s
guidelines & application standards

The tertiary color system

22 accents
Accents are auto-generated colors recommened to accentuate (highlight) emphasis on design elements

ACCENTUATORS

Color 1 Color 2 Color 3 Color 4 Color 5

HEX B7094C HEX A01A58 HEX 892B64 HEX 723C70 HEX 5C4D7D

RGB 183, 9, 76 RGB 160, 26, 88 RGB 137, 43, 100 RGB 114, 60, 112 RGB 92, 77, 125

HSB 337, 95, 72 HSB 332, 84, 63 HSB 324, 69, 54 HSB 302, 47, 45 HSB 259, 38, 49

CMYK 0, 95, 58, 28 CMYK 0, 83, 45, 37 CMYK 0, 68, 27, 46 CMYK 0, 47, 1, 55 CMYK 26, 38, 0, 50

Color 6 Color 7 Color 8 Color 9

HEX 455E89 HEX 2E6F95 HEX 1780A1 HEX 0091AD

RGB 69, 94, 137 RGB 46, 111, 149 RGB 23, 128, 161 RGB 0, 145, 173

HSB 218, 50, 54 HSB 202, 69, 58 HSB 194, 86, 63 HSB 190, 100, 68

CMYK 49, 31, 0, 46 CMYK 69, 25, 0, 41 CMYK 85, 20, 0, 36 CMYK 100, 16, 0, 32

Accents
Colors - coolors.co
 brand guidelines for the I4C conference the innovate4cities brand identity’s
guidelines & application standards

23

IMAGERY
AND
BLENDING
MODES
 brand guidelines for the I4C conference the innovate4cities brand identity’s
guidelines & application standards

Imagery and Blending modes

24
Pano 18:6 AR

Panoramic images must incorporate at least 80 percent of the subject matter. The top
and baseline Pano crop must not diminish the image contents else it has to be rendered
in more conventional aspect ratio.

Hi-res definition 16:9 AR

High resolution definition imagery is
recommended in 16:9 aspect ratio

Standard definition 3:2 and 1:1 AR

Standard definition imagery is
recommended in 3:2 and 1:1 aspect ratios

The aspect ratio of an image is the ratio of its width to its height. It is commonly expressed as two numbers separated by a
colon, as in 16:9. For an x:y aspect ratio, the image is x units wide and y units high.
 brand guidelines for the I4C conference the innovate4cities brand identity’s
guidelines & application standards

Imagery and Blending modes

25
Ultra-Panavision 2.75.1 AR

Imagery must bleed edge-to-edge for full effect on web and responsiveness on mobile.
The selection of these images must take into consideration an all inclusive canvas to
enable this.

Publishing 2:3 AR
The recommended aspect ration for
publications is a 2:3 AR with a complete
unstyled bleed for covers and breakers,
or 1:1 for body text imagery. The selection
of cover and breaker photos must be
considerate of extra dark hues, super
bright areas for text, captions or brand
identity components.
 brand guidelines for the I4C conference the innovate4cities brand identity’s
guidelines & application standards

26

S TAT I O N E R Y
GRID SYSTEMS
 brand guidelines for the I4C conference the innovate4cities brand identity’s
guidelines & application standards

Stationery — Letterhead

27

Innovate4Cities Conference
14 West Office Tower
Block A, 19th Floor, Maputo
Phone: +1 708 995 4006
Email: info@innovate4cities.org

Alexander Nomad 10th December 2021

Global Covenant of Mayors SUBJECT REFERENCE: GRID SYSTEM FOR PRINTED STATIONERY
C4, Malborough Grove,
London,
SE1 5JT
Dear Alexander,

Accatiun diciis dollabor solor ant occaborem quam ratusda essimin iminvent qui
audam ium, quiatendi quia volenis ditatintium et faceperum evelluptas sunt lam
facepta tatquibus ium aute voloratias secus.

Tatiur, cum ventia ex endaessedion nonemo beriore, num aut ullam sequos rae
quatend usciatem et quam, optatem eris es iuntur acea vit ent.

Tatiur, cum ventia ex endaessedion nonemo beriore, num aut ullam sequos rae
quatend usciatem et quam, optatem eris es iuntur acea vit ent.

Mod quodicia voluptatur? Acepedignis aut faccus aceped quaerat iateseque mi,
utem repere quam adipientem eos minvent laborem oluptat quiam, cone et ant
idunt re pra cullabo. Imi, occae. Itatisci ut labo. Et quundipsant quatemporia qui
berfero rerspel inctusa illest eosaepeleni tem con et perum, cuscia quae etur?

Regards,

A. N. Other

For More Information contact:

Steven Bland, UN-Habitat steven.bland@un.org
Jasdeep Randhawa jasdeep.randhawa@un.org
 brand guidelines for the I4C conference the innovate4cities brand identity’s
guidelines & application standards

Stationery — Business Card

28

Alexander Nomad
Climate Change and Innovation
innovate4cities.org
Specialist, Global Solutions Division
Programme Development Branch

Phone: +1 312 083 7145

E-mail: a.nomad@innovate4cities.org
14 West Office Tower
Block A, 19th Floor, Maputo
 brand guidelines for the I4C conference the innovate4cities brand identity’s
guidelines & application standards

29

ICONOGRAPHY
 brand guidelines for the I4C conference the innovate4cities brand identity’s
guidelines & application standards

I4C brand icons and other

vector visual devices
30
Vector style

I4C vectors and icons are rendered in solid spot color.

 brand guidelines for the I4C conference the innovate4cities brand identity’s
guidelines & application standards

31

C O N TA C T
FOR MORE INFORMATION:
https://www.globalcovenantofmayors.org/research-innovation

CONTACT

Steven Bland
UN-Habitat
steven.bland@un.org

Jasdeep Randhawa
UN-HABITAT
jasdeep.randhawa@un.org

Jorn Verbeek
Global Covenant of Mayors
jverbeeck@globalcovenantofmayors.org

Dr. Cathy Oke

University of Melbourne Cathy.oke@unimelb.edu.au