THE SIZES

• • •

Paragraph

(pixels)

68

68

38

Text size

• • •

Text size

• • •

Text size

• • •

Line Height

• • •

Line Height

• • •

Line Height

• • •

Character count

• • •

Character count

• • •

Character count

• • •

 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

20

18

18

1.5

1.5

1.5

I

S

h-one

(pixels)

Text size

• • •

Line Height

• • •

 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

42

1.0

Text size

• • •

Line Height

• • •

38

1.2

 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Text size

• • •

Line Height

• • •

38

1.2

H-TWO

(pixels)

Text size

• • •

Line Height

• • •

 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

27

1.2

Text size

• • •

Line Height

• • •

24

1.2

 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Text size

• • •

Line Height

• • •

24

1.1

Z

S

Desktop

(pixels)

Paragraph size

• • •

H-2

• • •

H-1

• • •

Width

• • •

Line height

• • •

--------

• • •

 - - - - - - - - - - - - - - -

 - - - - - - - - - - - - - - -

 - - - - - - - - - - - - - - -

 - - - - - - - - - - - -

 - - - - - - - - - - - -

 - - - - - - - - - - - -

 - - - - - - - - - - - -

19

27

38

1024

1.0

21

30

42

1.5

0/

Tablet

(pixels)

Phone

(pixels)

H140px

H132px

H132px

H227px

H223px

H223px

A121px

A118px

A118px

Example

(medium blog post)

WEB

TABLET

PHONE

Paragraph size

• • •

Paragraph size

• • •

H-2

• • •

H-2

• • •

H-1

• • •

H-1

• • •

Width

• • •

height

• • •

Width

• • •

Line height

• • •

Line height

• • •

 - - - - - - - - - - - - - - -

 - - - - - - - - - - - - - - -

 - - - - - - - - - - - - - - -

 - - - - - - - - - - - - - - -

 - - - - - - - - - - - - - - -

 - - - - - - - - - - - - - - -

 - - - - - - - - - - - -

 - - - - - - - - - - - -

 - - - - - - - - - - - -

 - - - - - - - - - - - -

 - - - - - - - - - - - -

 - - - - - - - - - - - -

 - - - - - - - - - - - -

 - - - - - - - - - - - -

18

18

22

22

34

30

768

1024

750

1.2

1.1

20

20

24

24

38

32

1.5

1.5

1334

Height

• • •