精選 · 開放 · 免費
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
文案語氣與禁用清單
- 不要在錯誤頁面上添加自訂品牌元素——截圖顯示的是系統預設樣式
- 不要使用裝飾性顏色——截圖顯示的是白底黑字
- 不要添加自訂圖示——截圖顯示的是標準瀏覽器錯誤圖示
- 不要包含導航或頁尾元素——截圖顯示的是最精簡的錯誤內容
- 不要使用自訂字型——截圖使用的是系統字型
- 不要添加陰影或邊框——截圖顯示的是平面、無邊框的佈局
- 避免: 行銷用語
- 避免: 品牌個性
- 避免: 視覺複雜度
11
System Prompt
這是一個標準的瀏覽器錯誤頁面，表示 Wonder.me 網站無法使用。它完全採用預設的瀏覽器樣式，白底黑字、系統無襯線字型，以及標準的錯誤圖示。頁面內容極簡：一個錯誤標題、說明文字和一個技術錯誤代碼。沒有任何品牌色彩、自訂元件或特定於 Wonder.me 平台的設計元素。關鍵限制：無自訂樣式、無品牌色彩、無自訂字型、無裝飾元素、無導航、無互動元件。
把這份品味接進你的 Agent
把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。
OpenDesign 技能 ↗en · zh-CN · zh-TW · ja · ko