{"type":"rich","version":"1.0","provider_name":"Transistor","provider_url":"https://transistor.fm","author_name":"Programming Tech Brief By HackerNoon","title":"A Design System Architecture: What You Need to Know","html":"<iframe width=\"100%\" height=\"180\" frameborder=\"no\" scrolling=\"no\" seamless src=\"https://share.transistor.fm/e/c9dd11c4\"></iframe>","width":"100%","height":180,"duration":595,"description":"\n        This story was originally published on HackerNoon at: https://hackernoon.com/a-design-system-architecture-what-you-need-to-know.\nHow a design system can serves as a cohesive language bridging the gap between design and front-end development.\nCheck more stories related to programming at: https://hackernoon.com/c/programming.\n            You can also check exclusive content about #front-end-development, #design-systems, #system-architecture, #ui-design, #frontend, #the-core-principle, #semantics-of-variables, #design-layout-guide,  and more.\nThis story was written by: @redink. Learn more about this writer by checking @redink's about page,\n            and for more stories, please visit hackernoon.com.\nTheme level provides structure and look and feel.\n\nThe content level includes fundamental elements.\n\nThe Pattern Level introduces complex elements and their modifications.\n\nThe layout incorporates various elements into the space, offering flexibility and adaptability.","thumbnail_url":"https://img.transistorcdn.com/KhCapPSRkLGL2Xw8888yuChkNRWthaKapLYTvNdu4W4/rs:fill:0:0:1/w:400/h:400/q:60/mb:500000/aHR0cHM6Ly9pbWct/dXBsb2FkLXByb2R1/Y3Rpb24udHJhbnNp/c3Rvci5mbS9zaG93/LzQxMTY2LzE2ODM1/ODIzMzAtYXJ0d29y/ay5qcGc.webp","thumbnail_width":300,"thumbnail_height":300}