01
设计气质 DNA
勇敢品牌网站风险投资战略
一个高端设计工作室作品集，运用极具冲击力、大胆的字体来展现自信。
02
色彩
#000000Ink#252525Ink soft#F1F0EEBG#BFBFBFMutedrgba(0,0,0,0.1)Line高对比度的单色方案，搭配温暖的浅米色背景，并谨慎使用强调色。
03
字体
- display
180px · 700 - h1
96px · 700 - h2
128px · 700 - body
12px · 400
所有小型UI标签使用大写文本转换 · 大型展示标题应用极端负字间距
04
间距
4px8px10px16px20px24px32px40px80px章节之间留有充足空白，列表项内部采用紧凑间距
05
表面 (圆角 / 阴影 / 边线)
sm · 2px
md · 8px
lg · 32px
pill · 999px
分割线使用纤细的1px实线边框，主要卡片无边框
0px 4px 20px rgba(0,0,0,0.05)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
全宽主视觉区域搭配左对齐文本，随后是用于案例研究的12列网格
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
平滑滚动与微妙的悬停过渡效果
可点击的项目卡片和菜单触发器显示指针光标 · 标准的链接和按钮行为
08
组件
- button 胶囊形浮动菜单触发器，采用等宽字体和星号图标
- card 大尺寸摄影项目卡片，文字标签位于图片下方
- chip 大写等宽文本标签，由圆点或破折号分隔
- input 无可见输入框
- hero 占据屏幕上半部分的巨型紧凑几何字体
09
文案语气与禁用清单
- 语气 自信、直接、专业
- 标题风格 极具冲击力、大胆、紧凑，并带有极端负字距
- 按钮文案 克制且实用，浮动胶囊中使用等宽文本
- 不要使用圆润、友好的字体——截图显示为极具冲击力、紧凑的几何字体
- 不要使用宽泛的色彩方案——截图显示为严格的黑、白、暖灰色调
- 不要使用居中布局——截图显示为强烈的左对齐标题和网格元素
- 不要在无上下文的情况下将导航隐藏在汉堡菜单后——截图显示为一个带有“MENU”文本的显眼浮动胶囊
- 不要使用小巧、精致的标题——截图显示为主导视口的巨型字体
- 不要使用杂乱的背景或渐变——截图显示为干净、平坦的浅米色背景
- 避免: 俏皮或圆润的字体
- 避免: 杂乱的布局
- 避免: 鲜艳的多色方案
11
System Prompt
这是一个设计工作室与风险投资合作伙伴的作品集。其视觉系统由主导视口的巨型、极具冲击力、紧凑的几何字体定义，背景为干净、温暖的浅米色（#F1F0EE）。配色方案严格限定为单色，文字使用深黑（#000000）和深灰（#252525），完全避免使用鲜艳色彩。字体方面，标题使用紧凑的几何无衬线字体，UI标签和小号文字则使用干净的等宽字体，并常以大写形式配合紧凑的字距。布局上留有充足的空白，项目卡片采用清晰的网格。关键限制：不要使用圆润、友好的字体；避免多色方案；不要将标题居中；展示文字绝不能使用纤细或轻盈的字重。