所有文本以 Times New Roman 作为基础系统字体渲染。 · 展示性文本采用手写草书风格用于标题。 · 正文采用印刷手写风格以提高可读性。
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
章节间留有充足的垂直间距，营造轻松、易读的节奏，适合长篇内容。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 0px
无可见边框；仅通过空白与字体排版比例实现分隔。
06
布局
800container
1columns
24pxgutter
768 / 1024breakpoints
居中单栏布局，留有充足边距，为阅读舒适度而优化。
07
动效与交互
0msmicro
0mssmall
0msmedium
lineareasing
无动画或过渡效果；纯粹的静态内容呈现。
默认浏览器链接悬停行为，带下划线。 · 标准链接导航，鼠标指针为手形。
08
组件
button标准浏览器默认链接，蓝色（#0000EE），无自定义样式。
card无卡片组件；内容作为连续文档流动。
chip无标签组件。
input无输入组件可见。
hero极简纯文本首屏，以大型手写草书字体展示网站标题。
09
文案语气与禁用清单
语气个人化、非正式且技术细节丰富，采用对话式写作风格。
标题风格手写草书标题，感觉个人化且真实，如同私人笔记。
按钮文案无明确的行动号召；导航完全通过行内文本链接实现。
不要使用无衬线字体——截图显示全程使用手写字体。
不要添加彩色强调或渐变——截图显示严格的黑白配色。
不要实现基于卡片的布局或视觉容器——截图显示纯粹的空白分隔。
不要使用阴影效果或景深线索——截图显示完全平面、无边框的设计。
不要添加导航栏、侧边栏或复杂的UI框架——截图显示极简的单栏布局。
不要使用浏览器默认样式以外的自定义链接样式——截图显示标准蓝色带下划线链接。
不要引入动画或微交互——截图显示完全静态的呈现。
避免: 避免企业化语言或正式技术写作风格。
避免: 避免视觉复杂性或装饰性元素。
避免: 避免除字体排版比例外的多个竞争焦点或视觉层次。
11
System Prompt
这是一个极简主义个人开发者博客，具有刻意的手写美感。网站采用严格的单色配色方案，纯白（#FFFFFF）背景配以黑色（#000000）文本，唯一颜色为浏览器默认蓝色链接（#0000EE）。字体完全采用手写风格，以 Times New Roman 作为基础系统字体，营造真实的笔记本感觉。布局为居中单栏（最大宽度800px），留有充足空白，且无视觉框架——无卡片、阴影、边框或装饰元素。关键禁忌：切勿添加彩色强调或渐变，切勿使用无衬线字体，切勿添加阴影或景深效果，切勿实现复杂导航UI，切勿使用基于卡片的布局，切勿引入动画。写作风格个人化且技术细节丰富。此网站值得作为网页设计中激进简约主义的范例，证明引人注目的内容可以存在于无视觉复杂性的情况下。
