01
设计气质 DNA
大胆高辨识度现代直接
一张大胆的字体海报,以高对比度的色块吸引注意力。
02
色彩
#000000Ink#00ff00BGrgba(0,0,0,0.1)Line极端高对比度、大胆色块,以单一主导霓虹绿和纯黑为基础。
03
字体
- display
120px · 500 - body
20px · 400
使用巨大的展示尺寸以实现最大冲击力 · 为展示字体使用紧凑的行高 · 简洁的几何形态
04
间距
4px8px16px24px32px48px64px96px在主视觉元素周围留有充足的内边距以强调比例
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 0px
lg · 0px
pill · 999px
无可见边框
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
顶部为全出血色块区域,搭配巨大字体,随后是全宽图片,底部由固定的导航栏锚定。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
静态截图中无可见动效
导航链接在悬停时有细微的颜色变化或下划线。 · 即时页面跳转。
08
组件
- button 底部极简的基于文本的导航链接。
- card 无可见组件。
- chip 无可见组件。
- input 无可见组件。
- hero 巨大的字体主视觉,霓虹绿背景搭配大型副标题文本。
09
文案语气与禁用清单
- 语气 直接、自信且大胆。
- 标题风格 巨大、不加修饰的字体,主导整个视口。
- 按钮文案 极简、基于文本的导航。
- 不要使用柔和的色调——截图显示的是鲜艳、高饱和度的霓虹绿。
- 不要使用装饰性或手写体字体——截图使用简洁的几何无衬线字体。
- 不要在主要容器上使用圆角——截图显示的是尖锐的零圆角边缘。
- 不要让界面杂乱——截图具有高度聚焦、单一信息的主视觉区域。
- 不要使用柔和阴影或景深——截图依赖平面色块进行区域分隔。
- 不要将主标题居中对齐——截图将其左对齐以营造沉稳感。
- 避免: 细微渐变
- 避免: 圆角容器
- 避免: 小巧、精致的字体
11
System Prompt
一个大胆、高辨识度的代理作品集网站。主配色方案以鲜艳的霓虹绿 (#00ff00) 和纯黑 (#000000) 为主,形成极致对比。字体严重依赖几何无衬线类别,使用巨大展示尺寸以实现最大冲击力。关键禁忌:避免使用柔和配色、圆角 UI 元素和精致字体;该网站的核心在于巨大比例和平坦、纯色的色块。布局采用全出血的色彩主视觉和简约的底部导航栏,营造出专注且不妥协的呈现效果。