厳選・オープン・無料
Wonder Me
利用不可のSaaSコラボレーションプラットフォーム向けの標準ブラウザ接続エラーページ。
SaaSProductivityCollaborationCleanMinimal
01
デザイン DNA
エラー接続利用不可ミニマルシステム
最小限のカスタムブランド要素を持つ標準ブラウザエラーページ。
02
カラー
#000000Ink
#FFFFFFBG
#666666Muted
rgba(0,0,0,0)Line
エラー状態のためのシステムデフォルトのモノクロームパレット。
03
タイポグラフィ
system-sans · monospace
すべてのテキストにシステムフォントスタックを使用 · エラーコードはモノスペースフォントで表示 · 本文テキストは標準のシステムサンセリフを使用
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
テキスト要素間の標準的な垂直方向の間隔
05
サーフェス (角丸 / 影 / 罫線)
sm · 0px
md · 0px
lg · 0px
pill · 0px
見られない
06
レイアウト
1280container
1columns
24pxgutter
768 / 1024breakpoints
左揃えコンテンツの標準ブラウザエラーページレイアウト
07
モーションとインタラクション
0msmicro
0mssmall
0msmedium
lineareasing
アニメーションやトランジションは見られない
なし · なし
08
コンポーネント
- button なし
- card なし
- chip なし
- input なし
- hero なし
09
文体と禁止事項
- トーン 技術的
- 見出し 直接的なエラー宣言
- CTA なし
- エラーページにカスタムブランドを追加しない — スクリーンショットはシステムデフォルトのスタイリングを示している
- 装飾的なカラーを使用しない — スクリーンショットは白背景に黒文字を示している
- カスタムアイコンを追加しない — スクリーンショットは標準のブラウザエラーアイコンを示している
- ナビゲーションやフッター要素を含めない — スクリーンショットは最小限のエラーコンテンツを示している
- カスタムタイポグラフィを使用しない — スクリーンショットはシステムフォントを使用している
- 影やボーダーを追加しない — スクリーンショットはフラットでボーダーレスのレイアウトを示している
- 避ける: マーケティング言語
- 避ける: ブランドパーソナリティ
- 避ける: 視覚的な複雑さ
11
System Prompt
これは、Wonder.me ウェブサイトが利用できないことを示す標準ブラウザエラーページです。白背景に黒文字、システムサンセリフフォント、標準エラーアイコンを使用した、完全にデフォルトのブラウザスタイリングが用いられています。ページには最小限のコンテンツが含まれています：エラータイトル、説明テキスト、および技術的なエラーコード。ブランドカラー、カスタムコンポーネント、Wonder.me プラットフォーム固有のデザイン要素は一切ありません。重要な制約：カスタムスタイリングなし、ブランドカラーなし、カスタムフォントなし、装飾要素なし、ナビゲーションなし、インタラクティブコンポーネントなし。
このセンスを AI エージェントへ
この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。
OpenDesign スキル ↗en · zh-CN · zh-TW · ja · ko