{"id":1108,"date":"2021-03-22T13:27:05","date_gmt":"2021-03-22T13:27:05","guid":{"rendered":"https:\/\/iketch.com\/?p=1108"},"modified":"2022-02-19T16:35:20","modified_gmt":"2022-02-19T14:35:20","slug":"%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d9%85%d8%ab%d8%a7%d9%84%d9%8a","status":"publish","type":"post","link":"https:\/\/iketch.com\/en\/\u0627\u0644\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u0645\u062b\u0627\u0644\u064a\/","title":{"rendered":"Perfect design"},"content":{"rendered":"<p class=\"has-text-align-center\">Good design systems can help you create digital products efficiently and consistently. But great design systems will support and empower your team's creativity at the same time.&nbsp;<\/p>\n\n\n\n<p class=\"has-text-align-center\">Being a relatively new concept, there is no one true way to implement design systems yet, but many major companies have started creating systems for their teams and are already reaping the benefits.<\/p>\n\n\n\n<p class=\"has-text-align-center\">Learn everything you need to get up and running with&nbsp;<a href=\"https:\/\/webdesign.tutsplus.com\/courses\/introduction-to-design-systems\">Design systems<\/a>&nbsp;in our free course!<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_79_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69efd605982d2\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69efd605982d2\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/iketch.com\/en\/\u0627\u0644\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u0645\u062b\u0627\u0644\u064a\/#%D9%85%D8%A7_%D9%87%D9%88_%D9%86%D8%B8%D8%A7%D9%85_%D8%A7%D9%84%D8%AA%D8%B5%D9%85%D9%8A%D9%85%D8%9F\" >What is a design system?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/iketch.com\/en\/\u0627\u0644\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u0645\u062b\u0627\u0644\u064a\/#%D8%AF%D9%84%D9%8A%D9%84_%D8%A7%D9%84%D9%86%D9%85%D8%B7_%D9%85%D9%82%D8%A7%D8%A8%D9%84_%D9%86%D8%B8%D8%A7%D9%85_%D8%A7%D9%84%D8%AA%D8%B5%D9%85%D9%8A%D9%85\" >Style Guide vs. Design System<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/iketch.com\/en\/\u0627\u0644\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u0645\u062b\u0627\u0644\u064a\/#%D8%AF%D9%88%D8%B1%D8%A9_%D9%85%D8%AC%D8%A7%D9%86%D9%8A%D8%A9_%D9%85%D9%82%D8%AF%D9%85%D8%A9_%D9%81%D9%8A_%D9%86%D8%B8%D9%85_%D8%A7%D9%84%D8%AA%D8%B5%D9%85%D9%8A%D9%85\" >Free Course: Introduction to Design Systems<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/iketch.com\/en\/\u0627\u0644\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u0645\u062b\u0627\u0644\u064a\/#%D8%A3%D9%86%D8%B8%D9%85%D8%A9_%D8%A7%D9%84%D8%AA%D8%B5%D9%85%D9%8A%D9%85_%D8%A7%D9%84%D9%85%D8%B9%D8%A8%D9%91%D8%B1\" >Expressive Design Systems<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/iketch.com\/en\/\u0627\u0644\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u0645\u062b\u0627\u0644\u064a\/#%D8%AA%D8%B5%D9%85%D9%8A%D9%85_%D9%84%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3\" >WordPress design<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/iketch.com\/en\/\u0627\u0644\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u0645\u062b\u0627\u0644\u064a\/#%D8%A7%D9%84%D8%AA%D8%B5%D9%85%D9%8A%D9%85_%D8%A7%D9%84%D8%B0%D8%B1%D9%8A\" >Atomic design<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/iketch.com\/en\/\u0627\u0644\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u0645\u062b\u0627\u0644\u064a\/#%D8%A3%D9%85%D8%AB%D9%84%D8%A9_%D8%B9%D9%84%D9%89_%D9%86%D8%B8%D8%A7%D9%85_%D8%A7%D9%84%D8%AA%D8%B5%D9%85%D9%8A%D9%85\" >Design System Examples<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/iketch.com\/en\/\u0627\u0644\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u0645\u062b\u0627\u0644\u064a\/#%D8%A8%D9%88%D9%84%D8%A7%D8%B1%D9%8A%D8%B3_Shopify\" >Polaris Shopify<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/iketch.com\/en\/\u0627\u0644\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u0645\u062b\u0627\u0644\u064a\/#%D8%A7%D9%84%D9%85%D9%88%D8%A7%D8%AF_%D9%85%D9%86_%D8%AC%D9%88%D8%AC%D9%84\" >Materials from Google<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/iketch.com\/en\/\u0627\u0644\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u0645\u062b\u0627\u0644\u064a\/#%D8%AD%D9%83%D9%88%D9%85%D8%A9_%D8%A7%D9%84%D9%85%D9%85%D9%84%D9%83%D8%A9_%D8%A7%D9%84%D9%85%D8%AA%D8%AD%D8%AF%D8%A9\" >Government of the United Kingdom<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 class=\"has-text-align-right wp-block-heading\" id=\"\u0645\u0627-\u0647\u0648-\u0646\u0638\u0627\u0645-\u0627\u0644\u062a\u0635\u0645\u064a\u0645\"><span class=\"ez-toc-section\" id=\"%D9%85%D8%A7_%D9%87%D9%88_%D9%86%D8%B8%D8%A7%D9%85_%D8%A7%D9%84%D8%AA%D8%B5%D9%85%D9%8A%D9%85%D8%9F\"><\/span>What is a design system?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"has-text-align-center\">A design system is a tool. We can think of it as a set of reusable components that are guided by a set of standards. You can then use this set to create any number of applications.&nbsp;<\/p>\n\n\n\n<p class=\"has-text-align-center\">Now, because this collection is guided by standards, designers and developers will have an easier time building your products.&nbsp;<\/p>\n\n\n\n<p class=\"has-text-align-center\">Designers don't have to guess every time they need to design a new component or a new page, they can simply refer to this system. Developers don't have to create components from scratch every time. Everyone involved in the project can refer to a centralized map of components, ideas, and guidelines. The design system ensures that any new products you develop are in line with your brand identity.<\/p>\n\n\n\n<h3 class=\"has-text-align-right wp-block-heading\" id=\"\u062f\u0644\u064a\u0644-\u0627\u0644\u0646\u0645\u0637-\u0645\u0642\u0627\u0628\u0644-\u0646\u0638\u0627\u0645-\u0627\u0644\u062a\u0635\u0645\u064a\u0645\"><span class=\"ez-toc-section\" id=\"%D8%AF%D9%84%D9%8A%D9%84_%D8%A7%D9%84%D9%86%D9%85%D8%B7_%D9%85%D9%82%D8%A7%D8%A8%D9%84_%D9%86%D8%B8%D8%A7%D9%85_%D8%A7%D9%84%D8%AA%D8%B5%D9%85%D9%8A%D9%85\"><\/span>Style Guide vs. Design System<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"has-text-align-center\">Is a design system equivalent to a style library, a schematic file, or a style guide? The answer is no.&nbsp;<\/p>\n\n\n\n<p class=\"has-text-align-center\">A design system is all those and more. As Emmet Connolly, Director of Product Design at Intercom explains:... Most design systems are really just pattern libraries, a big box of UI Lego pieces that can be assembled in near-infinite ways. All the pieces may be consistent but that doesn't mean the combined results will be. Your product is more than just a pile of reusable UI elements. It has structure and meaning. It's not a generic web page, it's the embodiment of a system of concepts.&nbsp;<\/p>\n\n\n\n<p class=\"has-text-align-center\">A design system is a collection of assets and a set of standards and documents that accompany that collection.&nbsp;<\/p>\n\n\n\n<p class=\"has-text-align-center\">A style library is a collection of components and instructions for using them. A style guide is a collection of instructions for styles of drawings, typefaces, colors, images, etc.&nbsp;<\/p>\n\n\n\n<p class=\"has-text-align-center\">In a design system, you'll find examples of how to use each component or graphical style along with accessibility information, best practices, and guidelines. This is the difference between a style guide or style library and a full design system.&nbsp;<\/p>\n\n\n\n<h2 class=\"has-text-align-right wp-block-heading\" id=\"\u062f\u0648\u0631\u0629-\u0645\u062c\u0627\u0646\u064a\u0629-\u0645\u0642\u062f\u0645\u0629-\u0641\u064a-\u0646\u0638\u0645-\u0627\u0644\u062a\u0635\u0645\u064a\u0645\"><span class=\"ez-toc-section\" id=\"%D8%AF%D9%88%D8%B1%D8%A9_%D9%85%D8%AC%D8%A7%D9%86%D9%8A%D8%A9_%D9%85%D9%82%D8%AF%D9%85%D8%A9_%D9%81%D9%8A_%D9%86%D8%B8%D9%85_%D8%A7%D9%84%D8%AA%D8%B5%D9%85%D9%8A%D9%85\"><\/span>Free Course: Introduction to Design Systems<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"has-text-align-center\">In this free short course, you'll get an introduction to what design systems are, learn about the benefits, see some examples, and also learn the first steps to creating one. By the end, you'll have all the information you need to create a design system for yourself or your team.<\/p>\n\n\n\n<h2 class=\"has-text-align-right wp-block-heading\" id=\"\u0623\u0646\u0638\u0645\u0629-\u0627\u0644\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u0645\u0639\u0628-\u0631\"><span class=\"ez-toc-section\" id=\"%D8%A3%D9%86%D8%B8%D9%85%D8%A9_%D8%A7%D9%84%D8%AA%D8%B5%D9%85%D9%8A%D9%85_%D8%A7%D9%84%D9%85%D8%B9%D8%A8%D9%91%D8%B1\"><\/span>Expressive Design Systems<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"has-text-align-center\">in&nbsp;<a href=\"https:\/\/design.tutsplus.com\/ebooks\/expressive-design-systems\">Expressive design systems<\/a>&nbsp;Yesenia Perez-Cruz shows you how to build useful, dependable systems that not only maintain consistency across your products, but are also flexible to accommodate inspiration and experimentation. Learn how to communicate your brand, collaborate across teams-and do much more than standardize components.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/s3.amazonaws.com\/cms-assets.tutsplus.com\/uploads\/users\/16\/syllabuses\/1322\/image\/expressive-design-systems.jpg\" alt=\"Expressive design systems by Yesenia Perez-Cruz\"\/><\/figure><\/div>\n\n\n\n<h2 class=\"has-text-align-right wp-block-heading\" id=\"\u062a\u0635\u0645\u064a\u0645-\u0644\u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633\"><span class=\"ez-toc-section\" id=\"%D8%AA%D8%B5%D9%85%D9%8A%D9%85_%D9%84%D9%88%D9%88%D8%B1%D8%AF%D8%A8%D8%B1%D9%8A%D8%B3\"><\/span>WordPress design<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"has-text-align-center\">In this course, you'll learn the basics of WordPress theme design, but with a twist. We will approach the process from a \"design system\" perspective.&nbsp;<\/p>\n\n\n\n<p class=\"has-text-align-center\">Instead of designing the theme page page by page and button by button, we'll start by defining some basic parameters: Colors, typography, spacing, and scaling. Based on that, we'll design basic and advanced styles and document them along the way.<\/p>\n\n\n\n<p class=\"has-text-align-center\">As a demonstration of how to use the design system, we will then design a full page: Index. By following this process, you'll then be able to design your own pages in a consistent and efficient manner!<\/p>\n\n\n\n<h2 class=\"has-text-align-right wp-block-heading\" id=\"\u0627\u0644\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u0630\u0631\u064a\"><span class=\"ez-toc-section\" id=\"%D8%A7%D9%84%D8%AA%D8%B5%D9%85%D9%8A%D9%85_%D8%A7%D9%84%D8%B0%D8%B1%D9%8A\"><\/span>Atomic design<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"has-text-align-center\"><a href=\"https:\/\/webdesign.tutsplus.com\/ebooks\/atomic-design\">Atomic Design<\/a>&nbsp;&nbsp;is a book by Brad Frost that details everything that goes into creating and maintaining robust design systems, allowing you to roll out higher quality, more consistent user interfaces faster than ever before.&nbsp;<\/p>\n\n\n\n<p class=\"has-text-align-center\">This book introduces a methodology for thinking about our user interfaces as thoughtful hierarchies, discusses the qualities of effective pattern libraries, and presents techniques to transform your team's design and development workflow.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/s3.amazonaws.com\/cms-assets.tutsplus.com\/uploads\/users\/16\/syllabuses\/1322\/image\/Atomic%20Design.png\" alt=\"Brad Frost&#039;s atomic design\"\/><\/figure><\/div>\n\n\n\n<h2 class=\"has-text-align-right wp-block-heading\" id=\"\u0623\u0645\u062b\u0644\u0629-\u0639\u0644\u0649-\u0646\u0638\u0627\u0645-\u0627\u0644\u062a\u0635\u0645\u064a\u0645\"><span class=\"ez-toc-section\" id=\"%D8%A3%D9%85%D8%AB%D9%84%D8%A9_%D8%B9%D9%84%D9%89_%D9%86%D8%B8%D8%A7%D9%85_%D8%A7%D9%84%D8%AA%D8%B5%D9%85%D9%8A%D9%85\"><\/span>Design System Examples<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"has-text-align-center\">Many large companies create design systems to allow their teams to collaborate and create apps and experiences efficiently. Let's check out some design system examples!<\/p>\n\n\n\n<h3 class=\"has-text-align-right wp-block-heading\" id=\"\u0628\u0648\u0644\u0627\u0631\u064a\u0633-shopify\"><span class=\"ez-toc-section\" id=\"%D8%A8%D9%88%D9%84%D8%A7%D8%B1%D9%8A%D8%B3_Shopify\"><\/span>Polaris Shopify<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"has-text-align-center\">and&nbsp;<a href=\"https:\/\/polaris.shopify.com\/\">Polaris System Design<\/a>&nbsp;It was created by Shopify to help them work together to build a great experience for all of Shopify's merchants.&nbsp;<\/p>\n\n\n\n<p class=\"has-text-align-center\">As you can see, the Shopify design system isn't just pattern libraries and style guides, it also includes information about the content, such as voice, tone, naming, and vocabulary. And for each component you'll find examples of how to use it, accessibility information, best practices, and guidelines.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/s3.amazonaws.com\/cms-assets.tutsplus.com\/uploads\/users\/16\/syllabuses\/1322\/image\/Polaris.png\" alt=\"Illustration of the Polaris design system\"\/><\/figure><\/div>\n\n\n\n<h3 class=\"has-text-align-right wp-block-heading\" id=\"\u0627\u0644\u0645\u0648\u0627\u062f-\u0645\u0646-\u062c\u0648\u062c\u0644\"><span class=\"ez-toc-section\" id=\"%D8%A7%D9%84%D9%85%D9%88%D8%A7%D8%AF_%D9%85%D9%86_%D8%AC%D9%88%D8%AC%D9%84\"><\/span>Materials from Google<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"has-text-align-center\"><a href=\"https:\/\/material.io\/\">Material<\/a>&nbsp;is a design system created by Google to help teams build high-quality digital experiences. It's powered by open-source code, and was created as a way to standardize their product line across platforms.<\/p>\n\n\n\n<p class=\"has-text-align-center\">They created a visual language that ties everything together. They've included a style guide, components, icons, accessibility guidelines, and even tutorials designed to help developers implement the material. They go into extensive detail about each component. How do you use it? What are the best practices?<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/s3.amazonaws.com\/cms-assets.tutsplus.com\/uploads\/users\/16\/syllabuses\/1322\/image\/Material.png\" alt=\"Google Material Design\"\/><\/figure><\/div>\n\n\n\n<h3 class=\"has-text-align-right wp-block-heading\" id=\"\u062d\u0643\u0648\u0645\u0629-\u0627\u0644\u0645\u0645\u0644\u0643\u0629-\u0627\u0644\u0645\u062a\u062d\u062f\u0629\"><span class=\"ez-toc-section\" id=\"%D8%AD%D9%83%D9%88%D9%85%D8%A9_%D8%A7%D9%84%D9%85%D9%85%D9%84%D9%83%D8%A9_%D8%A7%D9%84%D9%85%D8%AA%D8%AD%D8%AF%D8%A9\"><\/span>Government of the United Kingdom<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"has-text-align-right\">GOV.UK is one of the best examples of consistent and effective design. And&nbsp;<a href=\"https:\/\/design-system.service.gov.uk\/\">GOV.UK system design<\/a>&nbsp;&nbsp;is the foundation and the main reason for its success.&nbsp;<\/p>\n\n\n\n<p class=\"has-text-align-right\">This design system example shows anyone working on a GOV.UK service how to make it compatible with GOV.UK. It was created to help designers and developers avoid duplicating work and build on research done by other teams.<\/p>\n\n\n\n<p class=\"has-text-align-right\">It's also an excellent example of how to use styles and go beyond creating a style guide or component library. And&nbsp;<a href=\"https:\/\/design-system.service.gov.uk\/patterns\/\">GOV.UK Library Patterns<\/a>&nbsp;&nbsp;It covers everything from asking users for addresses, to when and how to ask users about gender or details, including gender on how to avoid using pronouns and why you shouldn't use addresses to guess gender.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/s3.amazonaws.com\/cms-assets.tutsplus.com\/uploads\/users\/16\/syllabuses\/1322\/image\/GOVUK.png\" alt=\"Example of a GOVUK design system\"\/><\/figure><\/div>\n\n\n<div class=\"kk-star-ratings kksr-auto kksr-align-center kksr-valign-bottom\"\n    data-payload='{&quot;align&quot;:&quot;center&quot;,&quot;id&quot;:&quot;1108&quot;,&quot;slug&quot;:&quot;default&quot;,&quot;valign&quot;:&quot;bottom&quot;,&quot;ignore&quot;:&quot;&quot;,&quot;reference&quot;:&quot;auto&quot;,&quot;class&quot;:&quot;&quot;,&quot;count&quot;:&quot;9&quot;,&quot;legendonly&quot;:&quot;&quot;,&quot;readonly&quot;:&quot;&quot;,&quot;score&quot;:&quot;5&quot;,&quot;starsonly&quot;:&quot;&quot;,&quot;best&quot;:&quot;5&quot;,&quot;gap&quot;:&quot;5&quot;,&quot;greet&quot;:&quot;Rate this post&quot;,&quot;legend&quot;:&quot;5\\\/5 - (9 votes)&quot;,&quot;size&quot;:&quot;24&quot;,&quot;title&quot;:&quot;\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u062b\u0627\u0644\u064a&quot;,&quot;width&quot;:&quot;142.5&quot;,&quot;_legend&quot;:&quot;{score}\\\/{best} - ({count} {votes})&quot;,&quot;font_factor&quot;:&quot;1.25&quot;}'>\n            \n<div class=\"kksr-stars\">\n    \n<div class=\"kksr-stars-inactive\">\n            <div class=\"kksr-star\" data-star=\"1\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"2\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"3\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"4\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"5\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n    <\/div>\n    \n<div class=\"kksr-stars-active\" style=\"width: 142.5px;\">\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                \n\n<div class=\"kksr-legend\" style=\"font-size: 19.2px;\">\n            5\/5 - (9 votes)    <\/div>\n    <\/div>","protected":false},"excerpt":{"rendered":"<p>Good design systems can help you create digital products efficiently and consistently. But great design systems will support and empower your team's creativity at the same time. <\/p>\n<p>Being a relatively new concept, there is no one true way to implement design systems yet, but many major companies have started creating systems for their teams and are already reaping the benefits.<\/p>","protected":false},"author":1,"featured_media":1167,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[3],"tags":[2,4,5,6],"class_list":["post-1108","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-3","tag-2","tag-4","tag-5","tag-6"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u062b\u0627\u0644\u064a<\/title>\n<meta name=\"description\" content=\"\u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0633\u0627\u0639\u062f\u0643 \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062c\u064a\u062f\u0629 \u0641\u064a \u0625\u0646\u0634\u0627\u0621 \u0645\u0646\u062a\u062c\u0627\u062a \u0631\u0642\u0645\u064a\u0629 \u0628\u0643\u0641\u0627\u0621\u0629 \u0648\u0627\u062a\u0633\u0627\u0642.\u00a0\u0644\u0643\u0646 \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0631\u0627\u0626\u0639\u0629 \u0633\u062a\u062f\u0639\u0645 \u0648\u062a\u0642\u0648\u064a \u0625\u0628\u062f\u0627\u0639 \u0641\u0631\u064a\u0642\u0643 \u0641\u064a \u0646\u0641\u0633 \u0627\u0644\u0648\u0642\u062a.\u00a0\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/iketch.com\/en\/\u0627\u0644\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u0645\u062b\u0627\u0644\u064a\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u062b\u0627\u0644\u064a\" \/>\n<meta property=\"og:description\" content=\"\u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0633\u0627\u0639\u062f\u0643 \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062c\u064a\u062f\u0629 \u0641\u064a \u0625\u0646\u0634\u0627\u0621 \u0645\u0646\u062a\u062c\u0627\u062a \u0631\u0642\u0645\u064a\u0629 \u0628\u0643\u0641\u0627\u0621\u0629 \u0648\u0627\u062a\u0633\u0627\u0642.\u00a0\u0644\u0643\u0646 \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0631\u0627\u0626\u0639\u0629 \u0633\u062a\u062f\u0639\u0645 \u0648\u062a\u0642\u0648\u064a \u0625\u0628\u062f\u0627\u0639 \u0641\u0631\u064a\u0642\u0643 \u0641\u064a \u0646\u0641\u0633 \u0627\u0644\u0648\u0642\u062a.\u00a0\" \/>\n<meta property=\"og:url\" content=\"https:\/\/iketch.com\/en\/\u0627\u0644\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u0645\u062b\u0627\u0644\u064a\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0627\u064a \u0643\u064a\u062a\u0634 :\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/iketchegy\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-22T13:27:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-02-19T14:35:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/iketch.com\/wp-content\/uploads\/2021\/03\/Polaris-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"613\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Iketch1\" \/>\n<meta name=\"twitter:site\" content=\"@Iketch1\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"TechArticle\",\"@id\":\"https:\/\/iketch.com\/%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d9%85%d8%ab%d8%a7%d9%84%d9%8a\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/iketch.com\/%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d9%85%d8%ab%d8%a7%d9%84%d9%8a\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/iketch.com\/#\/schema\/person\/d7af9295c2c4af3ab1597bedf2f35659\"},\"headline\":\"\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u062b\u0627\u0644\u064a\",\"datePublished\":\"2021-03-22T13:27:05+00:00\",\"dateModified\":\"2022-02-19T14:35:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/iketch.com\/%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d9%85%d8%ab%d8%a7%d9%84%d9%8a\/\"},\"wordCount\":84,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/iketch.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/iketch.com\/%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d9%85%d8%ab%d8%a7%d9%84%d9%8a\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/iketch.com\/wp-content\/uploads\/2021\/03\/Polaris-1.png\",\"keywords\":[\"\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u062b\u0627\u0644\u064a\",\"\u062a\u0635\u0645\u064a\u0645 \u0644\u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633\",\"\u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u0635\u0645\u064a\u0645\",\"\u0646\u0638\u0645 \u0627\u0644\u062a\u0635\u0645\u064a\u0645\"],\"articleSection\":[\"\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0627\u0642\u0639\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/iketch.com\/%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d9%85%d8%ab%d8%a7%d9%84%d9%8a\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/iketch.com\/%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d9%85%d8%ab%d8%a7%d9%84%d9%8a\/\",\"url\":\"https:\/\/iketch.com\/%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d9%85%d8%ab%d8%a7%d9%84%d9%8a\/\",\"name\":\"\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u062b\u0627\u0644\u064a\",\"isPartOf\":{\"@id\":\"https:\/\/iketch.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/iketch.com\/%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d9%85%d8%ab%d8%a7%d9%84%d9%8a\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/iketch.com\/%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d9%85%d8%ab%d8%a7%d9%84%d9%8a\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/iketch.com\/wp-content\/uploads\/2021\/03\/Polaris-1.png\",\"datePublished\":\"2021-03-22T13:27:05+00:00\",\"dateModified\":\"2022-02-19T14:35:20+00:00\",\"description\":\"\u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0633\u0627\u0639\u062f\u0643 \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062c\u064a\u062f\u0629 \u0641\u064a \u0625\u0646\u0634\u0627\u0621 \u0645\u0646\u062a\u062c\u0627\u062a \u0631\u0642\u0645\u064a\u0629 \u0628\u0643\u0641\u0627\u0621\u0629 \u0648\u0627\u062a\u0633\u0627\u0642.\u00a0\u0644\u0643\u0646 \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0631\u0627\u0626\u0639\u0629 \u0633\u062a\u062f\u0639\u0645 \u0648\u062a\u0642\u0648\u064a \u0625\u0628\u062f\u0627\u0639 \u0641\u0631\u064a\u0642\u0643 \u0641\u064a \u0646\u0641\u0633 \u0627\u0644\u0648\u0642\u062a.\u00a0\",\"breadcrumb\":{\"@id\":\"https:\/\/iketch.com\/%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d9%85%d8%ab%d8%a7%d9%84%d9%8a\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/iketch.com\/%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d9%85%d8%ab%d8%a7%d9%84%d9%8a\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/iketch.com\/%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d9%85%d8%ab%d8%a7%d9%84%d9%8a\/#primaryimage\",\"url\":\"https:\/\/iketch.com\/wp-content\/uploads\/2021\/03\/Polaris-1.png\",\"contentUrl\":\"https:\/\/iketch.com\/wp-content\/uploads\/2021\/03\/Polaris-1.png\",\"width\":850,\"height\":613,\"caption\":\"\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u062b\u0627\u0644\u064a\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/iketch.com\/%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d9%85%d8%ab%d8%a7%d9%84%d9%8a\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\",\"item\":\"https:\/\/iketch.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0627\u0642\u0639\",\"item\":\"https:\/\/iketch.com\/category\/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d9%85%d9%88%d8%a7%d9%82%d8%b9\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u062b\u0627\u0644\u064a\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/iketch.com\/#website\",\"url\":\"https:\/\/iketch.com\/\",\"name\":\"\u0627\u064a \u0643\u064a\u062a\u0634 :\",\"description\":\"\u0634\u0631\u0643\u0629 \u062a\u0635\u0645\u064a\u0645 \u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\u060c \u0648\u0645\u0642\u0631\u0647\u0627 \u0645\u0635\u0631 \u0627\u0644\u0643\u0648\u064a\u062a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\",\"publisher\":{\"@id\":\"https:\/\/iketch.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/iketch.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/iketch.com\/#organization\",\"name\":\"\u0634\u0631\u0643\u0629 \u062a\u0635\u0645\u064a\u0645 \u0645\u0648\u0627\u0642\u0639 iketch\",\"url\":\"https:\/\/iketch.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/iketch.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/iketch.com\/wp-content\/uploads\/2022\/02\/iketch-logo-black-1.jpg\",\"contentUrl\":\"https:\/\/iketch.com\/wp-content\/uploads\/2022\/02\/iketch-logo-black-1.jpg\",\"width\":256,\"height\":95,\"caption\":\"\u0634\u0631\u0643\u0629 \u062a\u0635\u0645\u064a\u0645 \u0645\u0648\u0627\u0642\u0639 iketch\"},\"image\":{\"@id\":\"https:\/\/iketch.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/iketchegy\",\"https:\/\/x.com\/Iketch1\",\"https:\/\/www.instagram.com\/iketchegy\/\",\"https:\/\/www.linkedin.com\/company\/iketch\/\",\"https:\/\/www.pinterest.com\/iketcheg\",\"https:\/\/www.youtube.com\/channel\/UC7oqgTDQq0y9ji1ugQinb9Q\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/iketch.com\/#\/schema\/person\/d7af9295c2c4af3ab1597bedf2f35659\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/iketch.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ace87d242337a7d0b902dde8fb626ed1e2558af6d7d3cfda39a58612c578f03e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ace87d242337a7d0b902dde8fb626ed1e2558af6d7d3cfda39a58612c578f03e?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\/\/iketch.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Perfect design","description":"Good design systems can help you create digital products efficiently and consistently. But great design systems will support and empower your team's creativity at the same time.\u00a0","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/iketch.com\/en\/\u0627\u0644\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u0645\u062b\u0627\u0644\u064a\/","og_locale":"en_US","og_type":"article","og_title":"\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u062b\u0627\u0644\u064a","og_description":"\u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0633\u0627\u0639\u062f\u0643 \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u062c\u064a\u062f\u0629 \u0641\u064a \u0625\u0646\u0634\u0627\u0621 \u0645\u0646\u062a\u062c\u0627\u062a \u0631\u0642\u0645\u064a\u0629 \u0628\u0643\u0641\u0627\u0621\u0629 \u0648\u0627\u062a\u0633\u0627\u0642.\u00a0\u0644\u0643\u0646 \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0631\u0627\u0626\u0639\u0629 \u0633\u062a\u062f\u0639\u0645 \u0648\u062a\u0642\u0648\u064a \u0625\u0628\u062f\u0627\u0639 \u0641\u0631\u064a\u0642\u0643 \u0641\u064a \u0646\u0641\u0633 \u0627\u0644\u0648\u0642\u062a.\u00a0","og_url":"https:\/\/iketch.com\/en\/\u0627\u0644\u062a\u0635\u0645\u064a\u0645-\u0627\u0644\u0645\u062b\u0627\u0644\u064a\/","og_site_name":"\u0627\u064a \u0643\u064a\u062a\u0634 :","article_publisher":"https:\/\/www.facebook.com\/iketchegy","article_published_time":"2021-03-22T13:27:05+00:00","article_modified_time":"2022-02-19T14:35:20+00:00","og_image":[{"width":850,"height":613,"url":"https:\/\/iketch.com\/wp-content\/uploads\/2021\/03\/Polaris-1.png","type":"image\/png"}],"author":"admin","twitter_card":"summary_large_image","twitter_creator":"@Iketch1","twitter_site":"@Iketch1","twitter_misc":{"Written by":"admin","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"TechArticle","@id":"https:\/\/iketch.com\/%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d9%85%d8%ab%d8%a7%d9%84%d9%8a\/#article","isPartOf":{"@id":"https:\/\/iketch.com\/%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d9%85%d8%ab%d8%a7%d9%84%d9%8a\/"},"author":{"name":"admin","@id":"https:\/\/iketch.com\/#\/schema\/person\/d7af9295c2c4af3ab1597bedf2f35659"},"headline":"\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u062b\u0627\u0644\u064a","datePublished":"2021-03-22T13:27:05+00:00","dateModified":"2022-02-19T14:35:20+00:00","mainEntityOfPage":{"@id":"https:\/\/iketch.com\/%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d9%85%d8%ab%d8%a7%d9%84%d9%8a\/"},"wordCount":84,"commentCount":0,"publisher":{"@id":"https:\/\/iketch.com\/#organization"},"image":{"@id":"https:\/\/iketch.com\/%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d9%85%d8%ab%d8%a7%d9%84%d9%8a\/#primaryimage"},"thumbnailUrl":"https:\/\/iketch.com\/wp-content\/uploads\/2021\/03\/Polaris-1.png","keywords":["\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u062b\u0627\u0644\u064a","\u062a\u0635\u0645\u064a\u0645 \u0644\u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633","\u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u0635\u0645\u064a\u0645","\u0646\u0638\u0645 \u0627\u0644\u062a\u0635\u0645\u064a\u0645"],"articleSection":["\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0627\u0642\u0639"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/iketch.com\/%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d9%85%d8%ab%d8%a7%d9%84%d9%8a\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/iketch.com\/%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d9%85%d8%ab%d8%a7%d9%84%d9%8a\/","url":"https:\/\/iketch.com\/%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d9%85%d8%ab%d8%a7%d9%84%d9%8a\/","name":"Perfect design","isPartOf":{"@id":"https:\/\/iketch.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/iketch.com\/%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d9%85%d8%ab%d8%a7%d9%84%d9%8a\/#primaryimage"},"image":{"@id":"https:\/\/iketch.com\/%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d9%85%d8%ab%d8%a7%d9%84%d9%8a\/#primaryimage"},"thumbnailUrl":"https:\/\/iketch.com\/wp-content\/uploads\/2021\/03\/Polaris-1.png","datePublished":"2021-03-22T13:27:05+00:00","dateModified":"2022-02-19T14:35:20+00:00","description":"Good design systems can help you create digital products efficiently and consistently. But great design systems will support and empower your team's creativity at the same time.\u00a0","breadcrumb":{"@id":"https:\/\/iketch.com\/%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d9%85%d8%ab%d8%a7%d9%84%d9%8a\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/iketch.com\/%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d9%85%d8%ab%d8%a7%d9%84%d9%8a\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/iketch.com\/%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d9%85%d8%ab%d8%a7%d9%84%d9%8a\/#primaryimage","url":"https:\/\/iketch.com\/wp-content\/uploads\/2021\/03\/Polaris-1.png","contentUrl":"https:\/\/iketch.com\/wp-content\/uploads\/2021\/03\/Polaris-1.png","width":850,"height":613,"caption":"\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u062b\u0627\u0644\u064a"},{"@type":"BreadcrumbList","@id":"https:\/\/iketch.com\/%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d9%85%d8%ab%d8%a7%d9%84%d9%8a\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629","item":"https:\/\/iketch.com\/"},{"@type":"ListItem","position":2,"name":"\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0627\u0642\u0639","item":"https:\/\/iketch.com\/category\/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a7%d9%84%d9%85%d9%88%d8%a7%d9%82%d8%b9\/"},{"@type":"ListItem","position":3,"name":"\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u062b\u0627\u0644\u064a"}]},{"@type":"WebSite","@id":"https:\/\/iketch.com\/#website","url":"https:\/\/iketch.com\/","name":"iketch :","description":"Website design company based in Egypt Kuwait Saudi Arabia","publisher":{"@id":"https:\/\/iketch.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/iketch.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/iketch.com\/#organization","name":"iketch web design agency","url":"https:\/\/iketch.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/iketch.com\/#\/schema\/logo\/image\/","url":"https:\/\/iketch.com\/wp-content\/uploads\/2022\/02\/iketch-logo-black-1.jpg","contentUrl":"https:\/\/iketch.com\/wp-content\/uploads\/2022\/02\/iketch-logo-black-1.jpg","width":256,"height":95,"caption":"\u0634\u0631\u0643\u0629 \u062a\u0635\u0645\u064a\u0645 \u0645\u0648\u0627\u0642\u0639 iketch"},"image":{"@id":"https:\/\/iketch.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/iketchegy","https:\/\/x.com\/Iketch1","https:\/\/www.instagram.com\/iketchegy\/","https:\/\/www.linkedin.com\/company\/iketch\/","https:\/\/www.pinterest.com\/iketcheg","https:\/\/www.youtube.com\/channel\/UC7oqgTDQq0y9ji1ugQinb9Q"]},{"@type":"Person","@id":"https:\/\/iketch.com\/#\/schema\/person\/d7af9295c2c4af3ab1597bedf2f35659","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/iketch.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ace87d242337a7d0b902dde8fb626ed1e2558af6d7d3cfda39a58612c578f03e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ace87d242337a7d0b902dde8fb626ed1e2558af6d7d3cfda39a58612c578f03e?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/iketch.com"]}]}},"_links":{"self":[{"href":"https:\/\/iketch.com\/en\/wp-json\/wp\/v2\/posts\/1108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iketch.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/iketch.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/iketch.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iketch.com\/en\/wp-json\/wp\/v2\/comments?post=1108"}],"version-history":[{"count":0,"href":"https:\/\/iketch.com\/en\/wp-json\/wp\/v2\/posts\/1108\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/iketch.com\/en\/wp-json\/wp\/v2\/media\/1167"}],"wp:attachment":[{"href":"https:\/\/iketch.com\/en\/wp-json\/wp\/v2\/media?parent=1108"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/iketch.com\/en\/wp-json\/wp\/v2\/categories?post=1108"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/iketch.com\/en\/wp-json\/wp\/v2\/tags?post=1108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}