They canīe transformed and formatted to meet the needs of any platform. In other words, you can send JSON values to web and iOS, XML to Android, etc. With this new data layer in the form of design tokens, product stakeholders, namelyĭesign and development, can work together and collaborate over a single source of truth.ĭesign tokens can be created so that they can be parsed according to Salesforce realized that if you establish a new data layer on top of your visual language elementsĪnd manage them from a single source of truth, you could use a system to scale to all platforms consistently. a dark theme), theĬolor might no longer be purple but still has a token name of purple - rendering the namingĬonvention ineffective and susceptible to confusion. If we were to set up the token to change color when given a different theme (eg. In other words, we have not assigned a token the name of purple simply because its initial ![]() ![]() System where each token is an entity that can be overridden if required, while still maintaining its You will notice that token names for these color properties are not intrinsically linked to theĬolor itself but rather the purpose it serves within the branding. The third type of token indicates a specific state: hover, active, etc. In theīase-theme component, the backgroundColor is white ( #FFFFFF), and the onBackgroundColor is black This signifies that the color will be used on top of the first color. The first one is the color that is used as the background. You'll notice that there are roughly three kinds of tokens: ![]() It is the glossary for our design tokens.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |