精選 · 開放 · 免費
Bricklayerdao
一個標準的瀏覽器 SSL 錯誤頁面，具有最少的系統 UI 元素。
Editorial
01
設計氣質 DNA
系統錯誤極簡技術
瀏覽器錯誤頁面
02
色彩
#1A73E8Accent
#000000Ink
#FFFFFFBG
#757575Muted
rgba(0,0,0,0)Line
極簡系統介面搭配標準瀏覽器預設值
03
字型
system-sans · system-mono
- display
32px · 400 - body
16px · 400
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
文字元素之間的極小垂直間距
05
表面 (圓角 / 陰影 / 邊線)
sm · 4px
md · 4px
lg · 4px
pill · 999px
無
06
版面
1280container
1columns
768 / 1024breakpoints
單欄靠左對齊的內容區塊
07
動效與互動
0msmicro
0mssmall
0msmedium
lineareasing
未顯示按鈕 hover 狀態 · 未顯示按鈕點擊狀態
08
組件
09
文案語氣與禁用清單
- 語氣 技術性、中立、直接
- 標題風格 簡單陳述句
- 按鈕文案 標準系統按鈕
- 勿使用裝飾性字體——截圖顯示系統無襯線字體
- 勿添加複雜版面——截圖顯示單欄靠左對齊
- 勿使用多種顏色——截圖顯示白背景、黑字、一個藍色按鈕
- 勿添加陰影或深度效果——截圖顯示平面 UI，無立體感
- 勿在卡片上使用大圓角——截圖顯示無卡片元件
- 勿添加動畫——截圖顯示靜態錯誤狀態
- 避免: 行銷用語
- 避免: 情感訴求
- 避免: 複雜說明
11
System Prompt
這是一個標準的瀏覽器 SSL 錯誤頁面，網站名為 Bricklayerdao。設計使用系統 UI 預設值，包含白色背景 (#FFFFFF)、黑色文字 (#000000)、灰色柔化文字 (#757575)，以及一個藍色強調按鈕 (#1A73E8)。字型完全使用系統無襯線字體，尺寸為標準大小。版面極簡，文字內容靠左對齊。重要注意事項：避免使用裝飾性字體、避免複雜多欄版面、避免添加陰影或深度效果、避免動畫、避免行銷用語、避免非系統 UI 元件。這代表純系統介面模式。
把這份品味接進你的 Agent
把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。
OpenDesign 技能 ↗en · zh-CN · zh-TW · ja · ko