デザイン言語
B3 長影
光は左上から。影は右下へ。
光
方向は、ひとつ。
同じ画面の影は、すべて右下 35° に落ちます。
光を動かしてみてください。離すと 35° に戻ります。
長さ
影は、長く。
メインビジュアルでは物の高さの 2.5 倍以上。画面の外まで。
面
ぼかさない。
影は一色のベタ。輪郭がそのまま形になります。
ぼかした影
B3 の影
動き
影は 320 ミリ秒で伸びる。
物はフェードイン、影は下から伸びます。
320ms · cubic-bezier(.3, .7, .2, 1)