{"id":30873,"date":"2026-05-13T03:00:00","date_gmt":"2026-05-13T10:00:00","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=30873"},"modified":"2026-05-13T03:53:00","modified_gmt":"2026-05-13T10:53:00","slug":"best-design-system-examples","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/best-design-system-examples\/","title":{"rendered":"13 Best Design System Examples to Learn From in 2026"},"content":{"rendered":"<p><script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@graph\": [\n    {\n      \"@type\": \"Article\",\n      \"headline\": \"13 Best Design System Examples to Learn From in 2026\",\n      \"description\": \"Explore 13 real-world design system examples from Google, Shopify, IBM, and more. Learn what makes each system effective and how to apply those patterns to your own product.\",\n      \"datePublished\": \"2021-07-15T12:00:00\",\n      \"dateModified\": \"2026-05-13T12:00:00\",\n      \"author\": { \"@type\": \"Organization\", \"name\": \"UXPin\" },\n      \"publisher\": {\n        \"@type\": \"Organization\",\n        \"name\": \"UXPin\",\n        \"url\": \"https:\/\/www.uxpin.com\"\n      },\n      \"mainEntityOfPage\": \"https:\/\/www.uxpin.com\/studio\/blog\/best-design-system-examples\/\"\n    },\n    {\n      \"@type\": \"FAQPage\",\n      \"mainEntity\": [\n        {\n          \"@type\": \"Question\",\n          \"name\": \"What is a design system?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"A design system is a collection of reusable components, design tokens, guidelines, documentation, and code that teams use to build consistent, on-brand user interfaces at scale. It serves as a single source of truth for both designers and developers.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"What is the difference between a design system, a pattern library, and a style guide?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"A design system is the full stack \u2014 principles, tokens, components, code, accessibility rules, and governance. A pattern library is a subset containing reusable UI patterns and usage guidance. A style guide covers brand and visual language (color, type, tone) but doesn't include components or code.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"What are the best design system examples in 2026?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Top design system examples include Google Material Design 3, Shopify Polaris, IBM Carbon, Apple Human Interface Guidelines, Atlassian Design System, Salesforce Lightning, Microsoft Fluent 2, Ant Design, Porsche Design System, Uber Base, GitLab Pajamas, Adobe Spectrum, and Goldman Sachs GS Design System.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"How do I evaluate a design system?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Evaluate a design system across eight dimensions: component coverage, documentation clarity, accessibility support, code delivery and framework support, theming and design tokens, governance model, contribution process, and evidence of adoption in shipped products.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"How do I start building a design system?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Start with an audit of your existing UI to identify recurring components and inconsistencies. Define design tokens (color, spacing, type scales), build a small set of core components, document usage guidelines, and establish a governance process. Tools like UXPin Merge let you bring coded components directly into the design environment so your system stays in sync with production.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Can I use an existing design system instead of building my own?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Yes. Open-source systems like Material Design, Ant Design, and shadcn\/ui provide production-ready components you can adopt or customize. Many teams start with an existing system and extend it with custom tokens and patterns to match their brand. UXPin supports libraries like MUI, Ant Design, and shadcn\/ui out of the box through Merge.\"\n          }\n        }\n      ]\n    }\n  ]\n}\n<\/script><\/p>\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"512\" class=\"wp-image-30874\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/07\/Top-8-DS-1024x512.png\" alt=\"Best design system examples \u2014 overview of 13 real-world design systems\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/07\/Top-8-DS-1024x512.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/07\/Top-8-DS-600x300.png 600w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/07\/Top-8-DS-768x384.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/07\/Top-8-DS.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<p>A <strong>design system<\/strong> is a collection of reusable components, design tokens, guidelines, and code that product teams use to build consistent, on-brand interfaces at scale. The best systems act as a single source of truth \u2014 bridging the gap between design intent and production code so every screen ships with the same quality, accessibility, and brand coherence.<\/p>\n<p>Below, we break down <strong>13 design system examples<\/strong> from companies that have publicly shared their approach. For each, you&#8217;ll find what makes it notable, what you can learn from it, and links to explore further. We also cover what a design system is, why companies invest in them, and how to evaluate whether a system is well built.<\/p>\n<section class=\"discover-merge\">\n<div class=\"discover-merge__container\">\n<div class=\"discover-merge__left\">\n<p class=\"discover-merge__heading\">Reach a new level of prototyping<\/p>\n<p class=\"discover-merge__text\">Design with interactive components coming from your team&#8217;s design system.<\/p>\n<p>            <a href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noopener\"><br \/>\n                <button class=\"discover-merge__button\">Discover UXPin Merge<\/button><br \/>\n            <\/a>\n        <\/div>\n<div>\n            <img decoding=\"async\" src=\"https:\/\/uxpin.com\/studio\/wp-content\/themes\/uxpin-juggernaut\/img\/cta-banner-merge.png\" class=\"discover-merge__image\" alt=\"UXPin Merge \u2014 design with production components\">\n        <\/div>\n<\/p>\n<\/div>\n<\/section>\n<style>\n.discover-merge { margin: 40px 8px; }\n.discover-merge__container { display: flex; max-width: 690px; height: 200px; padding: 20px; padding-left: 24px; border-radius: 4px; background-color: black; box-shadow: 10px 10px #9999ff; align-items: center; justify-content: space-between; }\n.discover-merge__left { width: 50%; }\n.discover-merge__left p { margin: 10px 0px !important; color: white !important; font-size: 18px !important; }\n.discover-merge__heading { font-weight: bold !important; color: white !important; font-size: 18px !important; }\n.discover-merge__text { margin: 0 !important; line-height: 22px !important; }\n.discover-merge__button { width: 174px; height: 44px; margin: 10px 0px; border: none; border-radius: 2px; background: white; color: black; font-size: 16px; text-align: center; }\n.discover-merge__button:hover { cursor: pointer; }\n.discover-merge__image { max-width: 320px !important; height: 200px; margin-right: -19px; }\n@media (max-width: 600px) { .discover-merge__container { flex-direction: column; height: auto; } .discover-merge__left { width: 100%; } .discover-merge__image { max-width: 100% !important; height: auto; margin: 10px 0; } }\n<\/style>\n<h2>What Is a Design System?<\/h2>\n<p>A <strong>design system<\/strong> is a comprehensive set of components, rules, style guides, design tokens, and documentation used to build a coherent and on-brand interface for a product. It encompasses everything a product team needs \u2014 from color palettes and typography scales to coded UI components and accessibility guidelines.<\/p>\n<p>Design systems aren&#8217;t only for designers. They are equally valuable for developers, because they contain code snippets, front-end component libraries, API references, and implementation documentation alongside the visual design guidelines. When properly structured, a design system serves as a centralized layer that connects design decisions to production code, enabling consistent, data-driven interface development.<\/p>\n<p>Think of a design system as a living document that combines a UI kit, a coding reference library, product design guidelines, and governance rules into one shared resource that the entire product organization relies on.<\/p>\n<h3>Design System vs. Pattern Library vs. Style Guide<\/h3>\n<p>These terms are often confused. Here&#8217;s the distinction:<\/p>\n<ul>\n<li><strong>Design system<\/strong>: The full stack \u2014 principles, <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/design-tokens\/\">design tokens<\/a>, components, patterns, code, accessibility rules, governance, and a contribution model.<\/li>\n<li><strong>Pattern library<\/strong>: A collection of reusable UI patterns (form layouts, navigation structures, card patterns) and usage guidance. A pattern library is typically part of a design system, not a substitute for one.<\/li>\n<li><strong>Style guide<\/strong>: Brand and visual language documentation \u2014 logo usage, color definitions, typography, and tone of voice. A style guide supports a design system but doesn&#8217;t cover components or code.<\/li>\n<\/ul>\n<p>Clarifying these distinctions matters because teams often search for different terms. Understanding the scope of each helps set realistic expectations for what a system will deliver.<\/p>\n<h2>Why Companies Build Design Systems<\/h2>\n<p>Companies like Google, Shopify, IBM, and Salesforce invest heavily in design systems because they solve real organizational problems:<\/p>\n<ul>\n<li><strong>Consistency<\/strong> \u2014 A design system acts as a single source of truth for design and development, ensuring every product surface looks and behaves the same way.<\/li>\n<li><strong>Transparency<\/strong> \u2014 Developers can use design system components directly, without needing to interpret design decisions from static mockups.<\/li>\n<li><strong>Scale<\/strong> \u2014 Designers build prototypes faster, and <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/developer-handoff\/\">developer handoff<\/a> becomes dramatically simpler when everyone works from the same components.<\/li>\n<li><strong>Reusability<\/strong> \u2014 Shared components reduce duplicated effort and ensure consistency across products, platforms, and teams.<\/li>\n<li><strong>Quality<\/strong> \u2014 Centralized accessibility, interaction, and performance standards get baked into every component, raising the quality floor for the entire organization.<\/li>\n<\/ul>\n<p>For example, <strong>PayPal<\/strong>&#8216;s 5-person UX team supports 60+ products and over 1,000 developers by using a shared design system with <a href=\"https:\/\/www.uxpin.com\/merge\">UXPin Merge<\/a> technology. This allows both designers and developers to work with the exact same interactive components \u2014 eliminating the disconnect between design mockups and production code.<\/p>\n<h2>The Benefits of Creating a Design System<\/h2>\n<p>With a well-built design system in place, organizations can:<\/p>\n<ul>\n<li><strong>Improve team velocity<\/strong> \u2014 Designers don&#8217;t redesign common patterns from scratch; developers don&#8217;t rebuild solved components. Enterprise teams using code-backed design systems with UXPin Merge report up to 50% reduction in engineering time.<\/li>\n<li><strong>Minimize design-dev miscommunication<\/strong> \u2014 When both sides work from the same components, there&#8217;s no ambiguity about spacing, behavior, or interaction states.<\/li>\n<li><strong>Reduce UX debt<\/strong> \u2014 A shared system catches inconsistencies early and prevents them from compounding across products.<\/li>\n<li><strong>Accelerate prototyping<\/strong> \u2014 With <a href=\"https:\/\/www.uxpin.com\/forge\">UXPin Forge<\/a>, teams can generate fully interactive prototypes from text prompts using their actual design system components \u2014 going from idea to testable prototype 8.6x faster than traditional workflows.<\/li>\n<li><strong>Ship accessible products by default<\/strong> \u2014 Accessibility standards (WCAG compliance, keyboard navigation, focus management) are encoded in the component library once and inherited everywhere.<\/li>\n<\/ul>\n<h2>How to Evaluate a Design System<\/h2>\n<p>Whether you&#8217;re auditing your own system or studying others, use this checklist:<\/p>\n<ul>\n<li><strong>Coverage<\/strong>: Does it include core foundations (color, type, spacing tokens), a component library, and common patterns?<\/li>\n<li><strong>Documentation clarity<\/strong>: Are there clear purpose statements, usage examples, do\/don&#8217;t guidance, and platform-specific notes (web, iOS, Android)?<\/li>\n<li><strong>Accessibility<\/strong>: WCAG mapping, keyboard behavior, focus states, color contrast guidance, and testing notes?<\/li>\n<li><strong>Code + delivery<\/strong>: Install instructions, package names, supported frameworks, versioning, and a changelog?<\/li>\n<li><strong>Theming &amp; tokens<\/strong>: Clear token names, scales, and documentation of how tokens map to components and themes?<\/li>\n<li><strong>Governance<\/strong>: Defined roles, decision-making processes, backlog management, and release cadence?<\/li>\n<li><strong>Contribution model<\/strong>: How can teams propose changes, what are the review criteria, and what are typical acceptance timelines?<\/li>\n<li><strong>Adoption proof<\/strong>: Real examples, screenshots, or references from shipped products that use the system?<\/li>\n<\/ul>\n<h2>13 Best Design System Examples in 2026<\/h2>\n<h3>1. Google Material Design 3<\/h3>\n<p><strong>What it is:<\/strong> Google&#8217;s open-source design system, now in its third major iteration (Material You \/ Material Design 3). It powers Android, Google apps, and thousands of third-party products.<\/p>\n<p><strong>Why it&#8217;s notable:<\/strong> Material Design 3 introduced dynamic color \u2014 a system that generates an entire color scheme from a user&#8217;s wallpaper, creating personalized theming at system level. It also includes a comprehensive token system, adaptive layouts for all screen sizes, and robust accessibility documentation.<\/p>\n<p><strong>What you can learn:<\/strong> How to implement a token-based theming architecture that scales across platforms. Material Design&#8217;s elevation system (using tonal color rather than shadows in M3) is a masterclass in creating visual hierarchy without relying on drop shadows.<\/p>\n<p><strong>Explore:<\/strong> <a href=\"https:\/\/m3.material.io\/\" target=\"_blank\" rel=\"noopener\">m3.material.io<\/a><\/p>\n<p>You can design with Material UI components directly inside UXPin using the <a href=\"https:\/\/www.uxpin.com\/merge\/mui-library\">MUI library for Merge<\/a> \u2014 the same production-grade React components developers use in code.<\/p>\n<h3>2. Shopify Polaris<\/h3>\n<p><strong>What it is:<\/strong> Shopify&#8217;s design system for building merchant-facing admin experiences. Polaris covers design foundations, a React component library, content guidelines, and accessibility standards.<\/p>\n<p><strong>Why it&#8217;s notable:<\/strong> Polaris is one of the most complete public design systems. Its content guidelines are exceptionally detailed \u2014 covering voice, tone, grammar conventions, and even how to write error messages. The token system is well documented and the component API is clean and consistent.<\/p>\n<p><strong>What you can learn:<\/strong> How to integrate content guidelines into a design system (not just visual and code standards). Polaris demonstrates that a design system&#8217;s value extends beyond components to include how you communicate with users through the interface.<\/p>\n<p><strong>Explore:<\/strong> <a href=\"https:\/\/polaris.shopify.com\/\" target=\"_blank\" rel=\"noopener\">polaris.shopify.com<\/a><\/p>\n<h3>3. IBM Carbon Design System<\/h3>\n<p><strong>What it is:<\/strong> IBM&#8217;s open-source design system for products and digital experiences. Carbon supports React, Angular, Vue, Svelte, and web components \u2014 making it one of the most framework-agnostic systems available.<\/p>\n<p><strong>Why it&#8217;s notable:<\/strong> Carbon&#8217;s data visualization guidelines are best-in-class. It includes a dedicated charting library with accessibility-first defaults, and the system&#8217;s 2x grid is a flexible spatial framework that works across complex enterprise UIs. Carbon also has a well-documented contribution model.<\/p>\n<p><strong>What you can learn:<\/strong> How to build a design system that serves complex enterprise products. Carbon&#8217;s approach to grid, spacing, and data-dense interfaces is highly transferable to any B2B or SaaS product.<\/p>\n<p><strong>Explore:<\/strong> <a href=\"https:\/\/carbondesignsystem.com\/\" target=\"_blank\" rel=\"noopener\">carbondesignsystem.com<\/a><\/p>\n<h3>4. Apple Human Interface Guidelines (HIG)<\/h3>\n<p><strong>What it is:<\/strong> Apple&#8217;s comprehensive design guidance for building apps across iOS, iPadOS, macOS, watchOS, tvOS, and visionOS. The HIG is the definitive reference for designing within the Apple ecosystem.<\/p>\n<p><strong>Why it&#8217;s notable:<\/strong> The HIG is extraordinarily deep \u2014 covering not just visual design but platform behaviors, interaction paradigms, accessibility expectations, and even spatial design for Apple Vision Pro. It&#8217;s updated regularly with each major OS release.<\/p>\n<p><strong>What you can learn:<\/strong> Platform-specific design thinking. Apple&#8217;s guidelines show how components should adapt their behavior (not just layout) across devices and input methods \u2014 touch, mouse, keyboard, eye tracking, and hand gestures.<\/p>\n<p><strong>Explore:<\/strong> <a href=\"https:\/\/developer.apple.com\/design\/human-interface-guidelines\/\" target=\"_blank\" rel=\"noopener\">developer.apple.com\/design\/human-interface-guidelines<\/a><\/p>\n<h3>5. Atlassian Design System<\/h3>\n<p><strong>What it is:<\/strong> Atlassian&#8217;s design system powering Jira, Confluence, Trello, Bitbucket, and their broader product ecosystem. Built on a token-first architecture with comprehensive React components.<\/p>\n<p><strong>Why it&#8217;s notable:<\/strong> Atlassian&#8217;s system demonstrates how to unify a diverse product portfolio under one design language. Their token system is semantic (e.g., <code>color.text.brand<\/code> rather than <code>blue-700<\/code>), which makes theming and multi-product consistency much cleaner. The system&#8217;s pattern library includes complex enterprise patterns like empty states, onboarding flows, and feature flags.<\/p>\n<p><strong>What you can learn:<\/strong> How to implement semantic design tokens and how to handle multi-product consistency when each product has distinct workflows but needs to feel unified.<\/p>\n<p><strong>Explore:<\/strong> <a href=\"https:\/\/atlassian.design\/\" target=\"_blank\" rel=\"noopener\">atlassian.design<\/a><\/p>\n<h3>6. Salesforce Lightning Design System<\/h3>\n<p><strong>What it is:<\/strong> Salesforce&#8217;s design system for building enterprise applications on the Salesforce platform. Lightning includes a component library, design guidelines, and a comprehensive set of utility classes.<\/p>\n<p><strong>Why it&#8217;s notable:<\/strong> Lightning is designed for extremely complex, data-heavy enterprise UIs. Its approach to handling forms, tables, record pages, and workflows at enterprise scale is unmatched. The system also includes blueprints \u2014 full page templates for common Salesforce use cases.<\/p>\n<p><strong>What you can learn:<\/strong> How to design for enterprise complexity. Lightning&#8217;s patterns for data tables, record detail pages, and form layouts are directly applicable to any B2B SaaS product.<\/p>\n<p><strong>Explore:<\/strong> <a href=\"https:\/\/www.lightningdesignsystem.com\/\" target=\"_blank\" rel=\"noopener\">lightningdesignsystem.com<\/a><\/p>\n<h3>7. Microsoft Fluent 2<\/h3>\n<p><strong>What it is:<\/strong> Microsoft&#8217;s cross-platform design system used across Microsoft 365, Windows, Teams, and Azure. Fluent 2 is the latest evolution, emphasizing simplicity, consistency, and cross-platform coherence.<\/p>\n<p><strong>Why it&#8217;s notable:<\/strong> Fluent 2 supports an enormous range of platforms \u2014 web, Windows, iOS, Android, and macOS \u2014 with component libraries for React, React Native, and native frameworks. Its approach to cross-platform consistency while respecting platform conventions is highly sophisticated.<\/p>\n<p><strong>What you can learn:<\/strong> How to build a system that spans desktop, mobile, and web without forcing every platform to look identical. Fluent 2&#8217;s use of shared tokens with platform-specific component implementations is an excellent model.<\/p>\n<p><strong>Explore:<\/strong> <a href=\"https:\/\/fluent2.microsoft.design\/\" target=\"_blank\" rel=\"noopener\">fluent2.microsoft.design<\/a><\/p>\n<h3>8. Ant Design<\/h3>\n<p><strong>What it is:<\/strong> An enterprise-class React UI library and design system maintained by Ant Group (Alibaba). One of the most widely used component libraries in the React ecosystem, especially popular for admin interfaces and B2B products.<\/p>\n<p><strong>Why it&#8217;s notable:<\/strong> Ant Design provides an extensive component library (60+ components) with a consistent API, built-in internationalization, and strong TypeScript support. Its design values emphasize certainty, meaningfulness, growth, and naturalness.<\/p>\n<p><strong>What you can learn:<\/strong> How to build a developer-focused design system where the component API is as carefully designed as the visual language. Ant Design&#8217;s ProComponents (pre-built page-level components like ProTable and ProForm) show how a system can provide higher-level building blocks beyond primitive components.<\/p>\n<p><strong>Explore:<\/strong> <a href=\"https:\/\/ant.design\/\" target=\"_blank\" rel=\"noopener\">ant.design<\/a><\/p>\n<p>UXPin offers <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/integrate-with-ant-design-npm\/\">Ant Design integration<\/a> so you can prototype with the exact same components your developers use in React.<\/p>\n<h3>9. Porsche Design System<\/h3>\n<p><strong>What it is:<\/strong> Porsche&#8217;s design system for building web applications that meet Porsche&#8217;s exacting quality and brand standards. It includes design foundations, Web Components, and libraries for Figma and UXPin.<\/p>\n<p><strong>Why it&#8217;s notable:<\/strong> The Porsche Design System is a benchmark for premium brand design systems. Every component is meticulously built and tested against Porsche&#8217;s rigorous quality standards. It uses Web Components for framework-agnostic delivery while also providing pixel-based libraries for design tools.<\/p>\n<p><strong>What you can learn:<\/strong> How to translate a luxury brand&#8217;s identity into a functional, scalable design system. Porsche&#8217;s approach to maintaining brand precision at the component level \u2014 without sacrificing developer experience \u2014 is a model for any brand-sensitive organization.<\/p>\n<p><strong>Explore:<\/strong> <a href=\"https:\/\/designsystem.porsche.com\/\" target=\"_blank\" rel=\"noopener\">designsystem.porsche.com<\/a><\/p>\n<h3>10. Uber Base<\/h3>\n<p><strong>What it is:<\/strong> Uber&#8217;s design system used across rider, driver, delivery, and freight products. Base includes a React component library (Base Web), design foundations, and platform-specific guidelines.<\/p>\n<p><strong>Why it&#8217;s notable:<\/strong> Base Web&#8217;s &#8220;overrides&#8221; pattern is an elegant approach to component customization \u2014 allowing teams to deeply customize any part of a component without forking. The system also demonstrates how to handle complex theming across distinct product brands (Uber, Uber Eats, Uber Freight) within a unified component architecture.<\/p>\n<p><strong>What you can learn:<\/strong> The overrides customization pattern and how to build a single component library that serves multiple distinct brands with different visual identities but shared interaction patterns.<\/p>\n<p><strong>Explore:<\/strong> <a href=\"https:\/\/baseweb.design\/\" target=\"_blank\" rel=\"noopener\">baseweb.design<\/a><\/p>\n<h3>11. GitLab Pajamas<\/h3>\n<p><strong>What it is:<\/strong> GitLab&#8217;s design system used across the entire GitLab product. Pajamas includes design foundations, Vue.js components, and comprehensive UX guidelines.<\/p>\n<p><strong>Why it&#8217;s notable:<\/strong> Pajamas is built entirely in the open (like GitLab itself). Every design decision, component discussion, and system change happens in public GitLab issues and merge requests. The system includes a &#8220;component lifecycle&#8221; process that&#8217;s one of the most transparent governance models in any design system.<\/p>\n<p><strong>What you can learn:<\/strong> How to manage a design system with full transparency and community involvement. GitLab&#8217;s public contribution process and component status tracking are excellent models for open-source design system governance.<\/p>\n<p><strong>Explore:<\/strong> <a href=\"https:\/\/design.gitlab.com\/\" target=\"_blank\" rel=\"noopener\">design.gitlab.com<\/a><\/p>\n<h3>12. Adobe Spectrum<\/h3>\n<p><strong>What it is:<\/strong> Adobe&#8217;s design system used across Creative Cloud, Document Cloud, and Experience Cloud products. Spectrum supports web, iOS, and Android with a focus on professional creative tools.<\/p>\n<p><strong>Why it&#8217;s notable:<\/strong> Spectrum handles an unusual design challenge \u2014 building a system that works for both content creation tools (Photoshop, Illustrator) and content management tools (Experience Manager, Analytics). Its inclusive design principles are thorough, and the system includes guidance for complex UI patterns like canvases, toolbars, and property panels.<\/p>\n<p><strong>What you can learn:<\/strong> How to build a design system for complex, professional-grade tools. Spectrum&#8217;s approach to density variations (comfortable, compact) and complex interaction patterns for creative tools is highly valuable for teams building sophisticated applications.<\/p>\n<p><strong>Explore:<\/strong> <a href=\"https:\/\/spectrum.adobe.com\/\" target=\"_blank\" rel=\"noopener\">spectrum.adobe.com<\/a><\/p>\n<h3>13. Goldman Sachs GS Design System<\/h3>\n<p><strong>What it is:<\/strong> Goldman Sachs&#8217; design system for internal and client-facing financial applications. One of the few publicly shared design systems from the financial services industry.<\/p>\n<p><strong>Why it&#8217;s notable:<\/strong> The GS Design System demonstrates how a traditionally conservative, highly-regulated industry approaches systematic design. Its patterns for data-dense financial interfaces \u2014 tables, charts, real-time data displays \u2014 are particularly well thought out. The system emphasizes clarity and information density while maintaining accessibility standards.<\/p>\n<p><strong>What you can learn:<\/strong> How to design for data-heavy, compliance-sensitive environments. The GS Design System&#8217;s approach to information density, table design, and financial data visualization is applicable to any product dealing with complex, numbers-heavy interfaces.<\/p>\n<p><strong>Explore:<\/strong> <a href=\"https:\/\/design.gs.com\/\" target=\"_blank\" rel=\"noopener\">design.gs.com<\/a><\/p>\n<h2>How to Apply These Lessons to Your Own Design System<\/h2>\n<p>Studying these examples is valuable, but the real payoff comes from applying what you learn. Here&#8217;s how to put these insights into practice:<\/p>\n<h3>Start With Tokens, Not Components<\/h3>\n<p>Every strong design system starts with design tokens \u2014 the foundational values for color, spacing, typography, and elevation. Define semantic tokens (e.g., <code>color.text.primary<\/code> rather than <code>gray-900<\/code>) so your system supports theming from day one.<\/p>\n<h3>Treat Your System Like a Product<\/h3>\n<p>The best systems above all have something in common: they treat the design system as a product with its own roadmap, governance, backlog, and contribution model. Publish a lightweight governance process and a public changelog so teams trust updates and know how to propose improvements.<\/p>\n<h3>Bridge the Design-Code Gap<\/h3>\n<p>The most impactful systems are the ones where design and code stay in sync. With <a href=\"https:\/\/www.uxpin.com\/merge\">UXPin Merge<\/a>, you can bring your production React components directly into the design environment \u2014 so designers prototype with the exact same components developers use in code. This eliminates the handoff gap and ensures what&#8217;s designed is what gets built.<\/p>\n<p>Teams can also use <a href=\"https:\/\/www.uxpin.com\/forge\">UXPin Forge<\/a> to generate fully interactive prototypes from text prompts, with AI output constrained to your actual design system components. Forge handles the initial 80% of layout and composition work, while professional design tools handle the final 20% of refinement.<\/p>\n<h3>Use an Existing System as a Starting Point<\/h3>\n<p>You don&#8217;t have to build from scratch. UXPin supports several popular component libraries out of the box:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.uxpin.com\/merge\/mui-library\">MUI (Material UI) library<\/a><\/li>\n<li><a href=\"https:\/\/www.uxpin.com\/examples\/shadcn-ui-library\">shadcn\/ui library<\/a><\/li>\n<li><a href=\"https:\/\/www.uxpin.com\/bootstrap-ui-kit\">Bootstrap UI kit<\/a><\/li>\n<li><a href=\"https:\/\/www.uxpin.com\/studio\/blog\/integrate-with-ant-design-npm\/\">Ant Design integration<\/a><\/li>\n<\/ul>\n<p>Any of these can serve as a foundation that you customize with your brand&#8217;s tokens, patterns, and guidelines.<\/p>\n<h2>Design System Challenges and How to Solve Them<\/h2>\n<p>Even well-intentioned design systems face common challenges:<\/p>\n<ul>\n<li><strong>Adoption resistance<\/strong> \u2014 Teams won&#8217;t use a system they don&#8217;t trust. Publish a changelog, maintain backward compatibility, and involve consuming teams in roadmap decisions.<\/li>\n<li><strong>Design-code drift<\/strong> \u2014 When design tools and code diverge, teams lose confidence. Code-backed design tools like <a href=\"https:\/\/www.uxpin.com\/merge\">UXPin Merge<\/a> solve this by keeping both environments on the same component source.<\/li>\n<li><strong>Scaling governance<\/strong> \u2014 As more teams contribute, decision-making slows down. Define clear roles (system team vs. consumers), establish review SLAs, and publish contribution criteria upfront.<\/li>\n<li><strong>Documentation fatigue<\/strong> \u2014 Documentation that&#8217;s never updated is worse than no documentation. Automate where possible (auto-generate prop tables from code) and keep guidelines focused on decisions, not descriptions.<\/li>\n<\/ul>\n<h2>Frequently Asked Questions<\/h2>\n<h3>What is a design system?<\/h3>\n<p>A design system is a collection of reusable components, design tokens, guidelines, documentation, and code that teams use to build consistent, on-brand user interfaces at scale. It serves as a single source of truth for both designers and developers.<\/p>\n<h3>What is the difference between a design system, a pattern library, and a style guide?<\/h3>\n<p>A design system is the full stack \u2014 principles, tokens, components, code, accessibility rules, and governance. A pattern library is a subset containing reusable UI patterns and usage guidance. A style guide covers brand and visual language (color, type, tone) but doesn&#8217;t include components or code.<\/p>\n<h3>What are the best design system examples in 2026?<\/h3>\n<p>Top examples include Google Material Design 3, Shopify Polaris, IBM Carbon, Apple Human Interface Guidelines, Atlassian Design System, Salesforce Lightning, Microsoft Fluent 2, Ant Design, Porsche Design System, Uber Base, GitLab Pajamas, Adobe Spectrum, and Goldman Sachs GS Design System.<\/p>\n<h3>How do I evaluate a design system?<\/h3>\n<p>Evaluate across eight dimensions: component coverage, documentation clarity, accessibility support, code delivery and framework support, theming and design tokens, governance model, contribution process, and evidence of adoption in shipped products.<\/p>\n<h3>How do I start building a design system?<\/h3>\n<p>Start with an audit of your existing UI to identify recurring components and inconsistencies. Define design tokens (color, spacing, type scales), build a small set of core components, document usage guidelines, and establish a governance process. Tools like <a href=\"https:\/\/www.uxpin.com\/merge\">UXPin Merge<\/a> let you bring coded components directly into the design environment so your system stays in sync with production.<\/p>\n<h3>Can I use an existing design system instead of building my own?<\/h3>\n<p>Yes. Open-source systems like Material Design, Ant Design, and shadcn\/ui provide production-ready components you can adopt or customize. Many teams start with an existing system and extend it with custom tokens and patterns to match their brand. UXPin supports libraries like <a href=\"https:\/\/www.uxpin.com\/merge\/mui-library\">MUI<\/a>, <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/integrate-with-ant-design-npm\/\">Ant Design<\/a>, and <a href=\"https:\/\/www.uxpin.com\/examples\/shadcn-ui-library\">shadcn\/ui<\/a> out of the box through Merge.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Explore 13 real-world design system examples from Google, Shopify, IBM, and more. Learn what makes each system effective and how to apply those patterns to your own product.<\/p>\n","protected":false},"author":231,"featured_media":30874,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,199],"tags":[],"class_list":["post-30873","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-design-systems"],"yoast_title":"Design System: 13 Real-World Examples (2025) | UXPin","yoast_metadesc":"Discover what a design system is and explore 13 real-world examples from Google, Apple, IBM, Shopify, and Atlassian. Learn components and best practices.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.7 (Yoast SEO v27.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Design System: 13 Real-World Examples (2025) | UXPin<\/title>\n<meta name=\"description\" content=\"Discover what a design system is and explore 13 real-world examples from Google, Apple, IBM, Shopify, and Atlassian. Learn components and best practices.\" \/>\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.uxpin.com\/studio\/blog\/best-design-system-examples\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"13 Best Design System Examples to Learn From in 2026\" \/>\n<meta property=\"og:description\" content=\"Discover what a design system is and explore 13 real-world examples from Google, Apple, IBM, Shopify, and Atlassian. Learn components and best practices.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/best-design-system-examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2026-05-13T10:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-13T10:53:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/07\/Top-8-DS.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Andrew Martin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@andrewSaaS\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Andrew Martin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"23 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/best-design-system-examples\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/best-design-system-examples\\\/\"},\"author\":{\"name\":\"Andrew Martin\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/ac635ff03bf09bee5701f6f38ce9b16b\"},\"headline\":\"13 Best Design System Examples to Learn From in 2026\",\"datePublished\":\"2026-05-13T10:00:00+00:00\",\"dateModified\":\"2026-05-13T10:53:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/best-design-system-examples\\\/\"},\"wordCount\":3119,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/best-design-system-examples\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/Top-8-DS.png\",\"articleSection\":[\"Blog\",\"Design Systems\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/best-design-system-examples\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/best-design-system-examples\\\/\",\"name\":\"Design System: 13 Real-World Examples (2025) | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/best-design-system-examples\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/best-design-system-examples\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/Top-8-DS.png\",\"datePublished\":\"2026-05-13T10:00:00+00:00\",\"dateModified\":\"2026-05-13T10:53:00+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/ac635ff03bf09bee5701f6f38ce9b16b\"},\"description\":\"Discover what a design system is and explore 13 real-world examples from Google, Apple, IBM, Shopify, and Atlassian. Learn components and best practices.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/best-design-system-examples\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/best-design-system-examples\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/best-design-system-examples\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/Top-8-DS.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/Top-8-DS.png\",\"width\":1200,\"height\":600,\"caption\":\"Top 8 DS\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/best-design-system-examples\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"13 Best Design System Examples to Learn From in 2026\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/ac635ff03bf09bee5701f6f38ce9b16b\",\"name\":\"Andrew Martin\",\"description\":\"Andrew is the CEO of UXPin, leading its product vision for design-to-code workflows used by product and engineering teams worldwide. He writes about responsive design, design systems, and prototyping with real components to help teams ship consistent, performant interfaces faster.\",\"sameAs\":[\"https:\\\/\\\/x.com\\\/andrewSaaS\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/andrewuxpin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Design System: 13 Real-World Examples (2025) | UXPin","description":"Discover what a design system is and explore 13 real-world examples from Google, Apple, IBM, Shopify, and Atlassian. Learn components and best practices.","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.uxpin.com\/studio\/blog\/best-design-system-examples\/","og_locale":"en_US","og_type":"article","og_title":"13 Best Design System Examples to Learn From in 2026","og_description":"Discover what a design system is and explore 13 real-world examples from Google, Apple, IBM, Shopify, and Atlassian. Learn components and best practices.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/best-design-system-examples\/","og_site_name":"Studio by UXPin","article_published_time":"2026-05-13T10:00:00+00:00","article_modified_time":"2026-05-13T10:53:00+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/07\/Top-8-DS.png","type":"image\/png"}],"author":"Andrew Martin","twitter_card":"summary_large_image","twitter_creator":"@andrewSaaS","twitter_misc":{"Written by":"Andrew Martin","Est. reading time":"23 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/best-design-system-examples\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/best-design-system-examples\/"},"author":{"name":"Andrew Martin","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/ac635ff03bf09bee5701f6f38ce9b16b"},"headline":"13 Best Design System Examples to Learn From in 2026","datePublished":"2026-05-13T10:00:00+00:00","dateModified":"2026-05-13T10:53:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/best-design-system-examples\/"},"wordCount":3119,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/best-design-system-examples\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/07\/Top-8-DS.png","articleSection":["Blog","Design Systems"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/best-design-system-examples\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/best-design-system-examples\/","name":"Design System: 13 Real-World Examples (2025) | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/best-design-system-examples\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/best-design-system-examples\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/07\/Top-8-DS.png","datePublished":"2026-05-13T10:00:00+00:00","dateModified":"2026-05-13T10:53:00+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/ac635ff03bf09bee5701f6f38ce9b16b"},"description":"Discover what a design system is and explore 13 real-world examples from Google, Apple, IBM, Shopify, and Atlassian. Learn components and best practices.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/best-design-system-examples\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/best-design-system-examples\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/best-design-system-examples\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/07\/Top-8-DS.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2021\/07\/Top-8-DS.png","width":1200,"height":600,"caption":"Top 8 DS"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/best-design-system-examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"13 Best Design System Examples to Learn From in 2026"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/ac635ff03bf09bee5701f6f38ce9b16b","name":"Andrew Martin","description":"Andrew is the CEO of UXPin, leading its product vision for design-to-code workflows used by product and engineering teams worldwide. He writes about responsive design, design systems, and prototyping with real components to help teams ship consistent, performant interfaces faster.","sameAs":["https:\/\/x.com\/andrewSaaS"],"url":"https:\/\/www.uxpin.com\/studio\/author\/andrewuxpin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/30873","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/231"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=30873"}],"version-history":[{"count":9,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/30873\/revisions"}],"predecessor-version":[{"id":59921,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/30873\/revisions\/59921"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/30874"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=30873"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=30873"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=30873"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}