Webinar: Systems of Systems and Theming with Brad Frost and Chris Bloom

Explore a system of systems approach with Brad Frost and Chris Bloom. Learn how to effectively manage theming and tokens for a versatile and robust user interface. In this webinar, we cover:

• The fundamentals of design tokens and their role as the raw ingredients of a design language for user interfaces.
• An explanation of a three-tiered token architecture to support branding needs, including handling legacy designs and accommodating light and dark modes.
• Strategies for using CSS variables and custom properties to enhance multi-branded design system experiences across various frameworks.
• Insights into the practical challenges and considerations when implementing web components and shadow DOM in real-world projects.
• Effective collaboration and the importance of a global design system to streamline design processes and focus on unique, impactful work.

‍

‍

Links and Resources:‍

• https://www.figma.com/file/TfztDS5nOYVLGChUTbR78B/Design-System-Ecosystem?type=whiteboard&node-id=0-1
• https://bradfrost.com/blog/post/creating-themeable-design-systems/
• https://bradfrost.com/blog/post/the-many-faces-of-themeable-design-systems/
• https://www.commandbar.com/blog/dark-mode-considerations/
• https://bradfrost.com/blog/post/a-global-design-system/
• https://bradfrost.com/blog/post/dark-mode-vs-inverted/
• https://bradfrost.com/blog/post/the-design-system-ecosystem/
• https://bigmedium.com/ideas/design-system-pace-layers-slow-fast.html
• https://bigmedium.com/ideas/boring-design-systems.html

‍

Reach out to us at hello@knapsack.cloud to learn more about the work we are doing with theming and systems of systems.