diff --git a/components/helmet.tsx b/components/helmet.tsx index 6d14636f7..97ec75308 100644 --- a/components/helmet.tsx +++ b/components/helmet.tsx @@ -1,13 +1,13 @@ import NextHead from 'next/head'; import siteConfig from '../content/site.json'; import { RoadmapType } from '../lib/roadmap'; -import { roadmapTheme } from '../styles/theme'; type HelmetProps = { title?: string; keywords?: string[]; canonical?: string; description?: string; + noIndex?: boolean; roadmap?: RoadmapType; }; @@ -41,7 +41,7 @@ function getRichSnippetJson(roadmap: RoadmapType) { } const Helmet = (props: HelmetProps) => { - const { roadmap, title, canonical, description, keywords } = props; + const { roadmap, title, canonical, description, keywords, noIndex = false } = props; return ( @@ -59,6 +59,8 @@ const Helmet = (props: HelmetProps) => { content={keywords ? keywords.join(',') : siteConfig.keywords.join(',')} /> + {noIndex && } + Everything you need to know about Design Systems +Design Systems 101 +A comprehensive guide to design systems + diff --git a/content/roadmaps/111-design-system/content/100-design-system-basics/101-need-of-design-system.md b/content/roadmaps/111-design-system/content/100-design-system-basics/101-need-of-design-system.md index 84d1c97f7..9869428a2 100644 --- a/content/roadmaps/111-design-system/content/100-design-system-basics/101-need-of-design-system.md +++ b/content/roadmaps/111-design-system/content/100-design-system-basics/101-need-of-design-system.md @@ -1 +1,9 @@ -# Need of design system \ No newline at end of file +# Need of design system + +Having a solid design system speeds up your work by making the product team more efficient, and it creates consistency and harmony within the product and brand ecosystem. A strong design system takes the burden off individual designers to think through commonly recurring design problems. With a full library of pre-approved elements, designers can focus on bigger problems like creating seamless, intuitive flows that delight users. That kind of efficiency pays huge dividends over time. + +Design Systems, when and how much? +Why You Need a Strong Design System (and How to Build One) +On Design Systems: Sell The Output, Not The Workflow + + diff --git a/content/roadmaps/111-design-system/content/100-design-system-basics/102-design-system-vs-component-library.md b/content/roadmaps/111-design-system/content/100-design-system-basics/102-design-system-vs-component-library.md index 04c5bd9d3..9148ebdbf 100644 --- a/content/roadmaps/111-design-system/content/100-design-system-basics/102-design-system-vs-component-library.md +++ b/content/roadmaps/111-design-system/content/100-design-system-basics/102-design-system-vs-component-library.md @@ -1 +1,9 @@ -# Design system vs component library \ No newline at end of file +# Design System vs Component Library + +A component library is just a collection of visuals i.e. colours, button stylings, fonts, etc. A Design System takes it to the next level by including standards and documentation around the look and usage of each component. The Design System acts as the single-source of truth. + +A Design System: So Much More Than A Component Library +Design System vs UI Component Library vs Brand Style Guide +Design Systems vs Pattern Libraries vs Style Guides vs Component Libraries + + diff --git a/content/roadmaps/111-design-system/content/100-design-system-basics/103-atomic-design.md b/content/roadmaps/111-design-system/content/100-design-system-basics/103-atomic-design.md index b926ffdde..f2e8870cd 100644 --- a/content/roadmaps/111-design-system/content/100-design-system-basics/103-atomic-design.md +++ b/content/roadmaps/111-design-system/content/100-design-system-basics/103-atomic-design.md @@ -1 +1,8 @@ -# Atomic design \ No newline at end of file +# Atomic Design + +Atomic design (by Brad Frost) is a mental model to help you think of user interfaces as a cohesive whole and a collection of parts at the same time. Through the comparison to atoms, molecules, and organisms, we can think of the design of our UI as a composition of self-containing modules put together. + +Atomic Design Principles & Methodology 101 +Atomic Design Methodology +Atomic Design and UI Components: Theory to Practice + diff --git a/content/roadmaps/111-design-system/content/100-design-system-basics/104-good-design-system.md b/content/roadmaps/111-design-system/content/100-design-system-basics/104-good-design-system.md deleted file mode 100644 index 248d5f45e..000000000 --- a/content/roadmaps/111-design-system/content/100-design-system-basics/104-good-design-system.md +++ /dev/null @@ -1 +0,0 @@ -# Good design system \ No newline at end of file diff --git a/content/roadmaps/111-design-system/content/100-design-system-basics/105-stakeholders-involved.md b/content/roadmaps/111-design-system/content/100-design-system-basics/105-stakeholders-involved.md index 880b80efc..67dbed2b4 100644 --- a/content/roadmaps/111-design-system/content/100-design-system-basics/105-stakeholders-involved.md +++ b/content/roadmaps/111-design-system/content/100-design-system-basics/105-stakeholders-involved.md @@ -1 +1,15 @@ -# Stakeholders involved \ No newline at end of file +# Stakeholders + +Building an effective design system is not an individual responsibility, you need more than just designers. Here’s a quick list of the disciplines that can be represented in your team to create an effective design system: + +- **Designers:** to define the visual elements of the system +- **Frontend Developers:** To create modular efficient code +- **Accessibility Experts:** Accessibility experts to ensure your system conforms to standards like WCAG +- **Performance Experts:** who can ensure your system loads quickly on all devices +- **Content Strategists:** who can help the team nail the voice and tone of the system +- **Researchers:** who can help you understand customer needs +- **Product Managers:** to ensure the system is aligning to customer needs +- **Leaders:** (VPs and directors) to champion and align the vision throughout the company including up to executive leadership + + +Designing the Design System diff --git a/content/roadmaps/111-design-system/content/100-design-system-basics/106-design-system-examples.md b/content/roadmaps/111-design-system/content/100-design-system-basics/106-design-system-examples.md index 6e59ead32..25b8abb81 100644 --- a/content/roadmaps/111-design-system/content/100-design-system-basics/106-design-system-examples.md +++ b/content/roadmaps/111-design-system/content/100-design-system-basics/106-design-system-examples.md @@ -1 +1,11 @@ -# Design system examples \ No newline at end of file +# Design System Examples + + +Material Design (Google) +Carbon Design System (IBM) +Atlassian Design System +Polaris Design System (Shopify) +Gov.uk Design System + + +Collection of Open Source Design Systems diff --git a/content/roadmaps/111-design-system/content/100-design-system-basics/readme.md b/content/roadmaps/111-design-system/content/100-design-system-basics/readme.md index 7a98347d9..aa0f5fc8d 100644 --- a/content/roadmaps/111-design-system/content/100-design-system-basics/readme.md +++ b/content/roadmaps/111-design-system/content/100-design-system-basics/readme.md @@ -1 +1,11 @@ -# Design system basics \ No newline at end of file +# Design System Basics + +A design system is a set of standards to manage design at scale by reducing redundancy while creating a shared language and visual consistency across different pages and channels. + +Design Systems 101 +What is a Design System? Design Systems 101 for Designers +A comprehensive guide to design systems +Everything you need to know about Design Systems + + + diff --git a/content/roadmaps/111-design-system/content/102-making-a-design-system/readme.md b/content/roadmaps/111-design-system/content/102-making-a-design-system/readme.md index 220cf8a72..18e6b419c 100644 --- a/content/roadmaps/111-design-system/content/102-making-a-design-system/readme.md +++ b/content/roadmaps/111-design-system/content/102-making-a-design-system/readme.md @@ -1 +1,9 @@ -# Making a design system \ No newline at end of file +# Making a Design System + +First step in building a design system is identifying [if you even need a design system](https://sparkbox.com/foundry/when_not_to_use_a_design_system). + +Introducing Design Systems Into Chaos - Diana Mounter, GitHub +Design Systems, when and how much? +Design Systems: Step-by-Step Guide to Creating Your Own +Does My Organization Need a Design System? + diff --git a/content/roadmaps/111-design-system/content/107-tooling/100-development/100-component-catalog.md b/content/roadmaps/111-design-system/content/107-tooling/100-development/100-component-catalog.md index 4ef9752fb..6450a95a5 100644 --- a/content/roadmaps/111-design-system/content/107-tooling/100-development/100-component-catalog.md +++ b/content/roadmaps/111-design-system/content/107-tooling/100-development/100-component-catalog.md @@ -1 +1,3 @@ -# Component catalog \ No newline at end of file +# Component Catalog + +Isolate your UI components’ environment outside of your product codebase to make sure they’re not dependent on any global dependencies and can be easily reused. diff --git a/content/roadmaps/111-design-system/content/107-tooling/100-development/101-documentation.md b/content/roadmaps/111-design-system/content/107-tooling/100-development/101-documentation.md index 7d8b3af51..c4befcff6 100644 --- a/content/roadmaps/111-design-system/content/107-tooling/100-development/101-documentation.md +++ b/content/roadmaps/111-design-system/content/107-tooling/100-development/101-documentation.md @@ -1 +1,3 @@ -# Documentation \ No newline at end of file +# Documentation + +Having your code documented is key to driving adoption and reducing the load on the contributors. diff --git a/content/roadmaps/111-design-system/content/107-tooling/100-development/102-code-style.md b/content/roadmaps/111-design-system/content/107-tooling/100-development/102-code-style.md index c2753d4c6..1d5a8d627 100644 --- a/content/roadmaps/111-design-system/content/107-tooling/100-development/102-code-style.md +++ b/content/roadmaps/111-design-system/content/107-tooling/100-development/102-code-style.md @@ -1 +1,3 @@ -# Code style \ No newline at end of file +# Code Style + +Having a defined code style helps align the way code’s written in the system and increases development velocity. It should be automated with the tools provided for each platform. diff --git a/content/roadmaps/111-design-system/content/107-tooling/100-development/103-unit-testing.md b/content/roadmaps/111-design-system/content/107-tooling/100-development/103-unit-testing.md index 94ee45331..77bbb64bf 100644 --- a/content/roadmaps/111-design-system/content/107-tooling/100-development/103-unit-testing.md +++ b/content/roadmaps/111-design-system/content/107-tooling/100-development/103-unit-testing.md @@ -1 +1,3 @@ -# Unit testing \ No newline at end of file +# Unit Testing + +Every part of the design system should be covered with unit tests. Once your system’s adopted, any change in the isolated environment may affect how the product works. diff --git a/content/roadmaps/111-design-system/content/107-tooling/100-development/104-accessibility-testing.md b/content/roadmaps/111-design-system/content/107-tooling/100-development/104-accessibility-testing.md index 8e93fac42..5ec7e1447 100644 --- a/content/roadmaps/111-design-system/content/107-tooling/100-development/104-accessibility-testing.md +++ b/content/roadmaps/111-design-system/content/107-tooling/100-development/104-accessibility-testing.md @@ -1 +1,3 @@ -# Accessibility testing \ No newline at end of file +# Accessibility Testing + +Design systems should cover accessibility as much as possible. Making this automatic reduces the risk of inaccessible components or user flows in the product. diff --git a/content/roadmaps/111-design-system/content/107-tooling/100-development/105-semantic-versioning.md b/content/roadmaps/111-design-system/content/107-tooling/100-development/105-semantic-versioning.md index 6b7b03476..855d3d375 100644 --- a/content/roadmaps/111-design-system/content/107-tooling/100-development/105-semantic-versioning.md +++ b/content/roadmaps/111-design-system/content/107-tooling/100-development/105-semantic-versioning.md @@ -1 +1,3 @@ -# Semantic versioning \ No newline at end of file +# Semantic Versioning + +Version your code with semantic versioning that dictates how version numbers are assigned and incremented. diff --git a/content/roadmaps/111-design-system/content/107-tooling/100-development/106-release-strategy.md b/content/roadmaps/111-design-system/content/107-tooling/100-development/106-release-strategy.md index 6b89c428e..96af66503 100644 --- a/content/roadmaps/111-design-system/content/107-tooling/100-development/106-release-strategy.md +++ b/content/roadmaps/111-design-system/content/107-tooling/100-development/106-release-strategy.md @@ -1 +1,3 @@ -# Release strategy \ No newline at end of file +# Release Strategy + +Design system releases should be automated and ideally use scripts ran locally or in remote CI pipelines to prevent broken releases. diff --git a/content/roadmaps/111-design-system/content/107-tooling/100-development/107-commit-guidelines.md b/content/roadmaps/111-design-system/content/107-tooling/100-development/107-commit-guidelines.md index 641eed230..ddf8169bb 100644 --- a/content/roadmaps/111-design-system/content/107-tooling/100-development/107-commit-guidelines.md +++ b/content/roadmaps/111-design-system/content/107-tooling/100-development/107-commit-guidelines.md @@ -1 +1,3 @@ -# Commit guidelines \ No newline at end of file +# Commit Guidelines + +Automate the generation of your changelog by adopting a commit message guidelines that categorise and define the changes being made. diff --git a/content/roadmaps/111-design-system/content/107-tooling/100-development/108-pr-templates.md b/content/roadmaps/111-design-system/content/107-tooling/100-development/108-pr-templates.md index c6498f60f..ffe21acff 100644 --- a/content/roadmaps/111-design-system/content/107-tooling/100-development/108-pr-templates.md +++ b/content/roadmaps/111-design-system/content/107-tooling/100-development/108-pr-templates.md @@ -1 +1,3 @@ -# Pr templates \ No newline at end of file +# Pull Request Templates + +Create pull request templates that outline the change being proposed to facilitate productive discussions. diff --git a/content/roadmaps/111-design-system/content/107-tooling/100-development/109-contribution-guidelines.md b/content/roadmaps/111-design-system/content/107-tooling/100-development/109-contribution-guidelines.md index 1ac60054d..56612e5e4 100644 --- a/content/roadmaps/111-design-system/content/107-tooling/100-development/109-contribution-guidelines.md +++ b/content/roadmaps/111-design-system/content/107-tooling/100-development/109-contribution-guidelines.md @@ -1 +1,3 @@ -# Contribution guidelines \ No newline at end of file +# Contribution Guidelines + +Define the process of contributing to the code of the design system. Document everything in a discoverable place to make it easier for everyone to contribute. diff --git a/content/roadmaps/111-design-system/content/107-tooling/100-development/readme.md b/content/roadmaps/111-design-system/content/107-tooling/100-development/readme.md index 90c64e52f..78864b924 100644 --- a/content/roadmaps/111-design-system/content/107-tooling/100-development/readme.md +++ b/content/roadmaps/111-design-system/content/107-tooling/100-development/readme.md @@ -1 +1,3 @@ -# Development \ No newline at end of file +# Development + +One of the main challenges in developing a design system isn’t building the components. It’s making your code stable, easy to read and contribute to. diff --git a/content/roadmaps/111-design-system/content/107-tooling/101-design/100-design-editor.md b/content/roadmaps/111-design-system/content/107-tooling/101-design/100-design-editor.md index 9b2ee69ff..1c8a45fc3 100644 --- a/content/roadmaps/111-design-system/content/107-tooling/101-design/100-design-editor.md +++ b/content/roadmaps/111-design-system/content/107-tooling/101-design/100-design-editor.md @@ -1 +1,3 @@ -# Design editor \ No newline at end of file +# Design Editor + +There are many design editors available in the market today with the most popular names being Sketch, Figma and Adobe XD. If you're unsure which route to go down it's often best to speak with your team. diff --git a/content/roadmaps/111-design-system/content/107-tooling/101-design/101-plugins.md b/content/roadmaps/111-design-system/content/107-tooling/101-design/101-plugins.md index f39a3a0c3..b3acf1552 100644 --- a/content/roadmaps/111-design-system/content/107-tooling/101-design/101-plugins.md +++ b/content/roadmaps/111-design-system/content/107-tooling/101-design/101-plugins.md @@ -1 +1,3 @@ -# Plugins \ No newline at end of file +# Plugins + +Most popular Design Editors (Sketch and Figma, especially) come with third-party plugin support. Whilst it's best to use the editors in-built tools for laying out your components, plugins can bring in a range of useful data to populate them. diff --git a/content/roadmaps/111-design-system/content/107-tooling/101-design/102-version-control.md b/content/roadmaps/111-design-system/content/107-tooling/101-design/102-version-control.md index 27f303ff0..f6979a47d 100644 --- a/content/roadmaps/111-design-system/content/107-tooling/101-design/102-version-control.md +++ b/content/roadmaps/111-design-system/content/107-tooling/101-design/102-version-control.md @@ -1 +1,3 @@ -# Version control \ No newline at end of file +# Version Control + +Having your design versioned with semantic versioning will allow you to easily align design with development, roll back faulty changes and release changes in code and design at the same time. diff --git a/content/roadmaps/111-design-system/content/107-tooling/101-design/103-contribution-guidelines.md b/content/roadmaps/111-design-system/content/107-tooling/101-design/103-contribution-guidelines.md index 1ac60054d..a7b9d5833 100644 --- a/content/roadmaps/111-design-system/content/107-tooling/101-design/103-contribution-guidelines.md +++ b/content/roadmaps/111-design-system/content/107-tooling/101-design/103-contribution-guidelines.md @@ -1 +1,3 @@ -# Contribution guidelines \ No newline at end of file +# Contribution Guidelines + +Define the process of contributing to the UI and UX of the design system and document it in a discoverable place to make it easier for everyone to contribute. diff --git a/content/roadmaps/111-design-system/content/107-tooling/101-design/readme.md b/content/roadmaps/111-design-system/content/107-tooling/101-design/readme.md index f936956a2..9bcdf2b0a 100644 --- a/content/roadmaps/111-design-system/content/107-tooling/101-design/readme.md +++ b/content/roadmaps/111-design-system/content/107-tooling/101-design/readme.md @@ -1 +1,4 @@ -# Design \ No newline at end of file +# Design + +The UI and UX in a design system need to be tied to development as much as possible. The tools in this checklist should help designers and developers work better together. + diff --git a/content/roadmaps/111-design-system/content/107-tooling/readme.md b/content/roadmaps/111-design-system/content/107-tooling/readme.md index 689c85d4f..9a7ec64db 100644 --- a/content/roadmaps/111-design-system/content/107-tooling/readme.md +++ b/content/roadmaps/111-design-system/content/107-tooling/readme.md @@ -1 +1,4 @@ -# Tooling \ No newline at end of file +# Tooling + +To make things efficient for anyone using your design system, make tooling essential. Find the workflows where you can integrate things with the tools people use. This helps organically spread your design system and make it crucial to people’s daily work. + diff --git a/content/roadmaps/111-design-system/content/108-project-management/100-task-management/100-ticketing.md b/content/roadmaps/111-design-system/content/108-project-management/100-task-management/100-ticketing.md index 1cb98322c..898fa0929 100644 --- a/content/roadmaps/111-design-system/content/108-project-management/100-task-management/100-ticketing.md +++ b/content/roadmaps/111-design-system/content/108-project-management/100-task-management/100-ticketing.md @@ -1 +1,3 @@ -# Ticketing \ No newline at end of file +# Ticketing + +Make it easier to track your day-to-day progress by using ticketing software like Jira, Trello or GitHub. This’ll make it easier for others to submit feature proposals or bug reports. diff --git a/content/roadmaps/111-design-system/content/108-project-management/100-task-management/101-milestones.md b/content/roadmaps/111-design-system/content/108-project-management/100-task-management/101-milestones.md index 6b2cf7ddc..65b423af7 100644 --- a/content/roadmaps/111-design-system/content/108-project-management/100-task-management/101-milestones.md +++ b/content/roadmaps/111-design-system/content/108-project-management/100-task-management/101-milestones.md @@ -1 +1,3 @@ -# Milestones \ No newline at end of file +# Milestones + +Define milestones that act as bigger epics in your project management with the help of your roadmap. These will help you understand your progress. diff --git a/content/roadmaps/111-design-system/content/108-project-management/100-task-management/102-roadmap.md b/content/roadmaps/111-design-system/content/108-project-management/100-task-management/102-roadmap.md index 971d14480..3f1ca6141 100644 --- a/content/roadmaps/111-design-system/content/108-project-management/100-task-management/102-roadmap.md +++ b/content/roadmaps/111-design-system/content/108-project-management/100-task-management/102-roadmap.md @@ -1 +1,3 @@ -# Roadmap \ No newline at end of file +# Roadmap + +Setting your short and long term vision and mapping things out helps you decide the steps to take, understand your place in the bigger picture and prioritise day-to-day tasks. diff --git a/content/roadmaps/111-design-system/content/108-project-management/100-task-management/readme.md b/content/roadmaps/111-design-system/content/108-project-management/100-task-management/readme.md index 2f1b5ea87..4f4557062 100644 --- a/content/roadmaps/111-design-system/content/108-project-management/100-task-management/readme.md +++ b/content/roadmaps/111-design-system/content/108-project-management/100-task-management/readme.md @@ -1 +1,3 @@ -# Task management \ No newline at end of file +# Task Management + +Solid task management and workflows are a crucial step in executing any project. Adopting a methodology like Agile or Kanban helps you cover a lot of ground. diff --git a/content/roadmaps/111-design-system/content/108-project-management/101-communications/100-community-meetings.md b/content/roadmaps/111-design-system/content/108-project-management/101-communications/100-community-meetings.md index 1589607b9..c857aa648 100644 --- a/content/roadmaps/111-design-system/content/108-project-management/101-communications/100-community-meetings.md +++ b/content/roadmaps/111-design-system/content/108-project-management/101-communications/100-community-meetings.md @@ -1 +1,3 @@ -# Community meetings \ No newline at end of file +# Community Meetings + +Arrange community meetings with everyone who uses the design system. Share your knowledge and make proposals to improve the sense of community. diff --git a/content/roadmaps/111-design-system/content/108-project-management/101-communications/101-communication-channel.md b/content/roadmaps/111-design-system/content/108-project-management/101-communications/101-communication-channel.md index 66549c8c1..dc5457f12 100644 --- a/content/roadmaps/111-design-system/content/108-project-management/101-communications/101-communication-channel.md +++ b/content/roadmaps/111-design-system/content/108-project-management/101-communications/101-communication-channel.md @@ -1 +1,3 @@ -# Communication channel \ No newline at end of file +# Communication Channel + +Most product development work happens digitally, so create a digital channel where people can reach out and ask questions. diff --git a/content/roadmaps/111-design-system/content/108-project-management/101-communications/102-open-hours.md b/content/roadmaps/111-design-system/content/108-project-management/101-communications/102-open-hours.md index 79e29c4d7..a5636f4bf 100644 --- a/content/roadmaps/111-design-system/content/108-project-management/101-communications/102-open-hours.md +++ b/content/roadmaps/111-design-system/content/108-project-management/101-communications/102-open-hours.md @@ -1 +1,3 @@ -# Open hours \ No newline at end of file +# Open Hours + +Create open hours in which you can engage your audience in a more private setting where you can discuss things in more detail. You can also use these as peer coding or peer design opportunities. diff --git a/content/roadmaps/111-design-system/content/108-project-management/101-communications/103-faqs.md b/content/roadmaps/111-design-system/content/108-project-management/101-communications/103-faqs.md index cc236dbea..1781a15d6 100644 --- a/content/roadmaps/111-design-system/content/108-project-management/101-communications/103-faqs.md +++ b/content/roadmaps/111-design-system/content/108-project-management/101-communications/103-faqs.md @@ -1 +1,3 @@ -# Faqs \ No newline at end of file +# FAQs + +To save everyone time, define which questions are asked frequently by your audience and document them in a discoverable place. diff --git a/content/roadmaps/111-design-system/content/108-project-management/101-communications/readme.md b/content/roadmaps/111-design-system/content/108-project-management/101-communications/readme.md index 67c3a15e4..9654e65ce 100644 --- a/content/roadmaps/111-design-system/content/108-project-management/101-communications/readme.md +++ b/content/roadmaps/111-design-system/content/108-project-management/101-communications/readme.md @@ -1 +1,3 @@ -# Communications \ No newline at end of file +# Communications + +Your users play a great role in shaping your design system. Creating communication channels where they can raise their voices helps you keep track of how they’re using your system. It’ll also improve their sense of ownership and the adoption of your system. diff --git a/content/roadmaps/111-design-system/content/108-project-management/102-analytics/100-component-analytics.md b/content/roadmaps/111-design-system/content/108-project-management/102-analytics/100-component-analytics.md index 7f143fe00..4c709b4b2 100644 --- a/content/roadmaps/111-design-system/content/108-project-management/102-analytics/100-component-analytics.md +++ b/content/roadmaps/111-design-system/content/108-project-management/102-analytics/100-component-analytics.md @@ -1 +1,3 @@ -# Component analytics \ No newline at end of file +# Component Analytics + +Track the usage of your components. For development you can use built-in tools like Figma’s Design System Analytics. For the end product you can have a separate way of tracking per platform depending on the technology. diff --git a/content/roadmaps/111-design-system/content/108-project-management/102-analytics/101-error-logging.md b/content/roadmaps/111-design-system/content/108-project-management/102-analytics/101-error-logging.md index 984ab6d08..1c3a64a18 100644 --- a/content/roadmaps/111-design-system/content/108-project-management/102-analytics/101-error-logging.md +++ b/content/roadmaps/111-design-system/content/108-project-management/102-analytics/101-error-logging.md @@ -1 +1,3 @@ -# Error logging \ No newline at end of file +# Error Logging + +Implement a way to track and pinpoint component-related outages in your product. diff --git a/content/roadmaps/111-design-system/content/108-project-management/102-analytics/102-tooling-analytics.md b/content/roadmaps/111-design-system/content/108-project-management/102-analytics/102-tooling-analytics.md index 784634ef5..57fd505b0 100644 --- a/content/roadmaps/111-design-system/content/108-project-management/102-analytics/102-tooling-analytics.md +++ b/content/roadmaps/111-design-system/content/108-project-management/102-analytics/102-tooling-analytics.md @@ -1 +1,3 @@ -# Tooling analytics \ No newline at end of file +# Tooling Analytics + +Track what tools are being used for your design system. Find out which ones are used the most and which features are the most popular. diff --git a/content/roadmaps/111-design-system/content/108-project-management/102-analytics/103-service-and-health-metrics.md b/content/roadmaps/111-design-system/content/108-project-management/102-analytics/103-service-and-health-metrics.md index b18ab32d2..e88239a34 100644 --- a/content/roadmaps/111-design-system/content/108-project-management/102-analytics/103-service-and-health-metrics.md +++ b/content/roadmaps/111-design-system/content/108-project-management/102-analytics/103-service-and-health-metrics.md @@ -1 +1,3 @@ -# Service and health metrics \ No newline at end of file +# Service and Health Metrics + +Define service and health metrics for your design system to set a benchmark on how well you’re doing. Common examples can be the number of tickets closed, improvements made or bugs fixed. diff --git a/content/roadmaps/111-design-system/content/108-project-management/102-analytics/readme.md b/content/roadmaps/111-design-system/content/108-project-management/102-analytics/readme.md index eb021f46e..49e48e31f 100644 --- a/content/roadmaps/111-design-system/content/108-project-management/102-analytics/readme.md +++ b/content/roadmaps/111-design-system/content/108-project-management/102-analytics/readme.md @@ -1 +1,3 @@ -# Analytics \ No newline at end of file +# Analytics + +Data isn’t the only driving factor when it comes to the development of design systems. Keeping a sharp eye on how your system’s used in the development process and the end product can inform your go-forward strategy. diff --git a/content/roadmaps/111-design-system/content/108-project-management/readme.md b/content/roadmaps/111-design-system/content/108-project-management/readme.md index 1955d9ca9..80afd0a66 100644 --- a/content/roadmaps/111-design-system/content/108-project-management/readme.md +++ b/content/roadmaps/111-design-system/content/108-project-management/readme.md @@ -1 +1,3 @@ -# Project management \ No newline at end of file +# Project Management + +Design systems are no different than any other project your team might take on. In order to successfully build and maintain one, you need a clear strategy that’s well executed daily, and you‘ll need to create opportunities for your colleagues to give feedback to help share your design system together. diff --git a/pages/pdfs.tsx b/pages/pdfs.tsx index 9de51971f..f792bac75 100644 --- a/pages/pdfs.tsx +++ b/pages/pdfs.tsx @@ -12,7 +12,7 @@ export default function RoadmapPDF() { return ( - + diff --git a/pages/upcoming.tsx b/pages/upcoming.tsx index d37b88e25..dd18213f5 100644 --- a/pages/upcoming.tsx +++ b/pages/upcoming.tsx @@ -33,6 +33,7 @@ export default function Upcoming() { diff --git a/public/project/design-system.json b/public/project/design-system.json index 1654528a9..a19d29162 100644 --- a/public/project/design-system.json +++ b/public/project/design-system.json @@ -5,7 +5,7 @@ { "ID": "6771", "typeID": "Arrow", - "zOrder": "49", + "zOrder": "48", "w": "24", "h": "124", "measuredW": "150", @@ -34,7 +34,7 @@ { "ID": "6772", "typeID": "Label", - "zOrder": "50", + "zOrder": "49", "measuredW": "215", "measuredH": "40", "x": "644", @@ -48,7 +48,7 @@ { "ID": "6773", "typeID": "Arrow", - "zOrder": "51", + "zOrder": "50", "w": "19", "h": "80", "measuredW": "150", @@ -79,7 +79,7 @@ { "ID": "6774", "typeID": "Canvas", - "zOrder": "52", + "zOrder": "51", "w": "350", "h": "141", "measuredW": "100", @@ -90,7 +90,7 @@ { "ID": "6775", "typeID": "Label", - "zOrder": "53", + "zOrder": "52", "measuredW": "314", "measuredH": "25", "x": "973", @@ -103,7 +103,7 @@ { "ID": "6776", "typeID": "Label", - "zOrder": "54", + "zOrder": "53", "measuredW": "319", "measuredH": "25", "x": "973", @@ -116,7 +116,7 @@ { "ID": "6778", "typeID": "Canvas", - "zOrder": "56", + "zOrder": "55", "w": "373", "h": "151", "measuredW": "100", @@ -127,7 +127,7 @@ { "ID": "6818", "typeID": "Arrow", - "zOrder": "58", + "zOrder": "57", "w": "143", "h": "44", "measuredW": "150", @@ -157,7 +157,7 @@ { "ID": "6955", "typeID": "Arrow", - "zOrder": "48", + "zOrder": "47", "w": "155", "h": "46", "measuredW": "150", @@ -187,7 +187,7 @@ { "ID": "6956", "typeID": "Arrow", - "zOrder": "47", + "zOrder": "46", "w": "164", "h": "1", "measuredW": "150", @@ -214,46 +214,16 @@ } } }, - { - "ID": "6957", - "typeID": "Arrow", - "zOrder": "46", - "w": "183", - "h": "53", - "measuredW": "150", - "measuredH": "100", - "x": "839", - "y": "399", - "properties": { - "color": "2848996", - "curvature": "-1", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 183, - "y": 0 - }, - "p1": { - "x": 0.45882352941176485, - "y": 0.06470588235294149 - }, - "p2": { - "x": 0, - "y": 53 - } - } - }, { "ID": "6958", "typeID": "Arrow", "zOrder": "45", - "w": "189", - "h": "5", + "w": "158", + "h": "27", "measuredW": "150", "measuredH": "100", - "x": "849", - "y": "455", + "x": "864", + "y": "426", "properties": { "color": "2848996", "curvature": "-1", @@ -261,16 +231,16 @@ "rightArrow": "false", "stroke": "dotted", "p0": { - "x": 189, + "x": 158, "y": 0 }, "p1": { - "x": 0.4702020632620002, - "y": -0.008440617273424846 + "x": 0.4983333333333333, + "y": 0.07166666666666674 }, "p2": { "x": 0, - "y": 5 + "y": 25 } } }, @@ -278,12 +248,12 @@ "ID": "6961", "typeID": "Arrow", "zOrder": "44", - "w": "200", - "h": "37", + "w": "162", + "h": "18", "measuredW": "150", "measuredH": "100", - "x": "845", - "y": "470", + "x": "860", + "y": "467", "properties": { "color": "2848996", "curvature": "-1", @@ -291,16 +261,16 @@ "rightArrow": "false", "stroke": "dotted", "p0": { - "x": 200, - "y": 37 + "x": 162, + "y": 18 }, "p1": { - "x": 0.47465493485460125, - "y": -0.052188837051898765 + "x": 0.47465493485460114, + "y": -0.05218883705189875 }, "p2": { "x": 0, - "y": 0 + "y": 2 } } }, @@ -914,7 +884,7 @@ { "ID": "7093", "typeID": "TextArea", - "zOrder": "95", + "zOrder": "93", "w": "179", "h": "255", "measuredW": "200", @@ -955,7 +925,7 @@ { "ID": "7119", "typeID": "TextArea", - "zOrder": "102", + "zOrder": "100", "w": "140", "h": "156", "measuredW": "200", @@ -1036,7 +1006,7 @@ { "ID": "7171", "typeID": "TextArea", - "zOrder": "113", + "zOrder": "111", "w": "87", "h": "205", "measuredW": "200", @@ -1047,7 +1017,7 @@ { "ID": "7183", "typeID": "TextArea", - "zOrder": "119", + "zOrder": "117", "w": "125", "h": "250", "measuredW": "200", @@ -1058,7 +1028,7 @@ { "ID": "7196", "typeID": "TextArea", - "zOrder": "125", + "zOrder": "123", "w": "206", "h": "251", "measuredW": "200", @@ -1347,7 +1317,7 @@ { "ID": "7301", "typeID": "TextArea", - "zOrder": "163", + "zOrder": "161", "w": "161", "h": "546", "measuredW": "200", @@ -1440,7 +1410,7 @@ { "ID": "7351", "typeID": "TextArea", - "zOrder": "185", + "zOrder": "183", "w": "179", "h": "245", "measuredW": "200", @@ -1599,7 +1569,7 @@ { "ID": "7369", "typeID": "Label", - "zOrder": "191", + "zOrder": "189", "measuredW": "161", "measuredH": "32", "x": "698", @@ -1612,7 +1582,7 @@ { "ID": "7371", "typeID": "Arrow", - "zOrder": "192", + "zOrder": "190", "w": "1", "h": "75", "measuredW": "150", @@ -1642,7 +1612,7 @@ { "ID": "7377", "typeID": "Label", - "zOrder": "193", + "zOrder": "191", "measuredW": "243", "measuredH": "28", "x": "175", @@ -1655,7 +1625,7 @@ { "ID": "7387", "typeID": "__group__", - "zOrder": "57", + "zOrder": "56", "measuredW": "211", "measuredH": "25", "w": "211", @@ -1720,7 +1690,7 @@ { "ID": "7388", "typeID": "__group__", - "zOrder": "194", + "zOrder": "192", "measuredW": "286", "measuredH": "25", "w": "286", @@ -1785,7 +1755,7 @@ { "ID": "7389", "typeID": "__group__", - "zOrder": "55", + "zOrder": "54", "measuredW": "320", "measuredH": "45", "w": "320", @@ -1891,7 +1861,7 @@ { "ID": "7390", "typeID": "__group__", - "zOrder": "59", + "zOrder": "58", "measuredW": "272", "measuredH": "50", "w": "272", @@ -1938,7 +1908,7 @@ { "ID": "7391", "typeID": "__group__", - "zOrder": "74", + "zOrder": "72", "measuredW": "198", "measuredH": "50", "w": "198", @@ -1985,7 +1955,7 @@ { "ID": "7392", "typeID": "__group__", - "zOrder": "66", + "zOrder": "64", "measuredW": "258", "measuredH": "50", "w": "258", @@ -2032,7 +2002,7 @@ { "ID": "7393", "typeID": "__group__", - "zOrder": "67", + "zOrder": "65", "measuredW": "250", "measuredH": "50", "w": "250", @@ -2079,7 +2049,7 @@ { "ID": "7394", "typeID": "__group__", - "zOrder": "88", + "zOrder": "86", "measuredW": "265", "measuredH": "50", "w": "265", @@ -2126,7 +2096,7 @@ { "ID": "7395", "typeID": "__group__", - "zOrder": "107", + "zOrder": "105", "measuredW": "265", "measuredH": "50", "w": "265", @@ -2173,7 +2143,7 @@ { "ID": "7396", "typeID": "__group__", - "zOrder": "136", + "zOrder": "134", "measuredW": "336", "measuredH": "50", "w": "336", @@ -2220,7 +2190,7 @@ { "ID": "7397", "typeID": "__group__", - "zOrder": "157", + "zOrder": "155", "measuredW": "179", "measuredH": "50", "w": "179", @@ -2267,7 +2237,7 @@ { "ID": "7398", "typeID": "__group__", - "zOrder": "175", + "zOrder": "173", "measuredW": "219", "measuredH": "50", "w": "219", @@ -2314,7 +2284,7 @@ { "ID": "7399", "typeID": "__group__", - "zOrder": "60", + "zOrder": "59", "measuredW": "340", "measuredH": "44", "w": "340", @@ -2361,7 +2331,7 @@ { "ID": "7400", "typeID": "__group__", - "zOrder": "61", + "zOrder": "60", "measuredW": "340", "measuredH": "44", "w": "340", @@ -2408,7 +2378,7 @@ { "ID": "7401", "typeID": "__group__", - "zOrder": "62", + "zOrder": "61", "measuredW": "340", "measuredH": "44", "w": "340", @@ -2455,7 +2425,7 @@ { "ID": "7402", "typeID": "__group__", - "zOrder": "73", + "zOrder": "71", "measuredW": "340", "measuredH": "44", "w": "340", @@ -2499,63 +2469,16 @@ } } }, - { - "ID": "7403", - "typeID": "__group__", - "zOrder": "63", - "measuredW": "287", - "measuredH": "44", - "w": "287", - "h": "44", - "x": "1007", - "y": "384", - "properties": { - "controlName": "104-design-system-basics:good-design-system" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "287", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "241", - "measuredH": "25", - "x": "23", - "y": "10", - "properties": { - "size": "17", - "text": "Traits of a Good Design System" - } - } - ] - } - } - }, { "ID": "7404", "typeID": "__group__", - "zOrder": "64", + "zOrder": "62", "measuredW": "287", "measuredH": "44", "w": "287", "h": "44", "x": "1007", - "y": "432", + "y": "410", "properties": { "controlName": "105-design-system-basics:stakeholders-involved" }, @@ -2596,13 +2519,13 @@ { "ID": "7405", "typeID": "__group__", - "zOrder": "65", + "zOrder": "63", "measuredW": "287", "measuredH": "44", "w": "287", "h": "44", "x": "1007", - "y": "480", + "y": "458", "properties": { "controlName": "106-design-system-basics:design-system-examples" }, @@ -2643,7 +2566,7 @@ { "ID": "7407", "typeID": "__group__", - "zOrder": "75", + "zOrder": "73", "measuredW": "192", "measuredH": "44", "w": "192", @@ -2690,7 +2613,7 @@ { "ID": "7408", "typeID": "__group__", - "zOrder": "76", + "zOrder": "74", "measuredW": "192", "measuredH": "44", "w": "192", @@ -2737,7 +2660,7 @@ { "ID": "7409", "typeID": "__group__", - "zOrder": "77", + "zOrder": "75", "measuredW": "192", "measuredH": "44", "w": "192", @@ -2784,7 +2707,7 @@ { "ID": "7410", "typeID": "__group__", - "zOrder": "78", + "zOrder": "76", "measuredW": "192", "measuredH": "44", "w": "192", @@ -2831,7 +2754,7 @@ { "ID": "7411", "typeID": "__group__", - "zOrder": "79", + "zOrder": "77", "measuredW": "192", "measuredH": "44", "w": "192", @@ -2878,7 +2801,7 @@ { "ID": "7412", "typeID": "__group__", - "zOrder": "80", + "zOrder": "78", "measuredW": "192", "measuredH": "44", "w": "192", @@ -2925,7 +2848,7 @@ { "ID": "7413", "typeID": "__group__", - "zOrder": "81", + "zOrder": "79", "measuredW": "192", "measuredH": "44", "w": "192", @@ -2972,7 +2895,7 @@ { "ID": "7414", "typeID": "__group__", - "zOrder": "82", + "zOrder": "80", "measuredW": "192", "measuredH": "44", "w": "192", @@ -3019,7 +2942,7 @@ { "ID": "7415", "typeID": "__group__", - "zOrder": "83", + "zOrder": "81", "measuredW": "192", "measuredH": "44", "w": "192", @@ -3066,7 +2989,7 @@ { "ID": "7416", "typeID": "__group__", - "zOrder": "85", + "zOrder": "83", "measuredW": "198", "measuredH": "44", "w": "198", @@ -3113,7 +3036,7 @@ { "ID": "7417", "typeID": "__group__", - "zOrder": "86", + "zOrder": "84", "measuredW": "198", "measuredH": "44", "w": "198", @@ -3160,7 +3083,7 @@ { "ID": "7418", "typeID": "__group__", - "zOrder": "72", + "zOrder": "70", "measuredW": "241", "measuredH": "44", "w": "241", @@ -3207,7 +3130,7 @@ { "ID": "7419", "typeID": "__group__", - "zOrder": "68", + "zOrder": "66", "measuredW": "241", "measuredH": "44", "w": "241", @@ -3254,7 +3177,7 @@ { "ID": "7420", "typeID": "__group__", - "zOrder": "69", + "zOrder": "67", "measuredW": "267", "measuredH": "215", "w": "267", @@ -3474,7 +3397,7 @@ { "ID": "7421", "typeID": "__group__", - "zOrder": "70", + "zOrder": "68", "measuredW": "267", "measuredH": "264", "w": "267", @@ -3748,7 +3671,7 @@ { "ID": "7423", "typeID": "__group__", - "zOrder": "71", + "zOrder": "69", "measuredW": "247", "measuredH": "44", "w": "247", @@ -3795,7 +3718,7 @@ { "ID": "7424", "typeID": "__group__", - "zOrder": "84", + "zOrder": "82", "measuredW": "247", "measuredH": "44", "w": "247", @@ -3842,7 +3765,7 @@ { "ID": "7425", "typeID": "__group__", - "zOrder": "87", + "zOrder": "85", "measuredW": "247", "measuredH": "44", "w": "247", @@ -3889,7 +3812,7 @@ { "ID": "7426", "typeID": "__group__", - "zOrder": "94", + "zOrder": "92", "measuredW": "166", "measuredH": "44", "w": "166", @@ -3936,7 +3859,7 @@ { "ID": "7427", "typeID": "__group__", - "zOrder": "89", + "zOrder": "87", "measuredW": "194", "measuredH": "44", "w": "194", @@ -3983,7 +3906,7 @@ { "ID": "7428", "typeID": "__group__", - "zOrder": "90", + "zOrder": "88", "measuredW": "195", "measuredH": "44", "w": "195", @@ -4030,7 +3953,7 @@ { "ID": "7429", "typeID": "__group__", - "zOrder": "92", + "zOrder": "90", "measuredW": "195", "measuredH": "44", "w": "195", @@ -4077,7 +4000,7 @@ { "ID": "7430", "typeID": "__group__", - "zOrder": "91", + "zOrder": "89", "measuredW": "195", "measuredH": "44", "w": "195", @@ -4124,7 +4047,7 @@ { "ID": "7431", "typeID": "__group__", - "zOrder": "93", + "zOrder": "91", "measuredW": "195", "measuredH": "44", "w": "195", @@ -4171,7 +4094,7 @@ { "ID": "7432", "typeID": "__group__", - "zOrder": "104", + "zOrder": "102", "measuredW": "132", "measuredH": "44", "w": "132", @@ -4218,7 +4141,7 @@ { "ID": "7433", "typeID": "__group__", - "zOrder": "103", + "zOrder": "101", "measuredW": "225", "measuredH": "44", "w": "225", @@ -4265,7 +4188,7 @@ { "ID": "7434", "typeID": "__group__", - "zOrder": "105", + "zOrder": "103", "measuredW": "225", "measuredH": "44", "w": "225", @@ -4312,7 +4235,7 @@ { "ID": "7435", "typeID": "__group__", - "zOrder": "106", + "zOrder": "104", "measuredW": "225", "measuredH": "44", "w": "225", @@ -4359,7 +4282,7 @@ { "ID": "7436", "typeID": "__group__", - "zOrder": "97", + "zOrder": "95", "measuredW": "166", "measuredH": "44", "w": "166", @@ -4406,7 +4329,7 @@ { "ID": "7437", "typeID": "__group__", - "zOrder": "96", + "zOrder": "94", "measuredW": "310", "measuredH": "44", "w": "310", @@ -4453,7 +4376,7 @@ { "ID": "7438", "typeID": "__group__", - "zOrder": "98", + "zOrder": "96", "measuredW": "310", "measuredH": "44", "w": "310", @@ -4500,7 +4423,7 @@ { "ID": "7439", "typeID": "__group__", - "zOrder": "99", + "zOrder": "97", "measuredW": "310", "measuredH": "44", "w": "310", @@ -4547,7 +4470,7 @@ { "ID": "7440", "typeID": "__group__", - "zOrder": "100", + "zOrder": "98", "measuredW": "310", "measuredH": "44", "w": "310", @@ -4594,7 +4517,7 @@ { "ID": "7442", "typeID": "__group__", - "zOrder": "101", + "zOrder": "99", "measuredW": "310", "measuredH": "44", "w": "310", @@ -4641,7 +4564,7 @@ { "ID": "7443", "typeID": "__group__", - "zOrder": "114", + "zOrder": "112", "measuredW": "124", "measuredH": "44", "w": "124", @@ -4688,7 +4611,7 @@ { "ID": "7444", "typeID": "__group__", - "zOrder": "108", + "zOrder": "106", "measuredW": "148", "measuredH": "44", "w": "148", @@ -4735,7 +4658,7 @@ { "ID": "7445", "typeID": "__group__", - "zOrder": "126", + "zOrder": "124", "measuredW": "153", "measuredH": "44", "w": "153", @@ -4782,7 +4705,7 @@ { "ID": "7446", "typeID": "__group__", - "zOrder": "135", + "zOrder": "133", "measuredW": "129", "measuredH": "44", "w": "129", @@ -4829,7 +4752,7 @@ { "ID": "7447", "typeID": "__group__", - "zOrder": "118", + "zOrder": "116", "measuredW": "123", "measuredH": "44", "w": "123", @@ -4876,7 +4799,7 @@ { "ID": "7448", "typeID": "__group__", - "zOrder": "116", + "zOrder": "114", "measuredW": "123", "measuredH": "44", "w": "123", @@ -4923,7 +4846,7 @@ { "ID": "7449", "typeID": "__group__", - "zOrder": "115", + "zOrder": "113", "measuredW": "123", "measuredH": "44", "w": "123", @@ -4970,7 +4893,7 @@ { "ID": "7450", "typeID": "__group__", - "zOrder": "117", + "zOrder": "115", "measuredW": "123", "measuredH": "44", "w": "123", @@ -5017,7 +4940,7 @@ { "ID": "7451", "typeID": "__group__", - "zOrder": "112", + "zOrder": "110", "measuredW": "177", "measuredH": "44", "w": "177", @@ -5064,7 +4987,7 @@ { "ID": "7452", "typeID": "__group__", - "zOrder": "110", + "zOrder": "108", "measuredW": "177", "measuredH": "44", "w": "177", @@ -5111,7 +5034,7 @@ { "ID": "7453", "typeID": "__group__", - "zOrder": "109", + "zOrder": "107", "measuredW": "177", "measuredH": "44", "w": "177", @@ -5158,7 +5081,7 @@ { "ID": "7454", "typeID": "__group__", - "zOrder": "111", + "zOrder": "109", "measuredW": "177", "measuredH": "44", "w": "177", @@ -5205,7 +5128,7 @@ { "ID": "7455", "typeID": "__group__", - "zOrder": "129", + "zOrder": "127", "measuredW": "126", "measuredH": "44", "w": "126", @@ -5252,7 +5175,7 @@ { "ID": "7456", "typeID": "__group__", - "zOrder": "127", + "zOrder": "125", "measuredW": "89", "measuredH": "44", "w": "89", @@ -5299,7 +5222,7 @@ { "ID": "7458", "typeID": "__group__", - "zOrder": "128", + "zOrder": "126", "measuredW": "88", "measuredH": "44", "w": "88", @@ -5346,7 +5269,7 @@ { "ID": "7459", "typeID": "__group__", - "zOrder": "132", + "zOrder": "130", "measuredW": "131", "measuredH": "44", "w": "131", @@ -5393,7 +5316,7 @@ { "ID": "7460", "typeID": "__group__", - "zOrder": "133", + "zOrder": "131", "measuredW": "88", "measuredH": "44", "w": "88", @@ -5440,7 +5363,7 @@ { "ID": "7461", "typeID": "__group__", - "zOrder": "134", + "zOrder": "132", "measuredW": "131", "measuredH": "44", "w": "131", @@ -5487,7 +5410,7 @@ { "ID": "7462", "typeID": "__group__", - "zOrder": "130", + "zOrder": "128", "measuredW": "224", "measuredH": "44", "w": "224", @@ -5534,7 +5457,7 @@ { "ID": "7463", "typeID": "__group__", - "zOrder": "131", + "zOrder": "129", "measuredW": "224", "measuredH": "44", "w": "224", @@ -5581,7 +5504,7 @@ { "ID": "7464", "typeID": "__group__", - "zOrder": "122", + "zOrder": "120", "measuredW": "164", "measuredH": "44", "w": "164", @@ -5628,7 +5551,7 @@ { "ID": "7465", "typeID": "__group__", - "zOrder": "120", + "zOrder": "118", "measuredW": "164", "measuredH": "44", "w": "164", @@ -5675,7 +5598,7 @@ { "ID": "7466", "typeID": "__group__", - "zOrder": "121", + "zOrder": "119", "measuredW": "164", "measuredH": "44", "w": "164", @@ -5722,7 +5645,7 @@ { "ID": "7467", "typeID": "__group__", - "zOrder": "123", + "zOrder": "121", "measuredW": "164", "measuredH": "44", "w": "164", @@ -5769,7 +5692,7 @@ { "ID": "7468", "typeID": "__group__", - "zOrder": "124", + "zOrder": "122", "measuredW": "164", "measuredH": "44", "w": "164", @@ -5816,7 +5739,7 @@ { "ID": "7469", "typeID": "__group__", - "zOrder": "137", + "zOrder": "135", "measuredW": "155", "measuredH": "44", "w": "155", @@ -5863,7 +5786,7 @@ { "ID": "7470", "typeID": "__group__", - "zOrder": "139", + "zOrder": "137", "measuredW": "155", "measuredH": "44", "w": "155", @@ -5910,7 +5833,7 @@ { "ID": "7472", "typeID": "__group__", - "zOrder": "138", + "zOrder": "136", "measuredW": "155", "measuredH": "44", "w": "155", @@ -5957,7 +5880,7 @@ { "ID": "7473", "typeID": "__group__", - "zOrder": "140", + "zOrder": "138", "measuredW": "155", "measuredH": "44", "w": "155", @@ -6004,7 +5927,7 @@ { "ID": "7474", "typeID": "__group__", - "zOrder": "141", + "zOrder": "139", "measuredW": "155", "measuredH": "44", "w": "155", @@ -6051,7 +5974,7 @@ { "ID": "7475", "typeID": "__group__", - "zOrder": "142", + "zOrder": "140", "measuredW": "155", "measuredH": "44", "w": "155", @@ -6098,7 +6021,7 @@ { "ID": "7476", "typeID": "__group__", - "zOrder": "143", + "zOrder": "141", "measuredW": "155", "measuredH": "44", "w": "155", @@ -6145,7 +6068,7 @@ { "ID": "7477", "typeID": "__group__", - "zOrder": "144", + "zOrder": "142", "measuredW": "156", "measuredH": "44", "w": "156", @@ -6192,7 +6115,7 @@ { "ID": "7478", "typeID": "__group__", - "zOrder": "145", + "zOrder": "143", "measuredW": "156", "measuredH": "44", "w": "156", @@ -6239,7 +6162,7 @@ { "ID": "7479", "typeID": "__group__", - "zOrder": "146", + "zOrder": "144", "measuredW": "156", "measuredH": "44", "w": "156", @@ -6286,7 +6209,7 @@ { "ID": "7480", "typeID": "__group__", - "zOrder": "147", + "zOrder": "145", "measuredW": "174", "measuredH": "44", "w": "174", @@ -6333,7 +6256,7 @@ { "ID": "7481", "typeID": "__group__", - "zOrder": "148", + "zOrder": "146", "measuredW": "174", "measuredH": "44", "w": "174", @@ -6380,7 +6303,7 @@ { "ID": "7482", "typeID": "__group__", - "zOrder": "155", + "zOrder": "153", "measuredW": "174", "measuredH": "44", "w": "174", @@ -6427,7 +6350,7 @@ { "ID": "7483", "typeID": "__group__", - "zOrder": "156", + "zOrder": "154", "measuredW": "174", "measuredH": "44", "w": "174", @@ -6474,7 +6397,7 @@ { "ID": "7484", "typeID": "__group__", - "zOrder": "149", + "zOrder": "147", "measuredW": "174", "measuredH": "44", "w": "174", @@ -6521,7 +6444,7 @@ { "ID": "7485", "typeID": "__group__", - "zOrder": "150", + "zOrder": "148", "measuredW": "175", "measuredH": "44", "w": "175", @@ -6568,7 +6491,7 @@ { "ID": "7486", "typeID": "__group__", - "zOrder": "151", + "zOrder": "149", "measuredW": "174", "measuredH": "44", "w": "174", @@ -6615,7 +6538,7 @@ { "ID": "7487", "typeID": "__group__", - "zOrder": "152", + "zOrder": "150", "measuredW": "174", "measuredH": "44", "w": "174", @@ -6662,7 +6585,7 @@ { "ID": "7488", "typeID": "__group__", - "zOrder": "153", + "zOrder": "151", "measuredW": "174", "measuredH": "44", "w": "174", @@ -6709,7 +6632,7 @@ { "ID": "7489", "typeID": "__group__", - "zOrder": "154", + "zOrder": "152", "measuredW": "174", "measuredH": "44", "w": "174", @@ -6756,7 +6679,7 @@ { "ID": "7490", "typeID": "__group__", - "zOrder": "164", + "zOrder": "162", "measuredW": "164", "measuredH": "44", "w": "164", @@ -6803,7 +6726,7 @@ { "ID": "7491", "typeID": "__group__", - "zOrder": "158", + "zOrder": "156", "measuredW": "164", "measuredH": "44", "w": "164", @@ -6850,7 +6773,7 @@ { "ID": "7492", "typeID": "__group__", - "zOrder": "165", + "zOrder": "163", "measuredW": "212", "measuredH": "44", "w": "212", @@ -6897,7 +6820,7 @@ { "ID": "7493", "typeID": "__group__", - "zOrder": "166", + "zOrder": "164", "measuredW": "212", "measuredH": "44", "w": "212", @@ -6944,7 +6867,7 @@ { "ID": "7494", "typeID": "__group__", - "zOrder": "167", + "zOrder": "165", "measuredW": "212", "measuredH": "44", "w": "212", @@ -6991,7 +6914,7 @@ { "ID": "7495", "typeID": "__group__", - "zOrder": "168", + "zOrder": "166", "measuredW": "212", "measuredH": "44", "w": "212", @@ -7038,7 +6961,7 @@ { "ID": "7496", "typeID": "__group__", - "zOrder": "169", + "zOrder": "167", "measuredW": "212", "measuredH": "44", "w": "212", @@ -7085,7 +7008,7 @@ { "ID": "7497", "typeID": "__group__", - "zOrder": "170", + "zOrder": "168", "measuredW": "212", "measuredH": "44", "w": "212", @@ -7132,7 +7055,7 @@ { "ID": "7498", "typeID": "__group__", - "zOrder": "171", + "zOrder": "169", "measuredW": "212", "measuredH": "44", "w": "212", @@ -7179,7 +7102,7 @@ { "ID": "7499", "typeID": "__group__", - "zOrder": "172", + "zOrder": "170", "measuredW": "212", "measuredH": "44", "w": "212", @@ -7226,7 +7149,7 @@ { "ID": "7500", "typeID": "__group__", - "zOrder": "173", + "zOrder": "171", "measuredW": "212", "measuredH": "44", "w": "212", @@ -7273,7 +7196,7 @@ { "ID": "7501", "typeID": "__group__", - "zOrder": "174", + "zOrder": "172", "measuredW": "212", "measuredH": "44", "w": "212", @@ -7320,7 +7243,7 @@ { "ID": "7502", "typeID": "__group__", - "zOrder": "159", + "zOrder": "157", "measuredW": "212", "measuredH": "44", "w": "212", @@ -7367,7 +7290,7 @@ { "ID": "7503", "typeID": "__group__", - "zOrder": "160", + "zOrder": "158", "measuredW": "212", "measuredH": "44", "w": "212", @@ -7414,7 +7337,7 @@ { "ID": "7504", "typeID": "__group__", - "zOrder": "161", + "zOrder": "159", "measuredW": "212", "measuredH": "44", "w": "212", @@ -7461,7 +7384,7 @@ { "ID": "7505", "typeID": "__group__", - "zOrder": "162", + "zOrder": "160", "measuredW": "212", "measuredH": "44", "w": "212", @@ -7508,7 +7431,7 @@ { "ID": "7506", "typeID": "__group__", - "zOrder": "176", + "zOrder": "174", "measuredW": "187", "measuredH": "44", "w": "187", @@ -7555,7 +7478,7 @@ { "ID": "7507", "typeID": "__group__", - "zOrder": "179", + "zOrder": "177", "measuredW": "190", "measuredH": "44", "w": "190", @@ -7602,7 +7525,7 @@ { "ID": "7508", "typeID": "__group__", - "zOrder": "178", + "zOrder": "176", "measuredW": "190", "measuredH": "44", "w": "190", @@ -7649,7 +7572,7 @@ { "ID": "7509", "typeID": "__group__", - "zOrder": "177", + "zOrder": "175", "measuredW": "190", "measuredH": "44", "w": "190", @@ -7696,7 +7619,7 @@ { "ID": "7510", "typeID": "__group__", - "zOrder": "180", + "zOrder": "178", "measuredW": "174", "measuredH": "44", "w": "174", @@ -7743,7 +7666,7 @@ { "ID": "7511", "typeID": "__group__", - "zOrder": "186", + "zOrder": "184", "measuredW": "174", "measuredH": "44", "w": "174", @@ -7790,7 +7713,7 @@ { "ID": "7513", "typeID": "__group__", - "zOrder": "181", + "zOrder": "179", "measuredW": "222", "measuredH": "44", "w": "222", @@ -7837,7 +7760,7 @@ { "ID": "7514", "typeID": "__group__", - "zOrder": "182", + "zOrder": "180", "measuredW": "222", "measuredH": "44", "w": "222", @@ -7884,7 +7807,7 @@ { "ID": "7515", "typeID": "__group__", - "zOrder": "183", + "zOrder": "181", "measuredW": "222", "measuredH": "44", "w": "222", @@ -7931,7 +7854,7 @@ { "ID": "7516", "typeID": "__group__", - "zOrder": "184", + "zOrder": "182", "measuredW": "222", "measuredH": "44", "w": "222", @@ -7978,7 +7901,7 @@ { "ID": "7517", "typeID": "__group__", - "zOrder": "187", + "zOrder": "185", "measuredW": "246", "measuredH": "44", "w": "246", @@ -8025,7 +7948,7 @@ { "ID": "7518", "typeID": "__group__", - "zOrder": "188", + "zOrder": "186", "measuredW": "246", "measuredH": "44", "w": "246", @@ -8072,7 +7995,7 @@ { "ID": "7519", "typeID": "__group__", - "zOrder": "189", + "zOrder": "187", "measuredW": "246", "measuredH": "44", "w": "246", @@ -8119,7 +8042,7 @@ { "ID": "7520", "typeID": "__group__", - "zOrder": "190", + "zOrder": "188", "measuredW": "246", "measuredH": "44", "w": "246",