Web UI foundations

Foundations define the core visual language of the design system — ensuring consistency, accessibility, and scalability across Concordia experiences.

Writing for web

Voice, tone, and content patterns that keep pages clear, inclusive, and on brand.

Tokens

Design tokens that encode web design decisions for colour, type, spacing, and more.

Colour

How to use Concordia colours for UI, hierarchy, and accessible contrast.

Grid

Layout rules for building responsive pages with predictable alignment and spacing.

Iconography

Icon usage and conventions so meaning stays clear and visuals stay consistent.

Spacing

Spacing scale and layout rhythm for consistent, readable page composition.

Typography

Type styles and hierarchy for headings and body content across Concordia web experiences.