Question 123 - Certified User Experience Designer discussion

The Salesforce Lightning Design System (SLDS) is a set of design guidelines and resources for creating consistent and beautiful user experiences on the Salesforce platform. It provides UI components, icons, fonts, colors, and more that follow the best practices and accessibility standards of Salesforce. One of the features of SLDS is the ability to create custom themes that reflect the brand identity and personality of a company or an app. Custom themes can be implemented using design tokens, which are variables that store the values of the UI elements, such as colors, sizes, spacing, fonts, etc. Design tokens can be overridden or customized to change the appearance of the UI components without modifying the CSS or HTML code. To implement the company colors in all UI components, such as buttons and icons, using a custom theme, the UX designer should use the design tokens prefixed with ''brand'', such as$brand-primary,$brand-secondary,$brand-accessible, etc. These design tokens control the color scheme of the UI components and can be assigned the values of the company colors. For example, to change the color of the primary button to the company's blue color, the UX designer can use the following design token:

$brand-primary: #0070d2;

: User Experience Designer Certification Prep: Module 7: Implement User Interfaces

: Salesforce Lightning Design System: Customization

: Salesforce Lightning Design System: Design Tokens