Style · 設計図

設計図なWebデザインのAIプロンプト集

建築設計図やCAD図面、方眼紙の技術ドキュメントを引用したAIプロンプト集。寸法線・断面記号・テクニカルレタリングで「精密に作られた」感を演出する。

Designs001 Styleブループリント Keyword設計図

ブループリントについて

ブループリントスタイルは、建築設計図・機械図面・CAD出力をWebに持ち込んだ技術系ビジュアル言語。シアンブルー(#0a4d8c〜#1a5fb4)の方眼背景、白抜きの線画、寸法線(dimension line)、断面記号、コールアウト(引出線+番号付き注釈)、技術的なモノスペース書体(IBM Plex Mono / Space Mono)が特徴。エンジニアリング系プロダクト、建築・設計事務所、製造業、技術ドキュメントとの相性が抜群です。

よく使われる場面

  • 建築・設計事務所のポートフォリオ
  • エンジニアリング系SaaSのLP
  • 製造業・工業デザインの会社サイト
  • 技術ドキュメント・仕様書の表紙
  • DIY・メイカー系プロダクト

成功のポイント

  • 背景は方眼グリッド(CSS background で線描)
  • ベース色はシアンブルー、線は白〜薄い水色
  • 寸法線(両端矢印 + 数値ラベル)を装飾に活用
  • コールアウトの引き出し線で各要素を解説
  • モノスペースフォントを徹底

このスタイルのデザイン

他のスタイル