Hero Section
画面いっぱいに広がる
ヒーロー領域
中央に大きな見出しとシンボルを置き、背景の全画面ビジュアルで世界観を伝える構図です。
Scroll
中央に大きな見出しとシンボルを置き、背景の全画面ビジュアルで世界観を伝える構図です。
左側に見出しと本文、右側に大きなビジュアルを配置した2カラムのレイアウトです。上下を反転させた画像を使い、テーマである「視点の反転」を視覚的に表現しています。広めの余白と抑えたトーンで、静かな印象にまとめています。
各行はアイコン・連番・小見出し・説明文で構成し、金色の細い罫線で区切っています。
アイコンを左端に固定し、テキストをグリッドで揃えて縦のリズムを整えています。
ホバー時に背景がわずかに明るくなり、操作対象が分かるインタラクションです。
円形のアイコンを縦線でつなぎ、手順を上から順に並べた時系列レイアウトです。
各ステップに連番と見出しを添え、右側に説明文を置いて視線を横へ導きます。
スクロールに合わせて要素が順に現れる、読み進めやすい構成を想定しています。
数値を大きく見せ、下に折れ線のミニグラフを添える強調レイアウト。
3つの指標を横並びで均等に配置し、棒グラフで量感を示します。
各数値に折れ線・棒・円のミニグラフを添えて視覚的に補足します。
