Style · 寒色系
寒色系なWebデザインのAIプロンプト集
寒色でまとめた知的・落ち着き系のAIプロンプト集。金融・テック・教育に。
クールについて
クールスタイルは寒色（青・シアン・紫）を中心にまとめた知的で落ち着いたデザイン。信頼感・冷静さ・プロフェッショナル感を演出し、金融・テック・教育・医療・法律などの分野で選ばれる配色です。情報量の多いサイトでも疲れにくい。
よく使われる場面
- 金融・保険・フィンテック
- テック・IT・SaaS
- 教育・大学・学術
- 医療・病院・製薬
- 法律・コンサルティング
成功のポイント
- 主色は青/紺から選ぶのが定番
- 彩度は抑えめにして信頼感を
- 差し色に暖色（オレンジ等）を少量
- グレーとの相性で階層化
- 冷たすぎないよう温度感のバランスを
このスタイルのデザイン
スイス様式のシンプルなお問い合わせフォーム
厳格なグリッドと無装飾サンセリフで構築する、スイス国際タイポグラフィ様式のお問い合わせフォーム。色を排し、罫線・余白・タイポの階層だけで「真剣さ」を伝える設計。
グラスモーフィズムのログインモーダル
半透明のすりガラス風パネルを背景に重ねるログインモーダル。SSO 3 種 + メール認証を中心に、視覚的に邪魔しない柔らかい認証フローを構築するための設計。
B2Bコーポレートの機能紹介セクション
B2B SaaSやエンタープライズ製品向けの機能紹介セクション。落ち着いた寒色配色と整然としたグリッド、データ感のあるアイコンで「実用と信頼」を伝える設計。
スイス様式・グリッド厳守の料金プラン
厳格なグリッドと無装飾サンセリフだけで構築する、スイス国際タイポグラフィ様式の料金プラン。装飾を排し、罫線・余白・タイポの階層だけで「比較しやすさ」を最大化する設計。
コーポレート向けの多段フッター
ニュースレター帯、5カラムのリンク群、ステータスバッジ、言語切替、SNSアイコンを整理したコーポレートサイト向けの情報密度高めフッター。信頼感の配色と安定したタイポグラフィで、サイト下部に"事務的すぎない"安心感を置く設計。
すりガラス調の追従ナビゲーション
半透明のすりガラス越しに背景のパステルが透けて見える、カプセル型の追従ナビゲーション。スクロール時もコンテンツの世界観を壊さず、モダンなSaaSやプロダクトサイトの上部に向きます。