精选 · 开放 · 免费

Jun Works

一个以极简排版为核心的个人作品集，用于展示平面设计作品。

01

设计气质 DNA

一本高端印刷作品集画册，具有干净的排版和充裕的留白。

02

色彩

严格的单色调，仅使用黑色和白色，以强调排版和内容。

03

字体

grotesque-sans

• display54px · 400
• body13px · 400

所有文本使用Neue Haas Grotesk或类似的怪诞无衬线字体 · 大型展示文本的字距保持紧凑的-2px · 所有元素统一使用400字重

04

间距

主要区域周围留有充裕的45px内边距，营造出宽敞、透气的布局。

05

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

按钮和交互元素使用4px实线黑色边框，并采用药丸形（border-radius: 129.6px）圆角。

06

布局

单列居中布局，采用大号字体、充裕内边距，文本严格左对齐。

07

动效与交互

链接和按钮的悬停过渡使用 'all' 属性

交互元素具有自定义光标变化和微妙过渡效果。 · 标准指针行为。

08

组件

• button 药丸形按钮，带有4px实线黑色边框，白底黑字，内部留有充裕内边距。
• card 不使用卡片，内容以连续文本块或列表形式呈现。
• chip 药丸形标签（例如 #创意 #品牌），带有细黑色边框。
• input 不设可见输入框，主要为静态内容。
• hero 大号、加粗的介绍性文本块，字距紧凑，左对齐，占据视口主要区域。

09

文案语气与禁用清单

• 语气 专业、简洁且高度精炼。
• 标题风格 大号、加粗且字距紧凑的怪诞无衬线文本。
• 按钮文案 带有细黑色边框和简洁文本的药丸形按钮。

• 不要使用多种颜色——截图显示为严格的黑白单色调色板。
• 不要使用装饰性字体——截图显示全文使用干净的怪诞无衬线字体。
• 不要使用投影——截图显示为完全扁平化的设计元素。
• 不要在按钮上使用直角——截图显示为药丸形（999px半径）按钮。
• 不要使用过粗的字重——截图显示为一致的400字重。
• 不要使用紧凑的间距——截图显示内容区域周围留有充裕的45px内边距。
• 避免: 避免装饰性元素
• 避免: 避免不必要的色彩
• 避免: 避免复杂布局

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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