厳選・オープン・無料
Fragment La
サイトにアクセスできないことを示す、最小限のブラウザエラーページ。
Editorial
01
デザイン DNA
エラー接続利用不可プレースホルダー
小さな技術的警告のある白紙のページ
02
カラー
#000000Ink
#666666Ink soft
#FFFFFFBG
rgba(0,0,0,0)Line
システムデフォルトのブラウザタイポグラフィとカラー
03
タイポグラフィ
system-sans · system-mono
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
これはサイトにアクセスできない場合の標準的なブラウザエラーページです。デフォルトのシステムフォントと黒/白のカラーを使用し、ブランドやカスタムUI要素はありません。主要カラーは白背景と黒テキストです。フォントカテゴリはsystem-sans-serifとsystem-monoです。重要な禁止事項：ブランドアイデンティティやカスタムデザイン要素を追加しないこと。これは生のシステムページです。カスタムタイポグラフィを導入しないこと。インタラクティブコンポーネントを追加しないこと。カラーバックグラウンドやグラデーションを使用しないこと。複雑なレイアウトやグリッドを含めないこと。モーションやトランジションを追加しないこと。ページはサイトが利用できない場合のフォールバックとして機能します。
このセンスを AI エージェントへ
この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。
OpenDesign スキル ↗en · zh-CN · zh-TW · ja · ko