Style · 設計図
設計図なWebデザインのAIプロンプト集
建築設計図やCAD図面、方眼紙の技術ドキュメントを引用したAIプロンプト集。寸法線・断面記号・テクニカルレタリングで「精密に作られた」感を演出する。
ブループリントについて
ブループリントスタイルは、建築設計図・機械図面・CAD出力をWebに持ち込んだ技術系ビジュアル言語。シアンブルー(#0a4d8c〜#1a5fb4)の方眼背景、白抜きの線画、寸法線(dimension line)、断面記号、コールアウト(引出線+番号付き注釈)、技術的なモノスペース書体(IBM Plex Mono / Space Mono)が特徴。エンジニアリング系プロダクト、建築・設計事務所、製造業、技術ドキュメントとの相性が抜群です。
よく使われる場面
- 建築・設計事務所のポートフォリオ
- エンジニアリング系SaaSのLP
- 製造業・工業デザインの会社サイト
- 技術ドキュメント・仕様書の表紙
- DIY・メイカー系プロダクト
成功のポイント
- 背景は方眼グリッド(CSS background で線描)
- ベース色はシアンブルー、線は白〜薄い水色
- 寸法線(両端矢印 + 数値ラベル)を装飾に活用
- コールアウトの引き出し線で各要素を解説
- モノスペースフォントを徹底