AIに伝わるUI語彙、全103個。名前を知るだけで、指示精度が劇的に変わる。
11件のコンポーネント
ページ最上部。ロゴ・ナビ・CTAを置く場所
ヘッダーが無いサイトは存在しない。これは空気みたいなもの。
ファーストビュー。サイトを開いて最初に目に入る大きなエリア
ヒーローの完成度 = サイト全体の第一印象。ここで8割決まる。
ページ最下部。リンク集・会社情報・SNSリンクを置く場所
フッターがしっかりしてると『ちゃんとした会社だな』って安心感が出る。
背景色やpaddingで区切られたコンテンツブロック
セクションの区切りがない1枚ペラLPはアマチュア感が出る。
画面上部または下部に常に固定表示されるバナー
告知やCTAを常に見せたい時に有効。ただし邪魔にならないデザインが腕の見せ所。
ユーザーレビュー・推薦文の表示セクション
社会的証明の王道。これがあるLPと無いLPでは説得力が天と地の差。
料金プランを並べて比較できるカード
SaaSのLPには必須。比較しやすい料金テーブルは購入意欲に直結する。
『今すぐ始めよう』的な、行動を促すセクション
LP下部にこれが無いとコンバージョンを取りこぼす。必ず最後に置くべき。
サイトのロゴ画像またはテキストロゴ
ロゴの配置とサイズ感で全体の印象が決まる。大きすぎるとダサい。
© 2026 VibeDex. All rights reserved. の表記
法的に必要だし、あると『ちゃんとしてる』感が出る。無いと素人っぽい。
フッター内のリンクグループ列
リンクが整理されてるフッター = サイト全体の情報設計がしっかりしてる証拠。