精选 · 开放 · 免费
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