Typography
Type styles and hierarchy for headings and body content across Concordia web experiences.
Web typography
Primary typeface
Typography plays a central role in establishing a consistent and recognizable Concordia experience across digital and print communications. Gill Sans Nova is the university’s primary typeface and should be used prominently for headings, titles, and key messaging wherever possible.
Gill Sans Nova reflects Concordia’s visual identity through its modern, approachable, and highly legible character. Its wide range of weights provides flexibility for creating clear hierarchy, emphasis, and rhythm across interfaces and communications.
Gill Sans Nova is the primary typeface. Some of the available weights include:
Body typeface
Inter is the primary typeface for Concordia digital experiences and is used throughout websites, applications, dashboards, and interface components. Designed specifically for screens, Inter provides excellent readability across devices, screen sizes, and resolutions.
Its clean and highly functional design supports accessible, consistent, and scalable typography across the Concordia Design System. Inter is optimized for UI design and performs especially well for body copy, navigation, labels, forms, and other interface elements where clarity and legibility are essential.
Inter includes a wide range of weights to support flexible hierarchy and interface design. Some of the available weights include:
Typescale
| Style | Font size | Line height |
|---|---|---|
| display-xxxl | 7.75rem / 124px | 1 |
| display-xxl | 7.25rem / 116px | 1 |
| display-xl | 6.75rem / 108px | 1 |
| display-lg | 6.25rem / 100px | 1 |
| display-md | 5.75rem / 92px | 1 |
| display-sm | 5.25rem / 84px | 1 |
| display-xs | 4.75rem / 76px | 1 |
| display-xxs | 4.25rem / 68px | 1 |
| heading-xxxl | 3.75rem / 60px | 1.1 |
| heading-xxl | 3.5rem / 56px | 1.1 |
| heading-xl | 3.25rem / 52px | 1.1 |
| heading-lg | 3rem / 48px | 1.1 |
| heading-md | 2.75rem / 44px | 1.1 |
| heading-sm | 2.5rem / 40px | 1.1 |
| heading-xs | 2.25rem / 36px | 1.1 |
| heading-xxs | 2rem / 32px | 1.1 |
| lead-lg | 1.75rem / 28px | 1.35 |
| lead | 1.5rem / 24px | 1.35 |
| body-xxl | 1.375rem / 22px | 1.35 |
| body-xl | 1.25rem / 20px | 1.6 |
| body-lg | 1.125rem / 18px | 1.6 |
| body-md | 1rem / 16px | 1.6 |
| body-sm | 0.875rem / 14px | 1.6 |
| body-xs | 0.75rem / 12px | 1.6 |