Elevation

Spice Factory Design System

階層表現の方針を定めるページ。SF ロゴの misuse 規定「陰影をつけない」と一貫させ、UI でも shadow ではなく surface(背景色階調)で階層を表す。shadow は浮遊要素(ドロップダウン・トースト・ポップオーバー)のみに最小限。面はフラットに、必要な箇所だけ薄く影を落とすことで、ブランドのトーンと UI の整合をとる。

階層表現は shadow ではなく surface(背景色階調) で行う方針。shadow は浮遊要素(ドロップダウン・トースト・ポップオーバー)のみに最小限。ロゴ misuse 規定「陰影をつけない」と一貫したブランド方針。

Shadow tokens

TokenValuePreview用途
shadow.nonenone
デフォルト(すべての面)
shadow.sm0 1px 2px rgba(0,0,0,0.04)
フローティング限定