精选 · 开放 · 免费

Jeen Yuhs

一个以粗野主义、故障美学与复古数字排版为特色的、冷峻的单色档案门户。

01

设计气质 DNA

一盘故障的 VHS 录像带或粗野主义数字展览的入口

02

色彩

绝对的二元对比；仅限纯黑与纯白。

03

字体

monospace

• display200px · 400
• body18px · 400
• caption12px · 400

所有文本严格大写 · 所有元素均使用等宽字体族

04

间距

以 4px 为基准，交互元素采用宽松的内边距。

05

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

交互元素采用严格的 2px 实线边框，无 border-radius。

06

布局

全屏黑色画布配以居中内容，强调醒目的白色元素。

07

动效与交互

故障闪烁 · 色彩偏移 · 数字构件化

反转颜色或触发数字故障特效。 · 触发微交互或故障过渡效果。

08

组件

• button 大写等宽文本，配有 2px 实线白色边框与 2px 内边距。
• card 极简内容区块，采用严格边框，无圆角。
• chip 小型、大写等宽标签，配有 2px 实线边框。
• input 极简文本输入框，配有 2px 实线白色边框与黑色背景。
• hero 一个巨大、居中的故障等宽字符（例如 'II'），置于黑色背景上。

09

文案语气与禁用清单

• 语气 原始、档案感、实验性、不妥协
• 标题风格 冷峻、等宽，且常带有故障或扭曲效果。
• 按钮文案 大写等宽文本，常带有 2px 边框。

• 不要使用柔和的阴影——截图显示的是纯平、无边框元素。
• 不要使用圆角——截图显示的是严格的矩形形状。
• 不要使用多种颜色——截图显示的是严格的黑白调色板。
• 不要使用无衬线字体——截图显示的是完全的等宽排版。
• 不要使用小写文本——截图显示的所有文本均为大写。
• 不要使用复杂的渐变——截图显示的是纯色的黑白填充。
• 避免: 精致的渐变
• 避免: 圆角
• 避免: 暖色调
• 避免: 友好的插图

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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