Summit Design System

Welcome to the Summit Design System

The City of Calgary design system strives to bring order and consistency to our design, protects our brand and elevates our user experience. It is the source of truth and a system of record for our design decisions.

Visual identity

Learn more about our visual accessibility standards, typography, branding and other topics related to creating a cohesive visual experience.
User experience design

Explore our approach to identifying user needs and business objectives and how we design experiences to meet them.
Content

Use our standards to craft accessible, consistent content that speaks directly to users' goals and needs.
Components

We've faced a lot of design challenges already. Check out the components we've designed to overcome them.

Featured content

Marketing banner

Introducing Summit Design System's newest component

This versatile component will help support the future marketing initiatives by connecting campaign materials with The City of Calgary website.

Find out more

Summit Design System

Welcome to the Summit Design System

Visual identity

User experience design

Content

Components

Featured content

Marketing banner

Who is responsible for digital accessibility

How to enhance the user experience

Page design

Policies, standards and guidelines

City plain language policy

Content standards and best practices

Accessibility