FINCH / DRAWING STUDIES02 — SHADOW

影が、図の印象をどう変えるか。

形状・余白をコンポーネント別に確認 →

Default・Prism・Midnightと、カスタム作例のBusiness・Precision・Editorialを同じ内容で比較します。各テーマのスイッチは独立しているため、影だけを加えたり外したりして輪郭・余白・配色との相性を確認できます。

全テーマ

01 / CURRENT

Default

現在の汎用スタイル。淡い輪郭と、ごく薄いニュートラルな影。

02 / BUSINESS

Business

白い面と青い輪郭。影ありでは、輪郭を支える小さな影と青みのある柔らかな影を重ねます。

03 / TECHNICAL

Precision

直線的な輪郭と青灰色。影ありでは小さく硬い影を使用。

04 / EDITORIAL

Editorial

温かい紙色と深緑。影ありでは緑をわずかに含む柔らかな影。

現在の図のソースを見る

影の値は検討用です。影なしではノードのfilter属性を無効化し、影ありではテーマごとの色・距離・ぼかしを画面上のpx値で適用しています。