2-3 デザインを調整する
無料生成されたLPを対話形式で磨いていきます。
第2章: LP(ランディングページ)を作る15分
色・フォントの調整
Claude Code に修正指示を出して、デザインを調整しましょう。
> ヒーローの背景色をダークブラウン(#3E2723)にして。
> フォントは Google Fonts の Noto Sans JP を使って。
> メニューセクションの背景を薄いベージュにして。セクションの追加・変更
構成の変更も自然言語で依頼できます。
> メニューセクションと特徴セクションの間に
> 「お客様の声」セクションを追加して。
> 3件のダミーレビューを入れて。レスポンシブの微調整
スマホ表示の問題点も修正を依頼しましょう。
> スマホ表示でメニューが横並びだと窮屈なので
> 縦並びにして。
> フッターの文字サイズも少し小さくして。ポイント
「〜が気になる」「〜をもう少し」のような曖昧な表現でもClaude Codeは意図を汲み取ってくれます。ただし、具体的な指示の方が精度は上がります。