-
Notifications
You must be signed in to change notification settings - Fork 15
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Migration: Content and Information Architecture Specification (#200)
* Create usage-canadaca-design.md * Rename usage-canadaca-design.md to architecture/usage-canadaca-design-01.md * Create usage-canadaca-design-02.md * Update usage-canadaca-design-02.md * Update usage-canadaca-design-02.md * Update usage-canadaca-design-02.md * Rename usage-canadaca-design-02.md to usage-canadaca-design-02.html * Update usage-canadaca-design-02.html * Update usage-canadaca-design-02.html * Create template-en.md * Update template-en.md * Create usage-canadaca-design.md * Update template-en.md * Create mandatory-elements.md * Create canada-content-information-architecture-specification.md * Create organizing-content.md * Create templates.md * Update canada-content-information-architecture-specification.md * Update usage-canadaca-design.md * Update usage-canadaca-design.md * Update mandatory-elements.md * Update organizing-content.md * Update templates.md * Delete usage-canadaca-design-01.md * Delete usage-canadaca-design-02.html * Delete template-en.md * Update canada-content-information-architecture-specification.md * Update canada-content-information-architecture-specification.md * Update mandatory-elements.md * Update organizing-content.md * Update templates.md * Update usage-canadaca-design.md * Update canada-content-information-architecture-specification.md * Update mandatory-elements.md * Update organizing-content.md * Update templates.md * Update usage-canadaca-design.md * migration files * Update canada-content-information-architecture-specification.md * Update canada-content-information-architecture-specification.md * Update mandatory-elements.md * Update organizing-content.md * Update templates.md * Update usage-canadaca-design.md * Update README.md * Create m.md * Add files via upload * Delete m.md * Update organizing-content.md * Update organizing-content.md * Update mandatory-elements.md * Update templates.md * Update usage-canadaca-design.md * Delete conceptual-overview-fra.png * Update mandatory-elements.md * Update organizing-content.md * Update templates.md * Update usage-canadaca-design.md * Update README.md * Update README.md * Update canada-content-information-architecture-specification.md * Update _config.yml Adding default breadcrumbs for architecture section * Update _config.yml Adding default breadcrumbs for architecture section --------- Co-authored-by: David Elisma <david.elisma@tbs-sct.gc.ca>
- Loading branch information
Peter Crane
and
David Elisma
authored
May 17, 2023
1 parent
37aa6d0
commit b805473
Showing
31 changed files
with
597 additions
and
2,129 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
49 changes: 49 additions & 0 deletions
49
architecture/canada-content-information-architecture-specification.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,49 @@ | ||
| --- | ||
| altLangPage: "https://conception.canada.ca/architecture/specifications-contenu-architecture-information-canada.html" | ||
| breadcrumbs: | ||
| - title: About Canada.ca | ||
| link: "https://www.canada.ca/en/government/about.html" | ||
| - title: Canada.ca design system | ||
| link: "https://www.canada.ca/en/government/about/design-system.html" | ||
| date: 2017-10-05 | ||
| dateModified: 2023-03-28 | ||
| description: "The requirements listed in this design manual apply to departments and other portions of the federal public administration as set out in Schedules I, I.1 and II of the Financial Administration Act. As such, in-scope institutions must apply Canada.ca design requirements for all public-facing web sites or digital services." | ||
| layout: default | ||
| title: "Canada.ca Content and Information Architecture Specification" | ||
| --- | ||
| <p class="gc-byline"><strong>From: <a href="https://www.canada.ca/en/treasury-board-secretariat.html">Treasury Board of Canada Secretariat</a></strong></p> | ||
| <p>The Canada.ca design system provides user-tested templates, patterns and design principles. The system allows designers and developers to create a more usable, consistent and trustworthy online experience for people who access Government of Canada digital services.</p> | ||
| <p class="text-right">Version 2.1.2</p> | ||
| <p class="text-right">Revised: | ||
| <time datetime="2020-10-21">October 21, 2020</time> | ||
| </p> | ||
| <div class="row"> | ||
| <section class="wb-eqht gc-drmt"> | ||
| <div class="col-md-4"> | ||
| <section> | ||
| <h3 class="h5"><a href="usage-canadaca-design.html">Who has to use this design system</a></h3> | ||
| <p>Scope of the Canada.ca design system</p> | ||
| </section> | ||
| </div> | ||
| <div class="col-md-4"> | ||
| <section> | ||
| <h3 class="h5"><a href="mandatory-elements.html">Mandatory elements</a></h3> | ||
| <p>Colours, typography, header and footer, mandatory templates</p> | ||
| </section> | ||
| </div> | ||
| <div class="col-md-4"> | ||
| <section> | ||
| <h3 class="h5"><a href="organizing-content.html">Organizing content</a></h3> | ||
| <p>Themes and institutional navigation, URLs, content types and content states</p> | ||
| </section> | ||
| </div> | ||
| <div class="col-md-4"> | ||
| <section> | ||
| <h3 class="h5"><a href="templates.html">Designing content</a></h3> | ||
| <p>Template library and design principles</p> | ||
| </section> | ||
| </div> | ||
| </section> | ||
| </div> | ||
| <p class="mrgn-tp-lg text-center small">© Her Majesty the Queen in Right of Canada, represented by the President of the Treasury Board, 2017,<br> | ||
| ISBN: 978-0-660-09331-4</p> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,82 @@ | ||
| --- | ||
| altLangPage: "https://conception.canada.ca/architecture/elements-obligatoires.html" | ||
| date: 2017-10-05 | ||
| dateModified: 2023-03-28 | ||
| description: "Mandatory elements for all Government of Canada webpages." | ||
| layout: default | ||
| title: "Mandatory elements of the Canada.ca design system" | ||
| --- | ||
| <p class="gc-byline"><strong>From: <a href="https://www.canada.ca/en/treasury-board-secretariat.html">Treasury Board of Canada Secretariat</a></strong></p> | ||
| <div> | ||
| <div class="mrgn-tp-md mrgn-bttm-sm brdr-bttm"> | ||
| <div class="row mrgn-bttm-sm"> | ||
| <ul class="toc lst-spcd col-md-12"> | ||
| <li class="col-md-4"><a href="usage-canadaca-design.html" class="list-group-item">Who has to use this design system</a> </li> | ||
| <li class="col-md-4"><a href="mandatory-elements.html" class="list-group-item cust-active active">Mandatory elements</a> </li> | ||
| <li class="col-md-4"><a href="organizing-content.html" class="list-group-item">Organizing content</a> </li> | ||
| <li class="col-md-4"><a href="templates.html" class="list-group-item">Designing content</a> </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| <p>Government of Canada web pages must be easily identifiable as part of Canada.ca. Each page must convey the overall brand and feel of Canada.ca, and provide a consistent experience for site visitors. </p> | ||
| <p>These mandatory elements were designed to reflect the trusted digital brand of the Government of Canada: modern, open, helpful and credible.</p> | ||
| <section> | ||
| <h2>Mandatory elements for all institutions</h2> | ||
| <ol> | ||
| <li><a href="#domain">The Canada.ca domain</a></li> | ||
| <li><a href="#styles">Styles</a></li> | ||
| <li><a href="#header-footer">Header and footer</a> </li> | ||
| <li><a href="#inst_home">Institutional landing page</a> </li> | ||
| <li><a href="#mandatory">Other mandatory templates</a></li> | ||
| </ol> | ||
| </section> | ||
| <h2 id="domain">The Canada.ca domain</h2> | ||
| <p>Use the Canada.ca domain for all Government of Canada web pages:</p> | ||
| <ul> | ||
| <li><a href="https://design.canada.ca/common-design-patterns/canada-dot-ca.html">Canada.ca domain</a></li> | ||
| </ul> | ||
| <h2 id="styles">Styles</h2> | ||
| <p>Apply the following style elements:</p> | ||
| <ul> | ||
| <li><a href="https://design.canada.ca/styles/typography.html">Typography</a></li> | ||
| <li><a href="https://design.canada.ca/styles/colours.html">Colours</a></li> | ||
| <li><a href="https://design.canada.ca/styles/layouts.html">Layouts</a></li> | ||
| </ul> | ||
| <h2 id="header-footer">Header and footer</h2> | ||
| <p>Each page from the Government of Canada shares a common header and footer. That is, the upper and lower parts of a page must look the same from page to page.</p> | ||
| <p>Get the detailed requirements:</p> | ||
| <ul> | ||
| <li><a href="https://design.canada.ca/common-design-patterns/global-header.html">Global header</a></li> | ||
| <li><a href="https://design.canada.ca/common-design-patterns/site-footer.html">Global footer</a></li> | ||
| </ul> | ||
| <h2 id="inst_home">Institutional landing page</h2> | ||
| <p>All Government of Canada organizations and institutions must use this template as the single home page for their institution.</p> | ||
| <ul> | ||
| <li><a href="https://design.canada.ca/mandatory-templates/institutional-profile-pages.html">Institutional landing page template</a></li> | ||
| </ul> | ||
| <h2 id="mandatory">Other mandatory templates</h2> | ||
| <p>Specific Canada.ca page types use mandatory templates. Consistency in these page types helps people find and accomplish tasks. </p> | ||
| <ul> | ||
| <li><a href="https://design.canada.ca/mandatory-templates/theme-topic.html">Theme page</a>: top-level page for each Canada.ca theme, to be used only by theme lead institution</li> | ||
| <li><a href="https://design.canada.ca/mandatory-templates/theme-topic.html">Topic page</a>: mandatory for the first 2 levels of topics in the Canada.ca topic tree, optional for lower-level topics</li> | ||
| <li><a href="https://design.canada.ca/mandatory-templates/audience-pages.html">Government-wide audience page</a>: to be used only by the institutions managing the government-wide audiences</li> | ||
| <li><a href="https://design.canada.ca/mandatory-templates/ministerial-profile-pages.html">Ministerial profile</a>: to be used for ministers and parliamentary secretaries (also used with modification for heads of quasi-judicial arm’s-length institutions)</li> | ||
| <li><a href="https://design.canada.ca/mandatory-templates/news-pages.html#product">News products</a>: common layouts for news products such as releases, backgrounders, advisories and speeches</li> | ||
| </ul> | ||
| <h3 id="gc-wide">Government-wide templates</h3> | ||
| <p>There is only one of each of these pages across Canada.ca.</p> | ||
| <ul> | ||
| <li><a href="https://design.canada.ca/mandatory-templates/home-page.html">Canada.ca home page</a></li> | ||
| <li><a href="https://design.canada.ca/mandatory-templates/department-agencies-page.html">Departments and agencies page</a></li> | ||
| <li><a href="https://design.canada.ca/mandatory-templates/news-pages.html#landing">News landing page</a></li> | ||
| <li><a href="https://design.canada.ca/mandatory-templates/news-pages.html#results">News results page</a></li> | ||
| <li><a href="https://design.canada.ca/mandatory-templates/search-page.html">Search page</a></li> | ||
| </ul> | ||
| <nav role="navigation" class="mrgn-bttm-lg"> | ||
| <h2 class="wb-inv">Document navigation</h2> | ||
| <ul class="pager"> | ||
| <li class="previous"><a href="/en/treasury-board-secretariat/services/government-communications/canada-content-information-architecture-specification/usage-canadaca-design.html" rel="prev">Previous<span class="wb-inv">: Who has to use this design system</span></a></li> | ||
| <li class="next"><a href="/en/treasury-board-secretariat/services/government-communications/canada-content-information-architecture-specification/organizing-content.html" rel="next">Next<span class="wb-inv">: Organizing your content</span></a></li> | ||
| </ul> | ||
| </nav> | ||
| </div> |
Oops, something went wrong.