Brand Guide

October 2021

COLORS

Primary Brand Colors

red orange
hex: #F56441
R=245 G=100 B=65
C=2 M=61 Y=63 K=0
blue
hex: #698EA0
R=105 G=142 B=160
C=58 M=25 Y=18 K=4
orange
hex: #F08C46
R=240 G=140 B=70
C=5 M=44 Y=65 K=1
green blue
hex: #70ADA6
R=112 G=173 B=166
C=56 M=12 Y=23 K=2
yellow
hex: #F5C527
R=245 G=197 B=39
C=4 M=21 Y=84 K=0
light blue
hex: #8CD0D9
R=140 G=208 B=217
C=45 M=1 Y=5 K=0

Supporting Colors

slate gray
hex: #445258
R=76 G=76 B=76
C=56 M=42 Y=42 K=33
used: body text
off white
hex: #FCFBF9

used: background color
light gray
hex: #d9e5e6

TYOPGRAPHY

The Connection Initiative Logotype

Lato Italic

Primary web font

Lato

The primary font for TCI is the popular Lato.
Download Lato & View Info on Google Fonts.

Complimentary web font

Aleo

Aleo is used as a complimentary font,  mostly in headings and graphic elements.
Download Aleo & View Font Info on Google Fonts.

Heading 1

The Connection Initiative

Font: Lato Normal (400)
Size: 4.8em / 48pt
Margin: 1rem 0 1rem 0
Padding: 0 0 0 0
Letter-spacing: none
Heading 2

The Connection Initiative

Font: Lato Normal (400)
Size: 4em / 40pt
Margin: 1rem 0 1rem 0
Padding: 0 0 0 0
Letter-spacing: none
Heading 3

The Connection Initiative

Font: Lato Normal (400)
Size: 3.6em / 36pt
Margin: 1rem 0 1rem 0
Padding: 0 0 0 0
Letter-spacing: none
Heading 4

The Connection Initiative

Font: Lato Normal (400)
Size: 3.2em / 32pt
Margin: 1rem 0 1rem 0
Padding: 0 0 0 0
Letter-spacing: none
Heading 5
The Connection Initiative
Font: Lato Normal (400)
Size: 2.8em / 28pt
Margin: 1rem 0 1rem 0
Padding: 0 0 0 0
Letter-spacing: none
Heading 6
The Connection Initiative
Font: Lato Normal (400)
Size: 2em / 20pt
Margin: 1rem 0 1rem 0
Padding: 0 0 0 0
Letter-spacing: none