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