y

Bar Ascender
Stem Shoulder
Ascender height

Axis Italics Cap height

Bowl Ear Terminal

x height
Height
Cap

Height
X

Base line

Bracketed Serif Tail

Descenders line

éAoykSf
Diacritic Loop Arch
Link
Swash
Leading

Cap height
Eye Arm
x height

r
Aperture
Base line
Cross bar

lie
Counter Leg Slant
Descenders line

Descender

ANATOMY OF TYPEFACE
Gopher Hairline
Gopher Thin
Gopher Light
Gopher Regular
Gopher Medium
FONT WEIGHTS
Gopher Hairline Italic
Gopher Thin Italic
A
Gopher Light Italic
Gopher Italic
Gopher Medium Italic
Complementary

FONTS
Family
SAME
te
FONT PAIRING

SERIF
Sans Serif
Script Avoid
THREEKey
is the
TRACKING
-100 Tracking
0 Tracking
+ 1 0 0 Tr a cki n g

LEADING
10pt - Leading

30pt 20pt
Gopher Bold Gopher Bold Italic F o n t s Sans Serif Overused Fonts 20pt - Leading
ze
Gopher Black Gopher Black Italic
Gopher Heavy Gopher Heavy Italic COLOUR COMBINATION IN FONTS 30 pt - Leading

40pt
COLOUR PSYCHOLOGY COLOUR HARMONY
FONT WIDTH Yello
w 40pt - Leading
Trust, Security, Calmness, Peace Or
a
Tekton Pro Light Condensed and Honesty Y-O
KERNING
ng

G
e

Tekton Pro Condensed

Y-
Green

Monochromatic Complementary
Wealth, Health and Wellbeing AWLTJFOI
R-O

Tekton Pro Bold Condensed

rie
B-G

Tekton Pro Light AWLTJFOI

Red

Optimistic, Youthful, Fun, Humour,

R-

V
Tekton Pro Lightness, Intellect, Logic and Creativity
B-V
ue

ALIGNMENT
Bl
Tekton Pro Bold
Viole
t

Tekton Pro Light Extended Stimulates Creativity & Productivity and Analogous Split

Calls for Attention

Complementary
• Left alignment
Tekton Pro Extended • Center alignment
Tekton Pro Bold Extended Creates urgency, Vitality, Stamina
and Energy • Right alignment
Triadic Square Tetradic Double
• Justify with Left
PROPORTIONAL Romantic and Feminine
Complementary

alignment.
COLOUR PALETTE GENERATOR
7.F

In proportional typefaces, the space a character takes

Royalty, Soothe, Calm, Intuition and Examples:
• Justify with Center
up is dependent on the natural width of that charac-
Imagination alignment.
ter. An “i” takes up less space than an “m”. Coolors.co | Color.Adobe | MyColor.Space
Example: Futura • Justify with Right
alignment.
Futura Condensed Medium
TYPOGRAPHY WORD PLAY • Justify all lines.
Lorem ipsum dolor
MONOSPACE sit fore et amet,
In monospace typefaces, each character takes up the consectetuer.
same amount of space. Narrower characters simply • Justify all lines with
get a bit more spacing around them to make up for hyphenate. Lorem
the difference in width. ipsum dolor sit fore
Example: Orator Standard et amet, consec-
Orator Std Medium tetuer.

ALL ABOUT TYPEFACE