OpenDesign·你的设计资产库

网页参考

Handwritten Danieljanus Pl

一个极简主义个人博客,以独特的手写字体呈现技术文章。

Developer ToolsEditorialTypographyRestraintCuration
Handwritten Danieljanus Pl 网站截图

01

设计气质 DNA

手写个人技术极简真实

一本为网络数字化的个人工程笔记。

02

色彩

#000000Ink
#FFFFFFBG
rgba(0,0,0,1.0)Line

极致简约,采用严格单色配色方案以实现最大可读性与专注度。

03

字体

handwritten-cursive · handwritten-print

  • display48px · 400
  • body16px · 400

所有文本以 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,切勿使用基于卡片的布局,切勿引入动画。写作风格个人化且技术细节丰富。此网站值得作为网页设计中激进简约主义的范例,证明引人注目的内容可以存在于无视觉复杂性的情况下。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。