The prefers-reduced-motion CSS media feature is used to detect if a user has enabled a setting on their device to minimize the amount of non-essential motion. The setting is used to convey to the browser on the device that the user prefers an interface that removes, reduces, or replaces motion-based animations.| MDN Web Docs
In this module find out how to size elements using CSS, working with the flexible medium of the web.| web.dev
Tokens not only have a name and a value, they carry on a lot more data, which when given proper meaning is a knowledgeable resource.| Thomas Gossmann
Naming design tokens can sometimes be considered its own discipline. Naming is surprisingly straight forward, and if it isn't then it solves the wrong problem.| Thomas Gossmann
Ever worked with a set of design tokens that are super inconsistent and hardly distinguishable? Perhaps a wrong scale? This article explains the available scales, their problems and what to use them for.| Thomas Gossmann
Tokens contain a lot of information and even more the relationship between tokens. Making sense of this information is the hidden knowledge living within tokens. Unlocking this knowledge is the next evolution step for design tokens.| Thomas Gossmann
Theming in Design Systems is a de-facto standard way to exchange the look-and-feel of your product. There is a high divergence of what is a theme? What does it consist of? Which constraints exists when building a theme? When and what to use a theme for?| Thomas Gossmann
Design tokens become scalable when they are replicable. A token specification is a formula for achieving design tokens scalability and tools interoperability.| Thomas Gossmann
Features encode user preferences, inherit behavior(s) and are communicated by several principals through agents. Design tokens may or may not support features.| Thomas Gossmann
