FULL-BLEED HERO,
CENTERED SERIF.
全画面の没入型ビジュアルを背景に、中央寄せのセリフ大見出しと単一CTAを配置したファーストビュー。視線を中心へ一点集約させる構成です。
主要導線ボタン
SCROLL
全画面の没入型ビジュアルを背景に、中央寄せのセリフ大見出しと単一CTAを配置したファーストビュー。視線を中心へ一点集約させる構成です。
主要導線ボタン
画面を等幅で左右に分け、片側にビジュアル、片側にテキストブロックを配置したスプリットレイアウトです。たっぷりの余白とアイブロウ・見出し・本文の三段組みで、読み手の視線を自然に誘導します。要素を絞ることで、一つひとつの情報に重みを持たせています。
連番・アイコン・見出し・説明を一枚のカードに収め、ゴールドの枠線で囲んだ構成。順序性のある内容に最適です。
カード間を矢印で結び、左から右への流れを視覚化。ダーク背景にカードを浮かせ、奥行きを演出しています。
明るいセクション群の間に暗色帯を挟み、リズムとコントラストを生む構成。視線の休息点としても機能します。
はい。各項目は質問行とプラス／マイナス記号で構成され、タップすると回答領域がスライド展開します。縦に項目を積むことで、長文を折りたたみ画面を簡潔に保つレイアウトです。
できます。重要な項目はあらかじめ展開しておき、記号をマイナスに切り替えて開いている状態を示します。アクティブな項目はゴールドの枠線と淡い影で強調し、他と区別する設計です。
プラスは閉、マイナスは開を表し、回転アニメーションで状態の変化を視覚化します。細い罫線と十分な行間で、情報の密度を抑えた落ち着いた印象に仕上げています。