介绍一下Salesforce的颜色系统

At Dreamforce in 2017, Salesforce introduced personalized theming and branding into our product. Customers could add their logo and brand colors to customize their Salesforce organization’s user interfaces. We faced an incredibly tough challenge in developing this feature — how can we express any brand through our product, predictably, automatically, and in a way that would scale beyond Salesforce?

在2017年的Dreamforce上，Salesforce在我们的产品中引入了个性化的主题设计和品牌建设。客户可以添加他们的标志和品牌颜色来定制他们的Salesforce组织的用户界面。在开发这一功能时，我们面临着一个令人难以置信的挑战--我们如何通过我们的产品，可预测地、自动地、以一种超越Salesforce的方式来表达任何品牌？

We knew not all customers would have someone on staff with a design eye. We also learned that even if they did, applying holistic color updates to user interfaces can be time-intensive and error-prone, and guaranteeing the color contrast accessibility throughout the entire experience would be tedious. We built a system that automatically handled these challenges and applied the results to the Lightning interface, resulting in themes that were closely tied into any brand.

我们知道并不是所有的客户都会有一个具有设计眼光的员工。我们还了解到，即使他们有，将整体的颜色更新应用到用户界面上也是费时费力且容易出错的，而且保证整个体验中颜色对比的可及性也是很繁琐的。我们建立了一个系统来自动处理这些挑战，并将结果应用到Lightning界面上，从而产生了与任何品牌紧密相连的主题。

We also observed the Salesforce brand evolve faster than we represented in the product. Brand decisions were not tied into our design system as closely as they should have been. With a renewed partnership with our marketing brand team, we revamped and expanded upon the existing customer theming algorithm, through experimentation and iteration, in order to create a genuinely robust color generation system.

我们还观察到Salesforce品牌的发展速度比我们在产品中的表现要快。品牌决策没有与我们的设计系统紧密联系起来，因为它们本应如此。通过与我们的营销品牌团队的重新合作，我们改造并扩展了现有的客户主题算法，通过实验和迭代，以创建一个真正强大的色彩生成系统。

On the left our product experience and on the right Salesforce.com

左边是我们的产品体验，右边是Salesforce.com

Before this color system investment, Salesforce’s design language relied on a limited, hand-curated color set, scoped to specific Salesforce products. In the product, Lightning’s UI includes mostly blue and gray shade...