01
设计气质 DNA
编辑感极简主义字体驱动高对比度
一本高对比度黑白编辑杂志，采用超大、紧凑的展示字体。
02
色彩
#FAFAFAInk#DCDCDCInk soft#000000BG#767676Mutedrgba(220, 220, 220, 1.0)Line严格的单色配色方案，使用近黑背景和近白文字，以实现最大对比度和编辑冲击力。
03
字体
- display
177px · 400 - heading
54px · 400 - body
15px · 400
使用 Space Mono 作为正文和导航字体。 · 使用紧凑型怪诞无衬线体作为巨大的展示标题。 · 对大段展示文字应用紧凑的负字间距。 · 对导航和某些标签使用大写转换。
04
间距
4px8px16px24px32px48px64px96px宽松且富有变化，主要区块之间采用显著的垂直内边距分隔。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
细薄的 2px 边框，主要用于交互状态和细微分隔。
0px 1px 2px rgba(0,0,0,0.5) · 0px 0px 0px 1px rgba(250,250,250,0.1)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
全宽列布局，旨在容纳超大字体。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
交互元素上的平滑颜色过渡。 · 用于 UI 状态变化的缓动 opacity 和 transform 过渡。
交互元素上的细微颜色或 background-color 变化。 · 标准的激活状态。
08
组件
- button 极简的、基于文本的按钮，使用大写等宽字体和细边框。
- card 无可见组件。
- chip 无可见组件。
- input 无可见组件。
- hero 一个巨大的、填满屏幕的字体英雄区块，采用超大紧凑文字。
09
文案语气与禁用清单
- 语气 极简且严谨。
- 标题风格 巨大、紧凑字距、紧凑大写的展示字体。
- 按钮文案 低调的等宽字体标签。
- 不要使用圆角 — 截图显示为尖锐、零半径的边缘。
- 不要使用鲜艳的强调色 — 截图显示为严格的单色配色方案。
- 不要使用轻薄或衬线展示字体 — 截图显示为厚重、紧凑的无衬线展示字体。
- 不要为标题使用宽松的行高 — 截图显示为紧密排列、几乎相触的展示行。
- 不要为展示文字使用宽松的字间距 — 截图显示为紧凑、负的字间距。
- 不要在文字上使用投影 — 截图显示为扁平、高对比度的排版。
- 避免: 彩色渐变
- 避免: 圆角
- 避免: 文字投影
- 避免: 俏皮或装饰性元素
10
包内真实截图
11
System Prompt
此设计是一个极简、字体驱动的编辑网站，以鲜明的黑白对比和巨大的、紧凑的展示标题为特征。主要配色方案严格依赖深黑 (#000000) 作为背景，近白 (#FAFAFA) 用于文字，并使用细微的灰色 (#DCDCDC, #767676) 表示次要元素。排版是主导特征，使用紧凑型怪诞无衬线体作为超大展示字体，使用等宽字体 (Space Mono) 作为正文和导航字体。布局简洁宽敞以容纳大文本尺度。关键禁令包括避免圆角、鲜艳的强调色、文字投影以及展示标题的宽松字间距。