厳選・オープン・無料
Decemdrinks
店舗が利用できないことを示す、簡潔なデフォルトエラーページ。
EditorialCleanRestraint
01
デザイン DNA
エラー利用不可ミニマル情報提供
単純なユーティリティメッセージ
02
カラー
#333333Ink
#FFFFFFBG
#999999Muted
rgba(0, 0, 0, 0.1)Line
白地に高コントラストな実用的なテキスト
03
タイポグラフィ
system-ui
- h1
24px · 500 - h2
16px · 500 - body
14px · 400 - small
12px · 400
04
余白
4px
8px
12px
16px
24px
32px
48px
64px
縦方向にゆとりのあるスペーシング
05
サーフェス (角丸 / 影 / 罫線)
sm · 0px
md · 0px
lg · 0px
pill · 0px
1px solid light gray
06
レイアウト
中央揃えの単一カラムコンテンツ
07
モーションとインタラクション
0msmicro
0mssmall
0msmedium
lineareasing
モーションなし
リンクの下線表示 · 標準のリンククリック
08
コンポーネント
09
文体と禁止事項
- トーン 中立的
- 見出し 直接的な陈述
- CTA シンプルなリンク
- マルチカラムレイアウトは使用しない — スクリーンショットでは中央揃えの単一カラムのみを示しています。
- 鮮やかな背景色は使用しない — スクリーンショットでは無地の白を示しています。
- サイトヘッダーやナビゲーションは含めない — スクリーンショットではエラーブロックのみを示しています。
- エラーブロックに影やlevation（立体感）を使用しない — スクリーンショットではフラットなテキストを示しています。
- カスタムサンセリフフォントは使用しない — スクリーンショットではシステムフォントを使用しています。
- 複雑なグリッドシステムは使用しない — スクリーンショットではシンプルなマージンを使用しています。
- 避ける: 専門用語
- 避ける: 親しみやすい雑談調
11
System Prompt
これは簡潔な、デフォルトのシステムエラーページです。無地の白い背景に中央揃えされたシンプルな単一カラムレイアウトを特徴とします。タイポグラフィは、ダークグレー（#333333）とミュートグレー（#999999）の基本的なシステムフォントです。カスタムUIコンポーネント、ブランドカラー、モーションは一切ありません。重要なおやめください：マルチカラムレイアウト、カラーベースの背景、カスタムタイポグラフィ、levation/影、サイトナビゲーション、および親しみやすいまたは非公式なトーンは避けてください。
このセンスを AI エージェントへ
この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。
OpenDesign スキル ↗en · zh-CN · zh-TW · ja · ko