IBM Plex Sans
Alt/a/
Aa
IBM Plex Sans Thin
Slant×
Aa
IBM Plex Sans Thin Italic
Thin 100
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890#+-@=%/>([?!])...
Extra Light Thin 200
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890#+-@=%/>([?!])...
Light 300
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890#+-@=%/>([?!])...
Regular 400
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz1234567890#+-@=%/>([?!])...
Text 500
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890#+-@=%/>([?!])...
Medium 600
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890#+-@=%/>([?!])...
Semi-Bold 700
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890#+-@=%/>([?!])...
Bold 800
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890#+-@=%/>([?!])...
IBM Plex Serif
Alt/a/
Aa
IBM Plex Serif Thin
Slant×
Aa
IBM Plex Serif Thin Italic
IBM Plex Serif
Thin 100
AaBbCcDdEeFfGgHhIiJjKkLlMmNOoPpQqRrSsTtUuVvWwXxYyZz 1234567890#+-@=%/>([?!])...
Extra Light Thin 200
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890#+-@=%/>([?!])...
Light 300
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890#+-@=%/>([?!])...
Regular 400
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890#+-@=%/>([?!])...
Text 500
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890#+-@=%/>([?!])...
Medium 600
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890#+-@=%/>([?!])...
Semi-Bold 700
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890#+-@=%/>([?!])...
Bold 800
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890#+-@=%/>([?!])...
IBM Plex Mono
Alt/a/
Aa
IBM Plex Mono Thin
Slant×
Aa
IBM Plex Mono Thin Italic
Thin 100
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890#+-@=%/>([?!])...
Extra Light Thin 200
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890#+-@=%/>([?!])...
Light 300
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890#+-@=%/>([?!])...
Regular 400
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890#+-@=%/>([?!])...
Text 500
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890#+-@=%/>([?!])...
Medium 600
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890#+-@=%/>([?!])...
Semi-Bold 700
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890#+-@=%/>([?!])...
Bold 800
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890#+-@=%/>([?!])...
Type scales
A type scale is a specification of point sizes, weights and styles in a typeface that allows a designer to create a clear and consistent typographic hierarchy. The series is defined from large (H1) to small (p) in a balanced progression. Our desktop type scale has been adjusted for responsive design on three smaller devices without flattening the visual progression.
Type scale for desktop
[Dimensions = 1280 x 768 px]
110/110 IBM Plex Sans wt 100 Thin
54/56 IBM Plex Sans wt 200 Extra Light
28/38 IBM Plex Sans wt 300 Light +18px betw paras
22/30 IBM Plex Sans wt 500 Text
13/20 IBM Plex Sans wt 500 Text caps +.15em
12/20 IBM Plex Sans wt 400 Regular
18/28 IBM Plex Sans wt 400 Regular +18px betw paras
Type scale for tablet landscape
[Dimensions = 1024 x 768 px]
84/84 IBM Plex Sans wt 100 Thin
54/56 IBM Plex Sans wt 200 Extra Light
28/38 IBM Plex Sans wt 300 Light +18px betw paras
22/30 IBM Plex Sans wt 500 Text
13/20 IBM Plex Sans wt 500 Text caps +.15em
12/20 IBM Plex Sans wt 400 Regular
18/28 IBM Plex Sans wt 400 Regular +18px betw paras
Type scale for tablet portrait
[Dimensions = 768 x 1024 px]
84/84 IBM Plex Sans wt 100 Thin
48/50 IBM Plex Sans wt 200 Extra Light
28/38 IBM Plex Sans wt 300 Light +18px betw paras
22/30 IBM Plex Sans wt 500 Text
13/20 IBM Plex Sans wt 500 Text caps +.15em
12/20 IBM Plex Sans wt 400 Regular
18/28 IBM Plex Sans wt 400 Regular +18px betw paras
Type scale for mobile phone
[Dimensions = 375 x 559 px]
58/60 IBM Plex Sans wt 100 Thin
36/40 IBM Plex Sans wt 200 Extra Light
24/34 IBM Plex Sans wt 300 Light +18px betw paras
22/30 IBM Plex Sans wt 500 Text
13/20 IBM Plex Sans wt 500 Text caps +.15em
12/20 IBM Plex Sans wt 400 Regular
18/28 IBM Plex Sans wt 400 Regular +18px betw paras
iPhone SE 2.31” x 4.87”
iPhone 12 2.82” x 5.78”
Desktop = 1280 x 768 px
H1 Head
H2 Subhead
H3 Dek + Quote
H4 Small Subhead
H5 overline + button
H6 Caption
P Paragraph
110/110 IBM Plex Sans wt 100 Thin
54/56 IBM Plex Sans wt 200 Extra Light
28/38 IBM Plex Sans wt 300 Light +18px betw paras
22/30 IBM Plex Sans wt 500 Text
13/20 IBM Plex Sans wt 500 Text caps +.15em
12/20 IBM Plex Sans wt 400 Regular
18/28 IBM Plex Sans wt 400 Regular +18px betw paras
Tablet landscape = 1024 x 768 px
H1 Head*
H2 Subhead
H3 Dek + Quote
H4 Small Subhead
H5 overline + button
H6 Caption
P Paragraph
84/84 IBM Plex Sans wt 100 Thin
54/56 IBM Plex Sans wt 200 Extra Light
28/38 IBM Plex Sans wt 300 Light +18px betw paras
22/30 IBM Plex Sans wt 500 Text
13/20 IBM Plex Sans wt 500 Text caps +.15em
12/20 IBM Plex Sans wt 400 Regular
18/28 IBM Plex Sans wt 400 Regular +18px betw paras
Tablet portrait = 768 x 1024 px
H1 Head*
H2 Subhead*
H3 Dek + Quote
H4 Small Subhead
H5 overline + button
H6 Caption
P Paragraph
84/84 IBM Plex Sans wt 100 Thin
48/50 IBM Plex Sans wt 200 Extra Light
28/38 IBM Plex Sans wt 300 Light +18px betw paras
22/30 IBM Plex Sans wt 500 Text
13/20 IBM Plex Sans wt 500 Text caps +.15em
12/20 IBM Plex Sans wt 400 Regular
18/28 IBM Plex Sans wt 400 Regular +18px betw paras
Phone portrait = 375 x 559 px
H1 Head*
H2 Subhead*
H3 Dek + Quote*
H4 Small Subhead
H5 overline + button
H6 Caption
P Paragraph
58/60 IBM Plex Sans wt 100 Thin
36/40 IBM Plex Sans wt 200 Extra Light
24/34 IBM Plex Sans wt 300 Light +18px betw paras
22/30 IBM Plex Sans wt 500 Text
13/20 IBM Plex Sans wt 500 Text caps +.15em
12/20 IBM Plex Sans wt 400 Regular
18/28 IBM Plex Sans wt 400 Regular +18px betw paras
