Style guide

Colors
Color distinguishes our brand and helps us create consistent experiences across products.
Dark 100
010101
Dark 90
192A39
Dark 80
3A4E5E
Dark 70
627788
Dark 60
8294A2
Dark 50
C6D0D8
Dark 40
D4DBE1
Dark 30
E9EDF0
Dark 20
F4F7F9
Dark 0
FFFFFF
Typeface
Folioncy main typeface is PP Mori. A tranquil and fresh geometric sans font family for clear text and headlines.

PP Mori

Semibold
Regular
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

0123456789

Heading 1

140px
110%
Semibold

Heading 2

90px
120%
Semibold

Heading 3

64px
120%
Semibold

Heading 4

48px
150%
Semibold
Heading 5
32px
150%
Semibold
Heading 6
24px
150%
Semibold

Display 1

24px
150%
Semibold

Display 2

24px
150%
Semibold

Display 3

24px
150%
Semibold
Text XLarge
20px
160%
Bold
Text XLarge
20px
160%
Medium
Text Large
18px
160%
Bold
Text Large
18px
160%
Medium
Text Normal
16px
160%
Bold
Text Normal
16px
160%
Bold
Text Small
14px
160%
Bold
Text Small
14px
160%
Medium
Text XSmall
12px
160%
Bold
Text XSmall
12px
160%
Medium