厳選・オープン・無料
Fornasettiprofumi
シンプルな幾何学線画と柔らかいパステルを使用し、警報よりも落ち着きを感じさせる、洗練されて近寄りやすい403エラーページです。
CalmCleanFriendlyConsumerPlayful
01
デザイン DNA
遊び心のあるミニマルエラーページ軽快なアクセシブルな
親しみやすいカートゥーンガイド
02
カラー
#226D7AAccent
#000000Ink
#B0E0E9BG
rgba(0,0,0,1.0)Line
暗い線画と単一のハイコントラストなティールアクセントを用いた、柔らかいパステルの背景
03
タイポグラフィ
humanist-sans · transitional-serif
- display
36px · 400 - body
16px · 400
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
中央コンテンツの周囲に十分なパディング
05
サーフェス (角丸 / 影 / 罫線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
1px solid rgb(0, 0, 0)
06
レイアウト
1280container
12columns
24pxgutter
768 / 1024breakpoints
中央揃えの垂直スタック
07
モーションとインタラクション
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing
すべての要素の全トランジションが有効
すべての要素が全プロパティをトランジションします · すべての要素が全プロパティをトランジションします
08
コンポーネント
- hero 装飾要素を備えた、フルスクリーンの中央揃えイラストレーション
09
文体と禁止事項
- トーン 遊び心があり、落ち着いていて、情報を与える
- 見出し エラーコードと名前をシンプルに直接的に記述
- 暗い背景を使用しない — スクリーンショットでは代わりに明るいパステルブルーの背景が示されています。
- 攻撃的な赤をエラー状態に使用しない — スクリーンショットでは代わりに落ち着いたティールのアクセントが示されています。
- 重く暗い影を使用しない — スクリーンショットでは奥行きのないフラットな線画イラストレーションが示されています。
- 複雑で雑然としたレイアウトを使用しない — スクリーンショットではシンプルな中央揃えの垂直スタックが示されています。
- 純粋なサンセリフのタイポグラフィを使用しない — スクリーンショットでは本文にセリフフォントが使用されています。
- 鋭く攻撃的なイメージを使用しない — スクリーンショットでは角が丸みのある遊び心のある幾何学形状が示されています。
- 避ける: 攻撃的または警報を引くような言葉
- 避ける: 複雑な技術用語
- 避ける: 暗く重たいビジュアル要素
11
System Prompt
これは、落ち着いた、遊び心のある、アクセシブルな403エラーページです。柔らかいパステルブルーの背景（#B0E0E9）に、ブラックの線画とティールのアクセント（#226D7A）を使用しています。レイアウトはシンプルな中央揃えの垂直スタックです。タイポグラフィは、ディスプレイにヒューマニストサンス、本文にトランジショナルセリフをミックスしています。重要な注意点：暗い背景を使用せず、エラーに攻撃的な赤を使用せず、重い影や複雑なレイアウトは使用しないこと。
このセンスを AI エージェントへ
この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。
OpenDesign スキル ↗en · zh-CN · zh-TW · ja · ko