design-tokens

Vocabulary Word

Definition

Think of 'design tokens' as the building blocks of a digital design system. They are variables, like colors, fonts, shadows etc., which represent a brand's design specifications.

Examples in Different Contexts

In UI/UX design, 'design-tokens' are named entities that store visual design attributes, such as colors, font sizes, and spacing. A UI designer might say, 'Using design-tokens ensures consistency across our digital products, making it easier to apply changes globally.'

Practice Scenarios

Design

Scenario:

During brand refinement, we need to make sure our design remains consistent across all materials. Even minor deviations can impact our brand identity.

Response:

Agreed, we should utilize our design tokens to maintain design consistency across all branded materials.

Tech

Scenario:

To improve the mobile experience, we need to adjust our interface elements. Things like font size and button shapes are becoming key factors.

Response:

You're right, we should tweak the design tokens to optimize the mobile experience.