Style · ミニマル

ミニマルなWebデザインのAIプロンプト集

色・装飾・情報量を意図的に絞り、余白とタイポグラフィで勝負するミニマルWebデザインのAIプロンプト集。

Designs013 Styleミニマル Keywordミニマル

ミニマルについて

Editor's Note

ミニマルデザインは「削ぎ落とすことで主張する」設計思想。色は1-2色、装飾は極限まで減らし、余白とタイポグラフィで空間を支配します。Apple、Muji、Dieter Ramsの系譜。上質さと信頼性の演出に効く一方、情報量が多いサイトでは冷たく見えるリスクもあります。

よく使われる場面

ラグジュアリーブランド
ポートフォリオ・個人サイト
B2Bコーポレートの上品系
建築・インテリア・プロダクト
美容・スキンケア・ヨガ

成功のポイント

色は主色1+中間色1+アクセント1以内に
余白は「広すぎかな」と思うくらいが基準
フォントは1-2ファミリーでweight差で階層化
装飾罫線や影は最小限にとどめる
余白が埋まり始めたら要素を削る

このスタイルのデザイン

13 / ミニマル

星座図・天体図風のサイトナビゲーション

夜空の星座と天体観測カタログを再構築したサイトナビゲーション。各ページを"恒星"、カテゴリを"星座"として配置し、現在地を北極星（Polaris）の脈動で示す、神秘的で詩的な尖った設計。

ナビゲーション

POSレシート風の料金プラン

コンビニや飲食店のサーマルプリントレシートを再構築した料金プラン。破れたエッジ・点線セパレータ・バーコード・赤い「人気」スタンプで「正直で透明な価格」を視覚的に証明する尖った設計。

価格表

建築設計図風の機能紹介

建築・CAD図面のブループリントを再構築した機能紹介セクション。シアンブルーの方眼背景・寸法線・断面記号・コールアウトで「精密に設計された製品」の信頼感を技術的なビジュアルで叩きつける尖った設計。

機能紹介

美術館展覧会ポスター風のヒーロー

国立美術館の特別展ポスターを再構築したヒーローセクション。明朝大型タイトル・赤の差し色・許可印・バーコードまで作り込み、「文化的権威」と「会期限定の希少性」を同時に演出する尖った設計。

ヒーロー

東京メトロ路線図風のサイトナビゲーション

東京メトロ・大江戸線などの路線図グラフィックを再構築したサイトナビゲーション。各カテゴリを"路線"、各ページを"駅"として見立て、駅ナンバリングや路線記号で迷わせない尖った設計。

ナビゲーション

航空券スタイルのイベント告知CTAセクション

航空会社のボーディングパスをそのまま再現したCTAセクション。ゲート番号・搭乗時刻・QRコード・バーコード・ミシン目で「予約完了感」を演出する、旅・イベント・体験型サービスに刺さる尖った設計。

CTA

侘び寂びの墨絵的ポートフォリオ

不完全さを美と捉える日本の侘び寂び美学を Web に持ち込んだポートフォリオ。墨絵のかすれ、紙質感、大胆な余白、明朝の縦書き和文、朱の落款で「静けさ」を作る尖った設計。

ポートフォリオ

親しみのあるイラスト付き空状態（受信箱が空）

受信箱や通知センターが空のときの画面UI。シンプルなイラスト・1 行のコピー・1 つの明確なCTAで、「何もない」状態を「次のアクションへ」変える設計。

空状態

スイス様式のシンプルなお問い合わせフォーム

厳格なグリッドと無装飾サンセリフで構築する、スイス国際タイポグラフィ様式のお問い合わせフォーム。色を排し、罫線・余白・タイポの階層だけで「真剣さ」を伝える設計。

フォーム

グラスモーフィズムのログインモーダル

半透明のすりガラス風パネルを背景に重ねるログインモーダル。SSO 3 種 + メール認証を中心に、視覚的に邪魔しない柔らかい認証フローを構築するための設計。

認証

B2Bコーポレートの機能紹介セクション

B2B SaaSやエンタープライズ製品向けの機能紹介セクション。落ち着いた寒色配色と整然としたグリッド、データ感のあるアイコンで「実用と信頼」を伝える設計。