You are on page 1of 19

TABLE OF CONTENTS

01 logo
02 typography
03 colors
primary logo proportions & clear space
1x

1x

4x 2x
white logo black logo
gradient logo blue logo
white black
icon

gradient blue blue


how not to use a logo
Pay attention
This is a guide to using typography for print design, newsletters
and social networks.
POPPINS
Extra light
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789 !”#$%&/()=?*{}:”<>?\[];’,./

Light
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789 !”#$%&/()=?*{}:”<>?\[];’,./

Regular
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789 !”#$%&/()=?*{}:”<>?\[];’,./
POPPINS
Medium
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789 !”#$%&/()=?*{}:”<>?\[];’,./

Semibold
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZ
z 0123456789 !”#$%&/()=?*{}:”<>?\[];’,./

Bold
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYy
Zz 0123456789 !”#$%&/()=?*{}:”<>?\[];’,./
POPPINS
Extrabold
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxY
yZz 0123456789 !”#$%&/()=?*{}:”<>?\[];’,./

Black
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXx
YyZz 0123456789 !”#$%&/()=?*{}:”<>?\[];’,./
POPPINS ITALIC
Extra light
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789 !”#$%&/()=?*{}:”<>?\[];’,./

Light
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789 !”#$%&/()=?*{}:”<>?\[];’,./

Italic
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789 !”#$%&/()=?*{}:”<>?\[];’,./
POPPINS ITALIC
Medium
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789 !”#$%&/()=?*{}:”<>?\[];’,./

Semibold
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZ
z 0123456789 !”#$%&/()=?*{}:”<>?\[];’,./

Bold
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxY
yZz 0123456789 !”#$%&/()=?*{}:”<>?\[];’,./
POPPINS ITALIC
Extra bold
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxY
yZz 0123456789 !”#$%&/()=?*{}:”<>?\[];’,./

Black
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXx
YyZz 0123456789 !”#$%&/()=?*{}:”<>?\[];’,./
typography
usage tips
FOR HEADLINES FOR BODY COPY

semibold extra light


bold light
extrabold regular
black medium
primary colors

Celtic Blue White


HEX: 086AD8 HEX: FFFFFF
HSB: 212, 96, 85 HSB: 0, 0, 100
RGB: 8, 106, 216 RGB: 255, 255, 255
CMYK: 96, 51, 0, 15 CMYK: 0, 0, 0, 0

Bleu De France Little Boy Blue


HEX: 3988E0 HEX: 6BA6E8
HSB: 212, 75, 88 HSB: 212, 54, 91
RGB: 57, 136, 224 RGB: 107, 166, 232
CMYK: 75, 39, 0, 12 CMYK: 54, 28, 0, 9
secondary colors

Royal Blue Dark Xiketic


HEX: 18174F HEX: 02021A
HSB: 241, 71, 31 HSB: 240, 92, 10
RGB: 24, 23, 79 RGB: 2, 2, 26
CMYK: 70, 71, 0, 69 CMYK: 92, 92, 0, 90

Royal Blue Dark Dark Cornflower Blue Space Cadet Black Coral
HEX: 14276A HEX: 113885 HEX: 353548 HEX: 676776
HSB: 227, 81, 42 HSB: 220, 87, 52 HSB: 240, 26, 28 HSB: 240, 13, 46
RGB: 20, 39, 106 RGB: 17, 56, 133 RGB: 53, 53, 72 RGB: 103, 103, 118
CMYK: 81, 63, 0, 58 CMYK: 87, 58, 0, 48 CMYK: 26, 26, 0, 72 CMYK: 13, 13, 0, 54

Tumbleweed Persian Orange


HEX: D2A98E HEX: D49753
HSB: 24, 32, 82 HSB: 32, 61, 83
RGB: 210, 169, 142 RGB: 212, 151, 83
CMYK: 0, 20, 32, 18 CMYK: 0, 29, 61, 17

Desert Sand Champagne Pink Fawn Burlywood


HEX: DBBAA5 HEX: E4CBBB HEX: DDAC75 HEX: E5C198
HSB: 23, 25, 86 HSB: 23, 18, 89 HSB: 32, 47, 87 HSB: 32, 34, 90
RGB: 219, 186, 165 RGB: 228, 203, 187 RGB: 221, 172, 117 RGB: 229, 193, 152
CMYK: 0, 15, 25, 14 CMYK: 0, 11, 18, 11 CMYK: 0, 22, 47, 13 CMYK: 0, 16, 34, 10

You might also like