Change Details

=== Background goal Since one of our priorities for "Codex as Wikimedia DS" site is to reflect the [[ https://design.wikimedia.org/style-guide/index.html | DSG documentation ]], we need to revisit the DSG sections in order to align the content with the last Codex changes (e.g. new color names). Once this documentation is revisited and reviewed, we will create it in the new Codex site. As part of this, we will need to decide from where we want to access the DSG from Codex. NOTE: The scope of this task is to add just the most relevant DSG sections in order to create the **MVP version** of Codex as Wikimedia Design System before the Hackathon on May 18th. === Open questions [-] Navigation: we will add a ‘Style guide’ section in Codex’s demo site main navigation and we will add the DSG sections there [-] DSG sections to add in the MVP version: - Introduction - Design Principles - Overview - Accessibility (just if we have time) - Visual style - Color, Typography, Icons, - remove references to “paper and ink” - Images (we will need to include some example images) - Principles page will not be added as a separate page now, but we will add the content from Principles in the other Visual Style sections (e.g. comment about paper ink in Typography) === Documentation | [[ https://www.notion.so/wikimediadesign/Design-Style-Guide-cd31677c01d346eb9acdf8c7b026ec32 | Notion with the new documentation ]] | === Acceptance criteria (or Done) [-] Copy the DSG documentation in [[ https://www.notion.so/wikimediadesign/Design-Style-Guide-cd31677c01d346eb9acdf8c7b026ec32 | Notion ]] and add comments in the sections we should update [ ] Update the documentation in Notion if needed and create the necessary images [ ] Decide which sections of the DSG we want to add in Codex for this MVP version [ ] Decide from where we want to access the DSG from the Codex site (prototype it if needed) [ ] Create documentation needed in the new Codex site - for example the site structured (are new sections or alterations to subsections needed?).

=== Background goal Since one of our priorities for "Codex as Wikimedia DS" site is to reflect the [[ https://design.wikimedia.org/style-guide/index.html | DSG documentation ]], we need to revisit the DSG sections in order to align the content with the last Codex changes (e.g. new color names). Once this documentation is revisited and reviewed, we will create it in the new Codex site. As part of this, we will need to decide from where we want to access the DSG from Codex. NOTE: The scope of this task is to add just the most relevant DSG sections in order to create the **MVP version** of Codex as Wikimedia Design System before the Hackathon on May 18th. === Open questions [-] Navigation: we will add a ‘Style guide’ section in Codex’s demo site main navigation and we will add the DSG sections there [-] DSG sections to add in the MVP version: - Introduction - Design Principles - Overview - Accessibility (just if we have time) - Visual style - Color, Typography, Icons, - remove references to “paper and ink” - Images (we will need to include some example images) - Principles page will not be added as a separate page now, but we will add the content from Principles in the other Visual Style sections (e.g. comment about paper ink in Typography) === Documentation | [[ https://www.notion.so/wikimediadesign/Design-Style-Guide-cd31677c01d346eb9acdf8c7b026ec32 | Notion with the new documentation ]] | === Acceptance criteria (or Done) [-] Copy the DSG documentation in [[ https://www.notion.so/wikimediadesign/Design-Style-Guide-cd31677c01d346eb9acdf8c7b026ec32 | Notion ]] and add comments in the sections we should update [ ] Update the documentation in Notion if needed and create the necessary images [-] Decide the approach of the MVP version: [-] Decide which sections of the DSG we want to add in Codex for this MVP version [-] Decide from where we want to access the DSG from the Codex site (prototype it if needed) [ ] Create the new ‘Style guide’ section in the main navigation of the Codex site (in the header) [ ] Create documentation needed in the new Codex site - for example the site structured (are new sections or alterations to subsections needed?).

=== Background goal Since one of our priorities for "Codex as Wikimedia DS" site is to reflect the [[ https://design.wikimedia.org/style-guide/index.html | DSG documentation ]], we need to revisit the DSG sections in order to align the content with the last Codex changes (e.g. new color names). Once this documentation is revisited and reviewed, we will create it in the new Codex site. As part of this, we will need to decide from where we want to access the DSG from Codex. NOTE: The scope of this task is to add just the most relevant DSG sections in order to create the **MVP version** of Codex as Wikimedia Design System before the Hackathon on May 18th. === Open questions [-] Navigation: we will add a ‘Style guide’ section in Codex’s demo site main navigation and we will add the DSG sections there [-] DSG sections to add in the MVP version: - Introduction - Design Principles - Overview - Accessibility (just if we have time) - Visual style - Color, Typography, Icons, - remove references to “paper and ink” - Images (we will need to include some example images) - Principles page will not be added as a separate page now, but we will add the content from Principles in the other Visual Style sections (e.g. comment about paper ink in Typography) === Documentation | [[ https://www.notion.so/wikimediadesign/Design-Style-Guide-cd31677c01d346eb9acdf8c7b026ec32 | Notion with the new documentation ]] | === Acceptance criteria (or Done) [-] Copy the DSG documentation in [[ https://www.notion.so/wikimediadesign/Design-Style-Guide-cd31677c01d346eb9acdf8c7b026ec32 | Notion ]] and add comments in the sections we should update [ ] Update the documentation in Notion if needed and create the necessary images [ -] Decide which sections of the DSG we want to add in Codex for thise the approach of the MVP version: [ [-] Decide which sections of the DSG we want to add in Codex for this MVP version [-] Decide from where we want to access the DSG from the Codex site (prototype it if needed) [ ] Create the new ‘Style guide’ section in the main navigation of the Codex site (in the header) [ ] Create documentation needed in the new Codex site - for example the site structured (are new sections or alterations to subsections needed?).