HERO SECTION
中央配置のキャッチコピー×フルスクリーン背景。
紫の発光パーティクルが浮遊する背景を全画面に敷き、中央にタイトルとリード文を配置したヒーロー領域の解説です。マウス操作に反応する背景演出を想定しています。
紫の発光パーティクルが浮遊する背景を全画面に敷き、中央にタイトルとリード文を配置したヒーロー領域の解説です。マウス操作に反応する背景演出を想定しています。
左に見出しと説明文、右に3Dモジュールを模したビジュアルカードを配置したスプリットスクリーンの解説です。スクロールに応じて左右が異なる速度で動くパララックス効果を添えています。
立体的なコアモジュールを示すビジュアルカードの解説です。ホバー時に外枠がわずかに発光します。
上部にアイコン、中央にタイトルと説明文を配置した縦積みカードの解説です。
スクロールに応じて時間差で1枚ずつ滑り込むスタッガーアニメーションの解説です。
ホバー時に背景色と枠線が発光色へ変化するマイクロインタラクションの解説です。
円形アイコンを横一列の発光ラインで接続したタイムラインの解説です。
中間ステップを挟むことで工程の順序を明快に示します。
3分割の均等配置で一連の流れとして読ませる構成です。
マイナスアイコンで展開中であることを示し、見出しの下に本文を表示する開閉式レイアウトの解説です。区切り線のみでカードの枠を持たないシンプルな構成です。
プラスアイコンで折りたたみ中であることを示すクローズ状態の解説です。クリックでアイコンが切り替わり、本文が展開します。