![]() ![]() The Design System limits itself to seven measure tokens, the values of which are given in the following table: tokenĪnything built using the Design System will use one of these seven measure tokens when specifying measure. Take the following figure for instance: In the spectrum of hues between white and black, we provide a curated selection of five:įor example, measure (or line length) expressed with the max-width CSS property can accept any value in units like em, rem, ch, ex, and px to at least two decimal places. Or like the presets on a car radio - not every option, just a specific selection. Our System design tokens are a limited set of discrete options, just like a scale of musical notes is drawn from the spectrum of all possible frequencies. The Design System seeks to maximize design efficiency and improve communication with design tokens: the discrete palettes of values from which we base all our visual design. This degree of choice can slow down design work and make communication between designer and developer unnecessarily granular. Font size, line height, spacing, and others can accept a similarly wide range of values. The CSS rules associated with these elements can accept a broad continuum of values - in the case of color, there are over 16 million separate colors in the RGB color space. Introducing design tokensĪnything we see on a website is built from elements of style: color, spacing, typography, line height, and opacity. The Design System’s visual design is based on consistent palettes of typography, spacing units, color, and other discrete elements of style we call design tokens. Sample contract language for 21st Century IDEA ![]()
0 Comments
Leave a Reply. |