「こんな雰囲気で」を探す、デザインの参考サイト集

AIにホームページや画像を頼むとき、いちばん伝わるのは「この雰囲気で」と見本を見せることです。 見本を探せるサイトを1つずつ開いて中身と料金を確かめ、使えるものだけを並べました。

見本はこう使う

  1. 気に入った画面を見つけたら、スクリーンショットを撮る
  2. AI(ChatGPT・Claude・Gemini など)に画像を渡して、「この雰囲気で、うちのお店のページを作って」と頼む
  3. 色・文字の大きさ・写真の置き方など、どこが気に入ったかを一言そえると、さらに近づく

見本の画面の著作権は、それぞれのサイトにあります。雰囲気の参考にとどめ、そっくりそのまま写したり、画像を自分の資料に転載したりはしないでください。

日本のホームページ・LPの見本

日本語のサイトだけを集めた見本集です。業種や色で探せるので、まずはここから。

色の参考

AIに色を伝えるときは「#1a5f8c」のような色の番号で頼むと、ずれません。

無料の写真・イラスト

商用でも使える無料素材です。条件はサイトごとに違うので、使う前に利用規約を読んでください。

海外のWebページの見本(英語)

ホームページやLP(1枚ものの案内ページ)を作るとき、「こんな雰囲気で」を探す場所です。

ページの一部分だけの見本(英語)

ページ全体ではなく、悩みやすい部分だけを集めた見本です。

動きの見本(英語)

動きの名前は モーション演出ギャラリー にまとめています。こちらは実物の動きを眺める場所です。

背景の素材(英語)

グラデーションや背景の画像です。使う前に、それぞれの利用条件(ライセンス)を確かめてください。

AIでサイトを作るサービス(英語)

見本集ではなく、AIに頼んでサイトを作るサービスの一例です。

海外のサイトは英語です。料金・名前・中身は 2026年10月21日 に確かめたときのもので、変わることがあります。