Typography
Typography
Typography
Header large
font-family: Inter;
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 48px;
letter-spacing: -1.2px;
Header medium
font-family: Inter;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 40px;
letter-spacing: -0.8px;
Header small
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 32px;
letter-spacing: -0.4px;
Title large
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: -0.15px;
Title medium
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px;
letter-spacing: -0.1px;
Title small
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 16px;
letter-spacing: -0.05px;
Body large
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.15px;
Body medium
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: -0.1px;
Body small
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
letter-spacing: -0.05px;
Metadata small
font-family: Inter;
font-size: 12px;
font-style: italic;
font-weight: 400;
line-height: 16px;
letter-spacing: -0.05px;
Label
font-family: Inter;
font-size: 10px;
font-style: normal;
font-weight: 500;
line-height: 12px;
letter-spacing: 0.15px;
text-transform: uppercase;
Code
font-family: Roboto Mono;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
Header large
font-family: Inter;
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 48px;
letter-spacing: -1.2px;
Header medium
font-family: Inter;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 40px;
letter-spacing: -0.8px;
Header small
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 32px;
letter-spacing: -0.4px;
Title large
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: -0.15px;
Title medium
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px;
letter-spacing: -0.1px;
Title small
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 16px;
letter-spacing: -0.05px;
Body large
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.15px;
Body medium
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: -0.1px;
Body small
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
letter-spacing: -0.05px;
Metadata small
font-family: Inter;
font-size: 12px;
font-style: italic;
font-weight: 400;
line-height: 16px;
letter-spacing: -0.05px;
Label
font-family: Inter;
font-size: 10px;
font-style: normal;
font-weight: 500;
line-height: 12px;
letter-spacing: 0.15px;
text-transform: uppercase;
Code
font-family: Roboto Mono;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
Header large
font-family: Inter;
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 48px;
letter-spacing: -1.2px;
Header medium
font-family: Inter;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 40px;
letter-spacing: -0.8px;
Header small
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 32px;
letter-spacing: -0.4px;
Title large
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: -0.15px;
Title medium
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px;
letter-spacing: -0.1px;
Title small
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 16px;
letter-spacing: -0.05px;
Body large
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.15px;
Body medium
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: -0.1px;
Body small
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
letter-spacing: -0.05px;
Metadata small
font-family: Inter;
font-size: 12px;
font-style: italic;
font-weight: 400;
line-height: 16px;
letter-spacing: -0.05px;
Label
font-family: Inter;
font-size: 10px;
font-style: normal;
font-weight: 500;
line-height: 12px;
letter-spacing: 0.15px;
text-transform: uppercase;
Code
font-family: Roboto Mono;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
Goat Design System
© Primer 2023
Goat Design System
© Primer 2023
Goat Design System
© Primer 2023