150
edits
Changes
mLine 1:
Line 1: − <figure-inline class="mw-default-size"><figure-inline>[[File:Design_system.png|345x345px]]</figure-inline></figure-inline> + Line 14:
Line 14: − + Line 209:
Line 209: − + Line 256:
Line 256: − +
no edit summary
<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]
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.
* '''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>
* 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 ====