Irodori彩り

Polaris

12 个色系 × 16 个色阶

共 192 种颜色

简介 Polaris

Polaris 是 Shopify 的设计系统,提供语义化颜色 token(如 --p-color-brand-*),覆盖表面、文字与边框等角色,并带有完整的明暗色阶。

如何使用

使用 Polaris token 而非原始 hex 值,以保持商城类界面的一致性。token 色阶跨 1 到 16,可实现精细的强调程度控制。

官方文档

Azure

色阶

Blue

色阶

Teal

色阶

Green

色阶

Lime

色阶

Yellow

色阶

Orange

色阶

Red

色阶

Magenta

色阶

Purple

色阶

Rose

色阶

Gray

色阶

数据来源: Shopify Polaris · polaris-tokens 9.4.2