SOUS Portal design system

Foundations / Tokens / Typography

Typography

Raw Inter Display family, weight, size, line-height, tracking and numeric foundations.

PreviewNameValue

Font family

Ag--sous-ref-font-family-displayInter Display, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif
Ag--sous-ref-font-family-textInter Display, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif

Weights · 400–600 for normal interface use; 700 exceptional

Ag--sous-ref-font-weight-regular400
Ag--sous-ref-font-weight-medium500
Ag--sous-ref-font-weight-semibold600
Ag--sous-ref-font-weight-bold700

Font sizes

Ag--sous-ref-font-size-110.6875rem
Ag--sous-ref-font-size-120.75rem
Ag--sous-ref-font-size-130.8125rem
Ag--sous-ref-font-size-140.875rem
Ag--sous-ref-font-size-150.9375rem
Ag--sous-ref-font-size-161rem
Ag--sous-ref-font-size-181.125rem
Ag--sous-ref-font-size-201.25rem
Ag--sous-ref-font-size-221.375rem
Ag--sous-ref-font-size-241.5rem
Ag--sous-ref-font-size-281.75rem
Ag--sous-ref-font-size-322rem
Ag--sous-ref-font-size-362.25rem
Ag--sous-ref-font-size-402.5rem
Ag--sous-ref-font-size-483rem
Ag--sous-ref-font-size-563.5rem
Ag--sous-ref-font-size-644rem

Line heights

Ag--sous-ref-font-line-140.875rem
Ag--sous-ref-font-line-161rem
Ag--sous-ref-font-line-181.125rem
Ag--sous-ref-font-line-201.25rem
Ag--sous-ref-font-line-221.375rem
Ag--sous-ref-font-line-241.5rem
Ag--sous-ref-font-line-261.625rem
Ag--sous-ref-font-line-281.75rem
Ag--sous-ref-font-line-301.875rem
Ag--sous-ref-font-line-322rem
Ag--sous-ref-font-line-362.25rem
Ag--sous-ref-font-line-402.5rem
Ag--sous-ref-font-line-442.75rem
Ag--sous-ref-font-line-483rem
Ag--sous-ref-font-line-563.5rem
Ag--sous-ref-font-line-644rem
Ag--sous-ref-font-line-724.5rem

Letter spacing

Ag--sous-ref-font-tracking-roomy0.015rem
Ag--sous-ref-font-tracking-tightest-0.04em
Ag--sous-ref-font-tracking-tighter-0.03em
Ag--sous-ref-font-tracking-tight-0.02em
Ag--sous-ref-font-tracking-snug-0.01em
Ag--sous-ref-font-tracking-normal0em
Ag--sous-ref-font-tracking-wide0.01em
Ag--sous-ref-font-tracking-wider0.02em
Ag--sous-ref-font-tracking-widest0.04em
Ag--sous-ref-font-tracking-caps0.08em

Numeric behavior

Ag--sous-ref-font-numeric-proportionalproportional-nums
Ag--sous-ref-font-numeric-tabulartabular-nums