{"id":3705,"date":"2023-11-10T11:18:52","date_gmt":"2023-11-10T11:18:52","guid":{"rendered":"https:\/\/www.originux.com\/resources\/?p=3705"},"modified":"2023-11-10T11:22:03","modified_gmt":"2023-11-10T11:22:03","slug":"design-systems-examples-to-inspire-your-next-project","status":"publish","type":"post","link":"https:\/\/www.originux.com\/resources\/blog\/design-systems-examples-to-inspire-your-next-project\/","title":{"rendered":"Design Systems Examples to Inspire Your Next Project"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_79 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.originux.com\/resources\/blog\/design-systems-examples-to-inspire-your-next-project\/#Benefits_of_Using_a_Design_System\" >Benefits of Using a Design System<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.originux.com\/resources\/blog\/design-systems-examples-to-inspire-your-next-project\/#How_to_Choose_and_Use_a_Design_System\" >How to Choose and Use a Design System<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.originux.com\/resources\/blog\/design-systems-examples-to-inspire-your-next-project\/#7_Design_Systems_Examples_for_Your_Inspiration\" >7 Design Systems Examples for Your Inspiration<\/a><\/li><\/ul><\/nav><\/div>\n\n<p>Design systems are reusable components, guidelines, and principles that help teams create consistent and cohesive user experiences. They can be applied to various products and services, from websites and apps to physical products and signage.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Benefits_of_Using_a_Design_System\"><\/span>Benefits of Using a Design System<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>There are many benefits to using a design system. It can help teams:<\/p>\n<ul>\n<li><strong>Save time and resources:<\/strong> By reusing components and guidelines, teams can avoid reinventing the wheel whenever they start a new project.<\/li>\n<li><strong>Improve consistency:<\/strong> Design systems help to ensure that all products and services within a company have a consistent look and feel. This can lead to a better user experience and make learning and using new products easier.<\/li>\n<li><strong>Promote collaboration:<\/strong> Design systems can help to bridge the gap between designers, developers, and other stakeholders. By providing a common set of components and guidelines, everyone can work together more effectively to create a better product.<\/li>\t\n<\/ul>\n\n<h3><span class=\"ez-toc-section\" id=\"How_to_Choose_and_Use_a_Design_System\"><\/span>How to Choose and Use a Design System<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>When choosing a design system, it is important to consider your team&#8217;s and project&#8217;s specific needs. What are the most important things for your team to focus on? What are the key features and functionality of your product or service? Choose a design system that can help you achieve your goals.<\/p>\n<p>Here are some tips for choosing and using a design system:<\/p>\n<ul>\n<li><strong>Start small:<\/strong> You don&#8217;t have to implement an entire design system all at once. Start by adopting a few key components and guidelines. As you become more comfortable with the design system, you can gradually add more elements.<\/li>\n<li><strong>Get everyone involved:<\/strong> Design systems are most effective when used by everyone on the team, including designers, developers, and product managers. Make sure to get everyone involved in selecting and implementing the design system.<\/li>\n<li><strong>Provide training and support:<\/strong> Once you have chosen a design system, it is important to provide training and support to your team. This will help them to learn how to use the design system effectively and create consistent and cohesive user experiences.<\/li>\n<\/ul>\n\n\n\n<h3><span class=\"ez-toc-section\" id=\"7_Design_Systems_Examples_for_Your_Inspiration\"><\/span>7 Design Systems Examples for Your Inspiration<span class=\"ez-toc-section-end\"><\/span><\/h3>\t\n<h5>1. Airbnb&#8217;s Design System<\/h5>\n<p>Airbnb&#8217;s design system, Aphrodite, is renowned for its focus on simplicity, clarity, and localization. It includes everything designers and developers need to create Airbnb-branded products, including typography, colors, icons, and components.<\/p>\n<p>One of the key features of Aphrodite is its localization guidelines. Airbnb has users worldwide, so its design system must be flexible enough to accommodate different cultures and languages. The localization guidelines guide adapting Airbnb&#8217;s design elements for different locales while maintaining a consistent brand experience.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1007\" height=\"445\" src=\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse1.jpg\" alt=\"img\" class=\"wp-image-3714\" srcset=\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse1.jpg 1007w, https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse1-300x133.jpg 300w, https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse1-768x339.jpg 768w\" sizes=\"auto, (max-width: 1007px) 100vw, 1007px\" \/><\/figure>\n<\/div>\n\n\n<h5>2. Google Material Design<\/h5>\n<p>Google Material Design is a design language that provides a unified user experience across all Google products. It&#8217;s based on motion, depth, material, and light principles, creating a sense of realism and immersion for users.<\/p>\n<p>Material Design is known for using bold colors, fluid animations, and responsive interfaces. It&#8217;s also highly accessible, with features such as high-contrast color schemes and large fonts that make it easy for users with disabilities to interact with Google products.<\/p>\n<p>Some specific examples of Material Design in action include the Google Search interface, the Gmail app, and the Android operating system.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1007\" height=\"445\" src=\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse2.jpg\" alt=\"img\" class=\"wp-image-3718\" srcset=\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse2.jpg 1007w, https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse2-300x133.jpg 300w, https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse2-768x339.jpg 768w\" sizes=\"auto, (max-width: 1007px) 100vw, 1007px\" \/><\/figure>\n<\/div>\n\n\n<h5>3. IBM Carbon Design System<\/h5>\n<p>IBM&#8217;s Carbon Design System is a comprehensive design system tailored to enterprise users&#8217; needs. It includes many components, such as data tables, navigation menus, and forms, that can be used to build complex and scalable interfaces.<\/p>\n<p>The Carbon Design System is also highly customizable, allowing teams to adapt it to their needs. For example, teams can choose from various color palettes and typographies to create a unique look and feel for their products.<\/p>\n<p>Some notable case studies associated with the Carbon Design System include the IBM Cloud console and the Weather Underground app.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1007\" height=\"445\" src=\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse4.jpg\" alt=\"\" class=\"wp-image-3722\" srcset=\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse4.jpg 1007w, https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse4-300x133.jpg 300w, https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse4-768x339.jpg 768w\" sizes=\"auto, (max-width: 1007px) 100vw, 1007px\" \/><\/figure>\n<\/div>\n\n\n<h5>4. Shopify&#8217;s Polaris Design System<\/h5>\n<p>Shopify&#8217;s Polaris Design System is a design system that&#8217;s specifically designed for e-commerce platforms. It includes various components, such as product grids, checkout forms, and shopping carts, that can create user-friendly and engaging online stores.<\/p>\n<p>Polaris Design System is also highly responsive, ensuring that online stores look and function great on all devices, from desktop computers to smartphones.<\/p>\n<p>Some real-world examples of Polaris implementation include the Shopify admin dashboard and the Shopify app.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1007\" height=\"444\" src=\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse3.jpg\" alt=\"\" class=\"wp-image-3721\" srcset=\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse3.jpg 1007w, https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse3-300x132.jpg 300w, https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse3-768x339.jpg 768w\" sizes=\"auto, (max-width: 1007px) 100vw, 1007px\" \/><\/figure>\n<\/div>\n\n\n<h5>5. Atlassian&#8217;s Design Guidelines<\/h5>\n<p>Atlassian&#8217;s Design Guidelines are principles and guidelines that help teams create consistent and user-friendly interfaces for Atlassian products. The guidelines cover everything from typography and color palettes to UI patterns and interaction design.<\/p>\n<p>One of the core principles of Atlassian&#8217;s design guidelines is simplicity. The guidelines emphasize the importance of using clear and concise language and avoiding unnecessary clutter. This helps to create interfaces that are easy to understand and use, even for complex tasks.<\/p>\n<p>Another important principle of Atlassian&#8217;s design guidelines is consistency. The guidelines guide how to use common UI patterns and design elements consistently across all Atlassian products. This helps users learn how to use one Atlassian product and then easily transfer those skills to other products.<\/p>\n<p>Some specific products or features that perfectly showcase Atlassian&#8217;s design guidelines include the Jira project management tool and the Confluence wiki platform.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1007\" height=\"444\" src=\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse5.jpg\" alt=\"img\" class=\"wp-image-3727\" srcset=\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse5.jpg 1007w, https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse5-300x132.jpg 300w, https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse5-768x339.jpg 768w\" sizes=\"auto, (max-width: 1007px) 100vw, 1007px\" \/><\/figure>\n\n\n\n<h5>6. Salesforce Lightning Design System<\/h5>\n<p>Salesforce Lightning Design System is a design system that&#8217;s specifically designed for Salesforce products. It includes many components, such as data tables, navigation menus, and forms, that can be used to build complex and scalable Salesforce applications.<\/p>\n<p>Lightning Design System is also highly responsive, ensuring that Salesforce applications look and function great on all devices, from desktop computers to smartphones.<\/p>\n<p>One of the defining characteristics of the Lightning Design System is its focus on user productivity. The design system includes several features designed to help users complete tasks quickly and efficiently. For example, Lightning Design System components are optimized for touch input, making them easy to use on mobile devices.<\/p>\n<p>Lightning Design System also includes several accessibility features, such as high-contrast color schemes and large fonts, making it easy for users with disabilities to interact with Salesforce applications.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1007\" height=\"444\" src=\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse6.jpg\" alt=\"img\" class=\"wp-image-3730\" srcset=\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse6.jpg 1007w, https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse6-300x132.jpg 300w, https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse6-768x339.jpg 768w\" sizes=\"auto, (max-width: 1007px) 100vw, 1007px\" \/><\/figure>\n<\/div>\n\n\n<h5>7. Microsoft Fluent Design System<\/h5>\n<p>Microsoft Fluent Design System is a design system that&#8217;s designed to provide a unified and seamless user experience across all Microsoft products. It&#8217;s based on motion, depth, material, and light principles, creating a sense of fluidity and responsiveness for users.<\/p>\n<p>Fluent Design uses subtle animations, dynamic effects, and transparent elements. It&#8217;s also highly customizable, allowing teams to adapt it to their needs. For example, teams can choose from various color palettes and typographies to create a unique look and feel for their products.<\/p>\n<p>Some examples of Fluent Design in action include the Windows 11 operating system, the Microsoft Office suite, and the Microsoft Edge browser.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1007\" height=\"445\" src=\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse7.jpg\" alt=\"img\" class=\"wp-image-3733\" srcset=\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse7.jpg 1007w, https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse7-300x133.jpg 300w, https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse7-768x339.jpg 768w\" sizes=\"auto, (max-width: 1007px) 100vw, 1007px\" \/><\/figure>\n<\/div>\n\n\n<div style=\"background: #6C2DC7; border-radius: 8px; font-style: italic; font-weight: 500; padding:30px; color:#fff;\">\n<div class=\"txt-24 max-940 text-center mb-3\"> These are just a few examples of the many great design systems. When choosing a design system, it&#8217;s important to consider your team&#8217;s and product&#8217;s specific needs. Consider factors such as the type of product you&#8217;re building, the target audience, and the overall brand experience you want to create.<\/div>\n<div class=\"txt-24 max-940 text-center\">Once you&#8217;ve chosen a design system, adopting it fully and consistently across your team and product is important. This will help ensure your interfaces are consistent, user-friendly, and scalable.<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Design systems are reusable components, guidelines, and principles that help teams create consistent and cohesive user experiences. They can be applied to various products and services, from websites and apps to physical products and signage. Benefits of Using a Design System There are many benefits to using a design system. It can help teams: Save&hellip; <a class=\"more-link\" href=\"https:\/\/www.originux.com\/resources\/blog\/design-systems-examples-to-inspire-your-next-project\/\">Continue reading <span class=\"screen-reader-text\">Design Systems Examples to Inspire Your Next Project<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":3707,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[6],"class_list":["post-3705","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-ux","entry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Design Systems Examples to Inspire Your Next Project - OriginUX Studio<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.originux.com\/resources\/blog\/design-systems-examples-to-inspire-your-next-project\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design Systems Examples to Inspire Your Next Project - OriginUX Studio\" \/>\n<meta property=\"og:description\" content=\"Design systems are reusable components, guidelines, and principles that help teams create consistent and cohesive user experiences. They can be applied to various products and services, from websites and apps to physical products and signage. Benefits of Using a Design System There are many benefits to using a design system. It can help teams: Save&hellip; Continue reading Design Systems Examples to Inspire Your Next Project\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.originux.com\/resources\/blog\/design-systems-examples-to-inspire-your-next-project\/\" \/>\n<meta property=\"og:site_name\" content=\"OriginUX Studio\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-10T11:18:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-10T11:22:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse-sm.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"487\" \/>\n\t<meta property=\"og:image:height\" content=\"487\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"master.origin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"master.origin\" \/>\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\":\"Article\",\"@id\":\"https:\/\/www.originux.com\/resources\/blog\/design-systems-examples-to-inspire-your-next-project\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.originux.com\/resources\/blog\/design-systems-examples-to-inspire-your-next-project\/\"},\"author\":{\"name\":\"master.origin\",\"@id\":\"https:\/\/www.originux.com\/resources\/#\/schema\/person\/36cf8af19078357c4bf547cfd6779705\"},\"headline\":\"Design Systems Examples to Inspire Your Next Project\",\"datePublished\":\"2023-11-10T11:18:52+00:00\",\"dateModified\":\"2023-11-10T11:22:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.originux.com\/resources\/blog\/design-systems-examples-to-inspire-your-next-project\/\"},\"wordCount\":1198,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.originux.com\/resources\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.originux.com\/resources\/blog\/design-systems-examples-to-inspire-your-next-project\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse-sm.jpg\",\"keywords\":[\"UX\"],\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.originux.com\/resources\/blog\/design-systems-examples-to-inspire-your-next-project\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.originux.com\/resources\/blog\/design-systems-examples-to-inspire-your-next-project\/\",\"url\":\"https:\/\/www.originux.com\/resources\/blog\/design-systems-examples-to-inspire-your-next-project\/\",\"name\":\"Design Systems Examples to Inspire Your Next Project - OriginUX Studio\",\"isPartOf\":{\"@id\":\"https:\/\/www.originux.com\/resources\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.originux.com\/resources\/blog\/design-systems-examples-to-inspire-your-next-project\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.originux.com\/resources\/blog\/design-systems-examples-to-inspire-your-next-project\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse-sm.jpg\",\"datePublished\":\"2023-11-10T11:18:52+00:00\",\"dateModified\":\"2023-11-10T11:22:03+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.originux.com\/resources\/blog\/design-systems-examples-to-inspire-your-next-project\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.originux.com\/resources\/blog\/design-systems-examples-to-inspire-your-next-project\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.originux.com\/resources\/blog\/design-systems-examples-to-inspire-your-next-project\/#primaryimage\",\"url\":\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse-sm.jpg\",\"contentUrl\":\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse-sm.jpg\",\"width\":487,\"height\":487,\"caption\":\"img\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.originux.com\/resources\/blog\/design-systems-examples-to-inspire-your-next-project\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.originux.com\/resources\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design Systems Examples to Inspire Your Next Project\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.originux.com\/resources\/#website\",\"url\":\"https:\/\/www.originux.com\/resources\/\",\"name\":\"OriginUX Studio\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.originux.com\/resources\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.originux.com\/resources\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.originux.com\/resources\/#organization\",\"name\":\"OriginUX Studio\",\"url\":\"https:\/\/www.originux.com\/resources\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.originux.com\/resources\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2022\/05\/origin-logo.png\",\"contentUrl\":\"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2022\/05\/origin-logo.png\",\"width\":120,\"height\":120,\"caption\":\"OriginUX Studio\"},\"image\":{\"@id\":\"https:\/\/www.originux.com\/resources\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.originux.com\/resources\/#\/schema\/person\/36cf8af19078357c4bf547cfd6779705\",\"name\":\"master.origin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/356acc98edd1351e180a192318e3335999f553b20c01c8a00391239e394d4727?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/356acc98edd1351e180a192318e3335999f553b20c01c8a00391239e394d4727?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/356acc98edd1351e180a192318e3335999f553b20c01c8a00391239e394d4727?s=96&d=mm&r=g\",\"caption\":\"master.origin\"},\"sameAs\":[\"https:\/\/www.originux.com\"],\"url\":\"https:\/\/www.originux.com\/resources\/author\/master-origin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Design Systems Examples to Inspire Your Next Project - OriginUX Studio","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:\/\/www.originux.com\/resources\/blog\/design-systems-examples-to-inspire-your-next-project\/","og_locale":"en_US","og_type":"article","og_title":"Design Systems Examples to Inspire Your Next Project - OriginUX Studio","og_description":"Design systems are reusable components, guidelines, and principles that help teams create consistent and cohesive user experiences. They can be applied to various products and services, from websites and apps to physical products and signage. Benefits of Using a Design System There are many benefits to using a design system. It can help teams: Save&hellip; Continue reading Design Systems Examples to Inspire Your Next Project","og_url":"https:\/\/www.originux.com\/resources\/blog\/design-systems-examples-to-inspire-your-next-project\/","og_site_name":"OriginUX Studio","article_published_time":"2023-11-10T11:18:52+00:00","article_modified_time":"2023-11-10T11:22:03+00:00","og_image":[{"width":487,"height":487,"url":"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse-sm.jpg","type":"image\/jpeg"}],"author":"master.origin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"master.origin","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.originux.com\/resources\/blog\/design-systems-examples-to-inspire-your-next-project\/#article","isPartOf":{"@id":"https:\/\/www.originux.com\/resources\/blog\/design-systems-examples-to-inspire-your-next-project\/"},"author":{"name":"master.origin","@id":"https:\/\/www.originux.com\/resources\/#\/schema\/person\/36cf8af19078357c4bf547cfd6779705"},"headline":"Design Systems Examples to Inspire Your Next Project","datePublished":"2023-11-10T11:18:52+00:00","dateModified":"2023-11-10T11:22:03+00:00","mainEntityOfPage":{"@id":"https:\/\/www.originux.com\/resources\/blog\/design-systems-examples-to-inspire-your-next-project\/"},"wordCount":1198,"commentCount":0,"publisher":{"@id":"https:\/\/www.originux.com\/resources\/#organization"},"image":{"@id":"https:\/\/www.originux.com\/resources\/blog\/design-systems-examples-to-inspire-your-next-project\/#primaryimage"},"thumbnailUrl":"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse-sm.jpg","keywords":["UX"],"articleSection":["Blog"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.originux.com\/resources\/blog\/design-systems-examples-to-inspire-your-next-project\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.originux.com\/resources\/blog\/design-systems-examples-to-inspire-your-next-project\/","url":"https:\/\/www.originux.com\/resources\/blog\/design-systems-examples-to-inspire-your-next-project\/","name":"Design Systems Examples to Inspire Your Next Project - OriginUX Studio","isPartOf":{"@id":"https:\/\/www.originux.com\/resources\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.originux.com\/resources\/blog\/design-systems-examples-to-inspire-your-next-project\/#primaryimage"},"image":{"@id":"https:\/\/www.originux.com\/resources\/blog\/design-systems-examples-to-inspire-your-next-project\/#primaryimage"},"thumbnailUrl":"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse-sm.jpg","datePublished":"2023-11-10T11:18:52+00:00","dateModified":"2023-11-10T11:22:03+00:00","breadcrumb":{"@id":"https:\/\/www.originux.com\/resources\/blog\/design-systems-examples-to-inspire-your-next-project\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.originux.com\/resources\/blog\/design-systems-examples-to-inspire-your-next-project\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.originux.com\/resources\/blog\/design-systems-examples-to-inspire-your-next-project\/#primaryimage","url":"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse-sm.jpg","contentUrl":"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2023\/11\/dse-sm.jpg","width":487,"height":487,"caption":"img"},{"@type":"BreadcrumbList","@id":"https:\/\/www.originux.com\/resources\/blog\/design-systems-examples-to-inspire-your-next-project\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.originux.com\/resources\/"},{"@type":"ListItem","position":2,"name":"Design Systems Examples to Inspire Your Next Project"}]},{"@type":"WebSite","@id":"https:\/\/www.originux.com\/resources\/#website","url":"https:\/\/www.originux.com\/resources\/","name":"OriginUX Studio","description":"","publisher":{"@id":"https:\/\/www.originux.com\/resources\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.originux.com\/resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.originux.com\/resources\/#organization","name":"OriginUX Studio","url":"https:\/\/www.originux.com\/resources\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.originux.com\/resources\/#\/schema\/logo\/image\/","url":"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2022\/05\/origin-logo.png","contentUrl":"https:\/\/www.originux.com\/resources\/wp-content\/uploads\/2022\/05\/origin-logo.png","width":120,"height":120,"caption":"OriginUX Studio"},"image":{"@id":"https:\/\/www.originux.com\/resources\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.originux.com\/resources\/#\/schema\/person\/36cf8af19078357c4bf547cfd6779705","name":"master.origin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/356acc98edd1351e180a192318e3335999f553b20c01c8a00391239e394d4727?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/356acc98edd1351e180a192318e3335999f553b20c01c8a00391239e394d4727?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/356acc98edd1351e180a192318e3335999f553b20c01c8a00391239e394d4727?s=96&d=mm&r=g","caption":"master.origin"},"sameAs":["https:\/\/www.originux.com"],"url":"https:\/\/www.originux.com\/resources\/author\/master-origin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.originux.com\/resources\/wp-json\/wp\/v2\/posts\/3705","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.originux.com\/resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.originux.com\/resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.originux.com\/resources\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.originux.com\/resources\/wp-json\/wp\/v2\/comments?post=3705"}],"version-history":[{"count":23,"href":"https:\/\/www.originux.com\/resources\/wp-json\/wp\/v2\/posts\/3705\/revisions"}],"predecessor-version":[{"id":3739,"href":"https:\/\/www.originux.com\/resources\/wp-json\/wp\/v2\/posts\/3705\/revisions\/3739"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.originux.com\/resources\/wp-json\/wp\/v2\/media\/3707"}],"wp:attachment":[{"href":"https:\/\/www.originux.com\/resources\/wp-json\/wp\/v2\/media?parent=3705"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.originux.com\/resources\/wp-json\/wp\/v2\/categories?post=3705"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.originux.com\/resources\/wp-json\/wp\/v2\/tags?post=3705"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}