Font-family
Sofia Pro (sans-serif)
Ag
Sofia Pro
sans-serif
Menlo (monospace)
Ag
monospace
Typography styles
caption
Ag
Sofia Pro 400 12px/16px
400
'Regular'
font-weight: 400; line-height: 16px; letter-spacing: 0.1px;
Ag
Sofia Pro 500 12px/16px
500
'Medium'
font-weight: 500; line-height: 16px; letter-spacing: 0.1px;
Ag
Sofia Pro 700 12px/16px
600
font-weight: 600; line-height: 16px; letter-spacing: 0.1px;
Ag
Sofia Pro 400 12px/16px, underline
link
subtitle
Ag
Sofia Pro 700 14px/20px
subtitle2
Ag
Sofia Pro 700 16px/20px
subtitle1
misc / tnum / body1
Ag
Sofia Pro 400 16px/24px
400
Ag
Sofia Pro 500 16px/24px
500
Ag
Sofia Pro 700 16px/24px
600
misc / tnum / body2
Ag
Sofia Pro 400 14px/20px
400
Ag
Sofia Pro 500 14px/20px
500
Ag
Sofia Pro 700 14px/20px
600
misc / tnum / h3
Ag
Sofia Pro 700 24px/28px
600
misc / tnum / caption
Ag
Sofia Pro 400 12px/16px
400
Ag
Sofia Pro 500 12px/16px
500
Ag
Sofia Pro 700 12px/16px
600
misc / tnum / h1
Ag
Sofia Pro 700 48px/56px
600
misc / body 1
Ag
Sofia Pro 400 16px/24px
400
Ag
Sofia Pro 500 16px/24px
500
Ag
Sofia Pro 700 16px/24px
600
Ag
Sofia Pro 400 16px/24px, underline
link
misc / body 2
Ag
Sofia Pro 400 14px/24px
400 (24px line-height)
In some cases, our form elements and icons are 24px, therefore, if those elements are not included, the size of the menu item changes because of the varying height + padding. Use this in places where you want lineheight to match 24px elements
Ag
Sofia Pro 500 14px/18px
500 (18px line-height)
misc / button
Ag
Sofia Pro 500 14px/16px
default
Ag
Sofia Pro 500 14px/24px
lg
heading
Ag
Sofia Pro 700 48px/56px
h1
Ag
Sofia Pro 700 34px/40px
h2
Ag
Sofia Pro 700 24px/28px
h3
Ag
Sofia Pro 700 20px/24px
h4
Ag
Sofia Pro 700 18px/20px
h5
mono / body 1
Ag
Menlo 700 15px/24px
700
Ag
Menlo 400 15px/24px
400
mono / caption
Ag
Menlo 400 11px/16px
400
mono / body 2
Ag
Menlo 400 13px/20px
400
Ag
Menlo 700 13px/20px
700
overline
Ag
Sofia Pro 700 11px/12px, uppercase
600
Ag
Sofia Pro 800 11px/12px, uppercase
700
body 2
Ag
Sofia Pro 400 14px/20px
400
Ag
Sofia Pro 500 14px/20px
500
Ag
Sofia Pro 700 14px/20px
600
Ag
Sofia Pro 400 14px/20px, underline
link