Typography

Typeface

Figtree

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789


ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

Sizes

Display Hero x2

SIZE

72px

(4,5 rem)

LINE-HEIGHT

72px

(4,5 rem)

KERNING

-2px

(-0,125 rem)

Display Hero

SIZE

64px

(4 rem)

LINE-HEIGHT

64px

(4 rem)

KERNING

-2px

(-0,125 rem)

Display X-Large

SIZE

48px

(3 rem)

LINE-HEIGHT

56px

(3,5 rem)

KERNING

-1px

(-0,0625 rem)

Display Large

SIZE

32px

(2 rem)

LINE-HEIGHT

38px

(2,375 rem)

KERNING

-0.6px

(-0,0375 rem)

Display Medium

SIZE

28px

(1,75 rem)

LINE-HEIGHT

42px

(2,625 rem)

KERNING

-0.6px

(-0,0375 rem)

Display Small

SIZE

24px

(1,5 rem)

LINE-HEIGHT

24px

(1,5 rem)

KERNING

-0.6px

(-0,0375 rem)

Heading X-Large

SIZE

22px

(1,375 rem)

LINE-HEIGHT

32px

(2 rem)

KERNING

-0.4px

(-0,025 rem)

Heading Large

SIZE

20px

(1,25 rem)

LINE-HEIGHT

30px

(1,875 rem)

KERNING

-0.2px

(-0,0125)

Heading Medium

SIZE

18px

(1,125 rem)

LINE-HEIGHT

24px

(1,5 rem)

kernıng

-0.2 px

(-0,0125)

Body

SIZE

16px

(1 rem)

LINE-HEIGHT

24px

(1,5 rem)

Body Small

SIZE

14px

(0,875 rem)

LINE-HEIGHT

20px

(1,25 rem)

Button Large

SIZE

18px

(1,125 rem)

LINE-HEIGHT

24px

(1,5 rem)

Button Medium

SIZE

16px

(1 rem)

LINE-HEIGHT

24px

(1,5 rem)

Weights

Name

Extrabold

Bold

Medium

Regular

Value

800

700

500

400

Create a free website with Framer, the website builder loved by startups, designers and agencies.