精选 · 开放 · 免费

Henryheffernan

一款依托粗体排版与命令行美学的高对比度单色交互式作品集。

01

设计气质 DNA

数字作品集的极简终端启动界面。

02

色彩

高对比度单色调，搭配单一霓虹色用于警告。

03

字体

transitional-serif · monospace

• body16px · 400

所有文本均采用一致的等宽或衬线字体，以统一的基准字号渲染。 · 为提升深色背景下的可读性，字间距略微放宽。

04

间距

容器内部采用充足的内边距，确保文本不与边框接触。

05

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

采用粗实的白或黑色描边，用于主要容器及交互元素。

06

布局

居中单栏布局，配合嵌套的边框容器。

07

动效与交互

元素呈现时采用透明度与变换过渡。 · 通过提示框暗示打字机风格的闪烁光标效果。

光标变为指针；元素可能通过透明度或颜色反转进行响应。 · 触发状态变更或切换至作品集的下一章节。

08

组件

• button 采用大写等宽字体的描边方框。
• card 带有高内边距的矩形边框容器。
• chip 无
• input 无
• hero 全屏深色画布，中央放置一个带边框的提示框。

09

文案语气与禁用清单

• 语气 直接、技术感、极简。
• 标题风格 大写等宽字体或粗体衬线字体，置于刚性边框内。
• 按钮文案 以等宽字体呈现简洁明了的指引，后接一个带边框的按钮。

• 不要使用圆角——截图中显示的是锐利、硬边的矩形边框
• 不要使用柔和渐变——截图中显示的是平面、高对比度的纯色填充
• 不要使用装饰性图像——截图中显示的是纯粹基于排版、文本化的界面
• 不要使用浅色主题——截图中显示的是以黑色为主背景、白色文字
• 不要使用装饰性无衬线字体——截图中显示的是等宽字体与过渡衬线字体的混合
• 不要使用细微阴影——截图中显示的是仅通过粗边框定义的平面元素
• 避免: 避免使用柔和的渐变或圆角。
• 避免: 避免使用装饰性插图或复杂的背景图像。
• 避免: 避免使用温暖、友好或过于随意的语言。
• 避免: 避免使用多种相互竞争的字族或字重。
• 避免: 避免使用标准、未经修饰的网页元素。
• 避免: 避免使用布满大量可见控件的杂乱布局。

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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