01
设计气质 DNA
极简大胆图形化个人自信
一张醒目的图形海报或一个简洁的杂志封面。
02
色彩
#1C1C1CInk#F0B429BGrgba(28, 28, 28, 0.1)Line高对比度的双色调色板,以单一、主导性的暖色为背景。
03
字体
- display
72px · 700 - body
18px · 400
展示字体粗壮、紧缩,且具有强烈的图形感。 · 正文字体清晰、标准字重,具有高度可读性。
04
间距
4px8px16px24px32px48px64px96px非对称,内容推向边缘,使用大量负空间。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
无可见边框;通过间距和字重来实现区分。
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
单视口全屏英雄布局,内容置于极边缘处。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
静态图形焦点;暗示极少或无动效。
文本链接的微妙下划线或颜色变化。 · 标准链接导航。
08
组件
- button 简单的文本链接,可能带有下划线。
- card 不可见;这是一个单页、极简布局。
- chip 不可见。
- input 不可见。
- hero 全屏、以图形为中心的英雄区域,包含一个大插图和极少量文本。
09
文案语气与禁用清单
- 语气 自信、极简且专业。
- 标题风格 大胆、陈述性且极简。
- 按钮文案 低调、简单的文本链接(例如 'Email')。
- 不要使用多种背景色 —— 截图显示为单一、纯色的黄色区域。
- 不要使用投影或分层表面 —— 截图显示为扁平、直接的色彩应用。
- 不要使用居中、密集的布局 —— 截图显示内容推向边缘,伴有大量负空间。
- 不要使用小型、装饰性字体 —— 截图显示一个大型、粗壮的图形插图作为主要元素。
- 不要使用柔和或去饱和的调色板 —— 截图使用单一、高饱和度的黄色。
- 不要添加不必要的 UI 组件如卡片或按钮 —— 截图仅显示极简文本和图形。
- 避免: 杂乱
- 避免: 装饰
- 避免: 复杂
- 避免: 平庸
11
System Prompt
这是一个大胆、图形驱动的个人作品集网站。设计极简且自信,使用高对比度的双色调色板。主要背景是温暖、饱和的黄色(#F0B429),所有文本和图形均为近乎纯黑(#1C1C1C)。字体是清晰、粗壮的 sans-serif,用于极简的信息文本,但焦点是一个大型的图形化插图。布局为非对称,内容置于最边缘,营造出强烈的负空间感。没有可见的投影、边框或复杂的 UI 组件。关键禁忌:避免杂乱、使用多种颜色,或居中密集的布局。网站的身份是一个自信的设计师,优先考虑强有力的视觉传达,而非功能密度。