Font-family
Sofia Pro (sans-serif)
Ag
Sofia Pro
sans-serif
Menlo (monospace)
Ag
monospace
Typography styles
Utility
Ag
Icona Serif 500 24px/28px
Page Header
Ag
DM Sans 600 20px/28px
Takeover Header
Ag
DM Sans 500 14px/16px
Nav Link
Ag
DM Mono 400 13px/20px
Code
Utility / Body Default
Ag
DM Sans 400 14px/20px
400
Ag
DM Sans 500 14px/20px
500
Ag
DM Sans 600 14px/20px
600
Ag
DM Sans 400 14px/20px, underline
link
Utility / Caption
Ag
DM Sans 400 12px/16px
400
'Regular'
font-weight: 400; line-height: 16px; letter-spacing: 0.1px;
Ag
DM Sans 500 12px/16px
500
'Medium'
font-weight: 500; line-height: 16px; letter-spacing: 0.1px;
Ag
DM Sans 600 12px/16px
600
font-weight: 600; line-height: 16px; letter-spacing: 0.1px;
Ag
DM Sans 400 12px/16px, underline
link
Utility / Overline
Ag
DM Sans 600 11px/12px, uppercase
600
Ag
DM Sans 700 11px/12px, uppercase
700
Utility / Numeric
Ag
DM Sans 600 34px/40px
Large
Ag
DM Sans 600 24px/28px
Medium
Ag
DM Sans 600 20px/24px
Small
Utility / Button
Ag
DM Sans 500 14px/16px
default
Ag
DM Sans 500 14px/24px
lg
caption
Ag
Sofia Pro 400 12px/16px, underline
link
Subtitle
Ag
DM Sans 600 16px/20px
Large
Ag
DM Sans 600 14px/20px
Medium
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
Heading
Ag
DM Sans 600 24px/28px
Functional Large
Ag
Icona Serif 400 48px/56px
Editorial Extra-Extra Large
Ag
Icona Serif 400 34px/40px
Editorial Extra-Large
Ag
DM Sans 600 18px/20px
Functional Small
Ag
DM Sans 600 20px/24px
Fuctional Medium
body / body 1
Ag
Sofia Pro 400 16px/24px, underline
link
body / body 2
Ag
Sofia Pro 400 14px/20px
400
heading
Ag
Sofia Pro 600 48px/56px
h1
Ag
Sofia Pro 700 24px/28px
h3
Ag
Sofia Pro 700 20px/24px
h4
Monospace / Small
Ag
DM Mono 400 11px/16px
400
Ag
DM Mono 500 11px/16px
700
Monospace / Large
Ag
DM Mono 400 15px/24px
400
Ag
DM Mono 500 15px/24px
700
Monospace / Medium
Ag
DM Mono 400 13px/20px
400
Ag
DM Mono 500 13px/20px
700
Body / Medium
Ag
DM Sans 600 14px/20px
600
Ag
DM Sans 400 14px/24px
400
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
DM Sans 500 14px/18px
500
Body / Large
Ag
DM Sans 400 16px/24px
400
Ag
DM Sans 500 16px/24px
500
Ag
DM Sans 600 16px/24px
600
Ag
DM Sans 400 16px/24px, underline
link
Body / Small
Ag
DM Sans 600 12px/16px
600
Ag
DM Sans 400 12px/20px
400
Lineheight boost for longer bodies of text.
Body / Small / New folder
Ag
DM Sans 500 12px/20px
500