✦
CINEMATIC
HERO CANVAS
画面いっぱいの背景ビジュアルに、中央揃えの大型見出しを重ねたファーストビュー
上下に大きく余白を取り、視線を中心へ集約させる構成。ゴールドのグラデーション見出しとセリフ体で重厚感を演出しています。
SCROLL
画面いっぱいの背景ビジュアルに、中央揃えの大型見出しを重ねたファーストビュー
上下に大きく余白を取り、視線を中心へ集約させる構成。ゴールドのグラデーション見出しとセリフ体で重厚感を演出しています。
左カラムに見出しと本文、右カラムに大判の画像を配置。行間と余白を広く取ることで、静かで重厚な印象を生み出します。
背景には巨大なウォーターマーク文字を薄く敷き、奥行きと世界観を補強するレイヤー設計です。
左に見出しとリード文、右に3枚のカードを縦積みにしたレイアウト。カードはアイコン・見出し・説明・矢印で構成されます。
円形アイコンを矢印で連結し、工程を視覚化するステップ表現。
各ステップは見出しと短い説明文で構成する簡潔なブロック。
左から右への横並びで、順序と流れを直感的に伝えます。
各項目はプラスとマイナスのアイコンで開閉状態を示します。閉じているときはコンパクトに、開くと本文がなめらかに展開されます。
選択中の項目は枠線の色が変化して発光し、状態が一目で分かります。区切り線で質問と回答を明確に分離し、可読性を高めるレイアウトです。
項目ごとに余白と角丸の枠線を設け、リスト全体に落ち着いたリズムを与えています。ホバーで境界線がわずかに反応します。
読みやすさを優先し、コンテンツ幅を制限して中央に配置。長文でも視線が横に流れすぎないよう配慮した設計です。