Elevation
Spice Factory Design System
階層表現の方針を定めるページ。SF ロゴの misuse 規定「陰影をつけない」と一貫させ、UI でも shadow ではなく surface(背景色階調)で階層を表す。shadow は浮遊要素(ドロップダウン・トースト・ポップオーバー)のみに最小限。面はフラットに、必要な箇所だけ薄く影を落とすことで、ブランドのトーンと UI の整合をとる。
階層表現は shadow ではなく surface(背景色階調) で行う方針。shadow は浮遊要素(ドロップダウン・トースト・ポップオーバー)のみに最小限。ロゴ misuse 規定「陰影をつけない」と一貫したブランド方針。
Shadow tokens
| Token | Value | Preview | 用途 |
|---|---|---|---|
| shadow.none | none | デフォルト(すべての面) | |
| shadow.sm | 0 1px 2px rgba(0,0,0,0.04) | フローティング限定 |