アイソメトリック

Isometric 3D

斜め上から見下ろしたような立体の図形やイラストで、仕組みをわかりやすく見せるデザイン。

見た目の特徴

• 斜め上から見た立体
• 奥行きがあっても遠近感はない
• 箱やブロックを積んだ図
• はっきりした色分け

色の組み合わせ （押すと色のコードをコピー）

合うフォントの例

InterNoto Sans JP

どこで使われている？

よく見かける場所

IT企業のサービス紹介、図解・インフォグラフィック

使うとよい場面

複雑な仕組みを、わかりやすく立体で見せたいとき

避けたい場面

写真が主役のページ

向いているもの

サービスの仕組みの図解、IT企業の紹介

似ている雰囲気と見比べる

AIへの指示文

Webサイト を作るときの指示文です。作るものは右上の「何を作る？」で変えられます。

Webサイトを「アイソメトリック（Isometric 3D）」のデザインで作ってください。

見た目：斜め上から見下ろした等角（アイソメトリック）の立体イラストで、箱やブロックを並べて仕組みを図解する。遠近感は付けず、面ごとに色の明るさを変える。

特徴：斜め上から見た立体／奥行きがあっても遠近感はない／箱やブロックを積んだ図／はっきりした色分け

色：上の面 #6C8CFF、右の面 #4A63D9、左の面 #3247A8、背景 #EEF2FF、差し色 #FFB547
フォントの例：Inter、Noto Sans JP