精选 · 开放 · 免费

Henry Codes

一个为丹佛网页开发者和设计师打造的、以排版驱动的大胆创意作品集。

01

设计气质 DNA

一个大胆、实验性的创意作品集，感觉像是高端时尚社论与地下独立杂志的混合体。

02

色彩

高对比度单色调，具有极高的排版密度，并偶尔出现粗野主义的布局变化。

03

字体

transitional-serif · geometric-sans

• display77px · 400
• body16px · 400

04

间距

严格的 4px 基础单位，搭配充足的留白以平衡厚重的排版。

05

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

简单的 2px 实线边框或无边框；依赖间距和字体粗细来形成分隔。

06

布局

全出血版块，在浅色和深色背景之间交替。

07

动效与交互

链接和交互元素上微妙的悬停过渡

微妙的颜色或宽度过渡。 · 即时响应，无弹跳或缩放效果。

08

组件

• button 低调的文本式链接，带有悬停过渡效果。
• card 简约、无边框的容器，依赖排版建立层次结构。
• hero 巨大、超尺寸的排版，填满整个视口宽度。

09

文案语气与禁用清单

• 语气 大胆、毫不妥协且高度个人化。
• 标题风格 极具冲击力的超大号衬线排版，吸引注意力。
• 按钮文案 低调的文本式行动号召，让内容自己说话。

• 不要使用柔和、粉彩的颜色——截图显示的是高对比度单色调色板。
• 不要使用俏皮、圆润的UI元素——截图显示的是锐利、粗野主义的排版。
• 不要使用小而密集的网格——截图显示的是巨大的、全出血的排版布局。
• 不要使用微妙、装饰性的图像——截图显示的是大胆、像素化或抽象的艺术。
• 不要使用传统、保守的布局——截图显示的是实验性的、重叠的文本。
• 不要使用单一背景色——截图在纯白和近黑色版块之间交替。
• 避免: 通用的公司语言
• 避免: 柔和或俏皮的设计元素
• 避免: 传统的基于网格的布局

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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