You are on page 1of 1

BRAND GUIDELINE theWise.

ai

TYPOGRAPHY COLOR GUIDE LOGO VARIATIONS

Font Specimen Primary Secondary

0 #FFFFFF 0 #FFF7F4

SF Pro
0.5 #FEF4E9 0.5 #FAE4DC

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj 1 #FDE9D2 1 #F5D2C3

Kk Ll Mm Nn Oo Pp Qq Rr Ss
1.5 #FCDFBC 1.5 #EFBFAB
Tt Uu Vv Ww Xx Yy Zz

2 #FBD4A6 2 #EAAD92 theWise


Heading Text 1

3 #FABE79 3 #E08762

Aa 4 #F8A94D 4 #D56231

5 #F69320 5 #CB3D00
font-family: SF Pro;

font-size: 54px;

6 #C5761A 6 #A23100
font-style: normal;

font-weight: 700;

7 #945813 7 #7A2500
line-height: 120%; /* 64.8px */

8 #623B0D 8 #511800

Heading Text 2
8.5 #4A2C0A 8.5 #3D1200

Aa
9 #311D06 9 #290C00

font-family: SF Pro;

9.5 #190F03 9.5 #140600


font-size: 32px;

font-style: normal;

10 #000000 10 #000000
font-weight: 700;

line-height: 120%; /* 38.4px */


theWise
Accent Text

Heading Text 3
0 #FFFFFF 0 #A89EDA
Aa

0.5 #F2F2FE 0.5 #9A90CA


font-family: SF Pro;

font-size: 18px;

1 #E6E5FD 1 #8C83BA
font-style: normal;

font-weight: 590;
1.5 #D9D8FC 1.5 #7E75AA
line-height: normal;

2 #CCCBFB 2 #70689A

Body Text 1
3 #B3B2FA 3 #544C7A

Aa
4 #9998F8 4 #38315A
font-family: SF Pro;

font-size: 18px;

5 #807EF6 5 #1C163A

font-style: normal;

6 #6866D3 6 #16122E
font-weight: 400;

line-height: 140%; /* 25.2px */


7 #4F4EB0 7 #110D23
theWise
Body Text 2
8 #37358D 8 #0B0917

Aa
8.5 #2B297C 8.5 #080711

font-family: SF Pro;

9 #1E1D6A 9 #06040C
font-size: 16px;

font-style: normal;

9.5 #121159 9.5 #030206


font-weight: 400;

line-height: normal;

10 #060547 10 #000000
letter-spacing: 0.16px;

You might also like