Design system template
Template for new sites and pages on winnipeg.ca using the design system.
Template files
Download a zip file with the files you need to get started.
The zip file contains:
- this page, which you can rename and use to build out your content
- an
includes
directory containing the files needed for the side menu- note: you can replace the supplied
navData.xml
with the one from your existing site
- note: you can replace the supplied
Once you download the files, you will need to change the path to reference your navigation.html
and navData.xml
files.
Do not alter the structure of navigation.html
or change the location or file names in the includes
directory.
Common components
Here are some common components you man need for your site. Additional components can be found in the design system guide.
Cards
Icons
FontAwesome Pro is the approved icon set to be used for all web properties. For consistency use the light style for all icons if available.
Due to the various heights between types of cards, do not mix and match card types.
Accordions
Insert question here
Insert answer here
Insert question here
Insert answer here
Insert question here
Insert answer here