精选 · 开放 · 免费

Editbrandstudio

一个使用柔和青色和奇趣线条艺术的、俏皮的插画式 403 错误页面。

01

设计气质 DNA

一幅友好、飞向天空的插画。

02

色彩

柔和、宁静的青色基底，搭配高对比度的黑色文本。

03

字体

transitional-serif · humanist-sans · monospace

• display36px · 700
• body16px · 400

04

间距

拥有充裕的垂直 padding，水平间距则加以约束。

05

表面 (圆角 / 阴影 / 边线)

无可见边框。

06

布局

单列居中布局，插画与文本垂直堆叠。

07

动效与交互

hover/focus 时的隐含过渡效果。

隐含过渡效果。 · 隐含过渡效果。

08

组件

• button 未出现。
• card 未出现。
• chip 未出现。
• input 未出现。
• hero 全宽插画 hero 区域，包含一个居中的大型图形和装饰性背景元素。

09

文案语气与禁用清单

• 语气 友好且乐于助人。
• 标题风格 清晰、直接地陈述错误。
• 按钮文案 不适用

• 不要使用暗色模式——截图显示的是浅蓝色天空主题
• 不要使用尖锐、技术感的字体——截图使用的是友好的过渡衬线字体和人文主义无衬线字体
• 不要使用高饱和度的强调色——截图依靠的是单色青色配色方案
• 不要使用复杂的多列布局——截图显示的是简洁的、居中的单列布局
• 不要使用厚重的投影或深度效果——截图显示的是扁平的线条艺术插画
• 不要使用密集、文本繁多的错误信息——截图使用的是简短、友好的句子
• 避免: 生硬的技术术语
• 避免: 大段密集的文本
• 避免: 具有攻击性的错误提示信息

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko