Step 6：デザインの仕上げ

LP の全セクションが揃ったら、全体のデザインを統一して仕上げましょう。

デザイン統一の指示

カラーパレットの統一

ページ全体のカラーパレットを以下に統一してください。

- メインカラー：#2D5016（深緑・和風）
- サブカラー：#8B6914（金茶）
- 背景色：#FAFAF5（生成り色）
- テキスト：#333333
- 白：#FFFFFF

和風で落ち着いた高級感のあるイメージに統一して。

カラーは好みに合わせて変更してOKです。「もっと明るくして」「青系にして」など、気軽に AI に伝えましょう。

フォントの統一

フォントを以下に統一してください。

- 見出し：Noto Serif JP（明朝体・上品な印象）
- 本文：Noto Sans JP（ゴシック体・読みやすい）
- Google Fonts から読み込んで。

レスポンシブ対応（スマホ対応）

PC だけでなくスマホでも見やすいか確認しましょう。

確認方法

Chrome の開発者ツールでスマホ表示を確認できます：

ページ上で右クリック →「検証」
左上のスマホアイコンをクリック
上部のプルダウンで「iPhone 14 Pro」などを選択

修正指示の例

スマホ表示で以下を修正してください。

- お部屋紹介のカードを縦1列に並べて
- ヒーローのキャッチコピーのフォントサイズを小さくして
- テーブルが横スクロールになるようにして
- 余白を少し狭くして

自分の施設情報に差し替え

ダミーデータを実際の情報に差し替えましょう。

差し替え指示の例

以下の情報に差し替えてください。

施設名：（あなたの施設名）
キャッチコピー：（あなたのキャッチコピー）
住所：（あなたの住所）
電話番号：（あなたの電話番号）

画像の差し替え

自分の施設の写真がある場合：

public/images/ フォルダに画像を配置して、ヒーロー画像を hero.jpg に差し替えて。

画像がない場合はダミー画像のままでも OK です。

メタ情報の設定

SNS でシェアされたときの見え方を設定します。

指示例

ページのメタ情報を以下に設定してください。

- タイトル：湯宿 やまざくら | 四季折々の自然に抱かれる至福のひととき
- 説明文：静岡県熱海市の温泉旅館「湯宿 やまざくら」。源泉かけ流しの温泉と旬の会席料理でおもてなし。
- OGP画像：ヒーロー画像と同じものを設定
- ファビコン：シンプルな桜のアイコンを設定

最終確認チェックリスト

PC 表示で全セクションが正しく表示されるか
スマホ表示でレイアウトが崩れていないか
色・フォントに統一感があるか
文字の誤字脱字がないか
ボタンのリンク先は正しいか
画像が正しく表示されているか
ページの読み込みが重くないか

デザインの仕上げが完了したら、いよいよデプロイ（公開）です！