Polaris

概要 Polaris

Polaris は Shopify のデザインシステムで、表面・テキスト・ボーダーの役割にまたがる --p-color-brand-* のようなセマンティックなカラートークンを備え、完全なライト・ダークスケールを持ちます。

使い方

生の hex ではなく Polaris のトークンを使ってマーチャンダイジング UI の一貫性を保ちます。トークンスケールは 1〜16 で、きめ細かい強調制御が可能です。