精選 · 開放 · 免費
Fornasettiprofumi
一個簡潔、親和的 403 錯誤頁面，運用了簡單的幾何線條藝術與柔和的粉彩色調，傳達出冷靜而非警報的氛圍。
CalmCleanFriendlyConsumerPlayful
01
設計氣質 DNA
俏皮極簡錯誤頁面輕鬆無障礙
一位友善的卡通導覽員
02
色彩
#226D7AAccent
#000000Ink
#B0E0E9BG
rgba(0,0,0,1.0)Line
柔和的粉彩背景，搭配深色線條藝術與單一高對比度的青綠色點綴
03
字型
humanist-sans · transitional-serif
- display
36px · 400 - body
16px · 400
04
間距
4px
8px
16px
24px
32px
48px
64px
96px
中央內容周圍使用寬裕的內邊距
05
表面 (圓角 / 陰影 / 邊線)
sm · 0px
md · 0px
lg · 0px
pill · 999px
1px solid rgb(0, 0, 0)
06
版面
1280container
12columns
24pxgutter
768 / 1024breakpoints
垂直堆疊置中
07
動效與互動
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing
所有元素皆啟用所有過渡效果
所有元素過渡所有屬性 · 所有元素過渡所有屬性
08
組件
09
文案語氣與禁用清單
- 語氣 俏皮、冷靜且具資訊性
- 標題風格 簡單、直接的錯誤代碼與名稱陳述
- 不要使用深色背景 — 截圖顯示的是淺色、粉藍色的背景。
- 不要使用具侵略性的紅色作為錯誤狀態 — 截圖顯示的是冷靜的青綠色點綴。
- 不要使用厚重、深色的陰影 — 截圖顯示的是平坦、無景深的線條藝術插圖。
- 不要使用複雜、擁擠的佈局 — 截圖顯示的是簡潔的垂直堆疊置中佈局。
- 不要使用純無襯線字體排印 — 截圖顯示的是使用了襯線字體作為內文。
- 不要使用尖銳、具侵略性的圖像 — 截圖顯示的是圓潤、俏皮的幾何形狀。
- 避免: 具侵略性或令人不安的語言
- 避免: 複雜的技術術語
- 避免: 深色或厚重的視覺元素
11
System Prompt
這是一個冷靜、俏皮且無障礙的 403 錯誤頁面。它使用了柔和的粉彩藍背景（#B0E0E9），搭配黑色線條藝術與青綠色點綴（#226D7A）。佈局為簡潔的垂直堆疊置中。字體排印混合了人文主義無襯線字體用於標題，以及過渡襯線字體用於內文。關鍵的注意事項：不要使用深色背景、不要使用具侵略性的紅色作為錯誤提示，以及不要使用厚重的陰影或複雜的佈局。
把這份品味接進你的 Agent
把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。
OpenDesign 技能 ↗en · zh-CN · zh-TW · ja · ko