Line 1:
Line 1:
−
<figure-inline class="mw-default-size"><figure-inline>[[File:Design_system.png|345x345px]]</figure-inline></figure-inline>
+
<figure-inline>[[File:Design_system.png|345x345px]]</figure-inline>
* [https://github.com/gctools-outilsgc/design-system Github Repository]
* [https://github.com/gctools-outilsgc/design-system Github Repository]
Line 14:
Line 14:
Building a design system is a collaborative effort and requires expertise across all fields in web/application design. A design system takes into account '''all aspects''' of the product and encompasses all levels of the user and the creator’s experience.
Building a design system is a collaborative effort and requires expertise across all fields in web/application design. A design system takes into account '''all aspects''' of the product and encompasses all levels of the user and the creator’s experience.
−
'''Why do we want to build one?'''
+
'''Why do we want to build one?'''
* Consistency across applications and platforms, particularly taking into consideration the rebuild of the GCTools or other digital collaboration services.
* Consistency across applications and platforms, particularly taking into consideration the rebuild of the GCTools or other digital collaboration services.
* Partnership opportunities with interested communities, including the Canadian Digital Service, Talent Cloud, other teams in CIOB, and the design team at IRCC.
* Partnership opportunities with interested communities, including the Canadian Digital Service, Talent Cloud, other teams in CIOB, and the design team at IRCC.
Line 209:
Line 209:
* '''Open:''' the design system will be open and accessible to anyone who wishes to use it. All code is open source, and other guidelines and elements are free to copy.
* '''Open:''' the design system will be open and accessible to anyone who wishes to use it. All code is open source, and other guidelines and elements are free to copy.
−
<figure-inline class="mw-default-size"><figure-inline>[[File:MVP_triangle.png|220x220px]]</figure-inline></figure-inline>
+
<figure-inline class="mw-default-size"><figure-inline><figure-inline>[[File:MVP_triangle.png|220x220px]]</figure-inline></figure-inline></figure-inline>
Line 256:
Line 256:
* Downloads/Resources (Illustrator, Photoshop or Sketch files available for download)
* Downloads/Resources (Illustrator, Photoshop or Sketch files available for download)
==== Project Timeline ====
==== Project Timeline ====
−
<figure-inline>[[File:DS Project Timeline.JPG|1152x1152px]]</figure-inline>
+
<figure-inline><figure-inline>[[File:DS Project Timeline.JPG|1152x1152px]]</figure-inline></figure-inline>
==== Design Sprints ====
==== Design Sprints ====