01
设计气质 DNA
科技文化科学权威创新
一本高端科技与文化杂志，拥有大胆而权威的声音。
02
色彩
#000000Ink#333333Ink soft#FFFFFFBG#F3F3F3BG soft#E5E5E5BG quiet#757575Mutedrgba(0, 0, 0, 0.1)Line高对比度单色板，严格以黑白为主，使用灰色调建立层次。
03
字体
- display
56px · 700 - h2
26px · 700 - body
19px · 400 - caption
12px · 400
标题字体使用紧凑的行高以增强冲击力 · 元数据和标签使用全大写 · 署名使用更宽的字间距
04
间距
4px8px12px16px24px32px48px64px96px基于 8px 网格，配以充裕的留白以提高可读性
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
严格使用 1px 或 2px 的纯黑色实线边框，用于版块分隔符和分类标签
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
非对称多栏网格，具有严格的垂直对齐和对白色空间的大量运用
07
动效与交互
200msmicro
200mssmall
800msmedium
cubic-bezier(0, 0, 1, 1)easing
链接 hover 时的颜色过渡 · 可见性切换时的透明度渐变
链接和交互元素上的颜色过渡 · 所有交互元素上使用标准指针光标
08
组件
- button 极简风格，通常为纯文本或简单描边，白底黑字
- card 整洁的文本块，配有粗体衬线标题和无衬线元数据，由细水平线分隔
- chip 等宽字体、全大写的标签，置于黑底白字的矩形框中
- input 极简风格，仅有细薄的下边框
- hero 以大字体排印为核心的布局，配以充裕的留白
09
文案语气与禁用清单
- 语气 权威、睿智、略带挑衅
- 标题风格 大胆、简洁的陈述，使用衬线字体以达到最大冲击力
- 按钮文案 含蓄而直接，通常使用全大写等宽字体
- 不要使用圆角——截图显示所有元素均为尖锐的零圆角边缘
- 不要使用多种强调色——截图显示严格的单色黑、白、灰色板
- 不要使用装饰性手写或花体字体——截图显示严格结构化的衬线和无衬线字体
- 不要在元素上使用投影——截图显示扁平、简洁的设计，景深极小
- 不要使用居中对齐的正文——截图显示为提高可读性而采用的左对齐或两端对齐的正文
- 不要使用彩色按钮——截图显示简单的文本链接和极简的 UI 元素
- 避免: 分散内容注意力的装饰性元素
- 避免: 繁杂的配色方案
- 避免: 非正式或随意的字体排印
- 避免: 过度使用阴影或渐变
10
包内真实截图
11
System Prompt
一个高端科技与文化编辑平台，以大胆、高对比度的字体排印和简洁的基于网格的布局为特色。关键颜色为纯黑 (#000000)、纯白 (#FFFFFF) 和用于建立层次的各种灰色 (#757575, #999999)。字体排印结合了用于标题的 didone-serif 和用于正文的 humanist-sans。关键禁忌：不要使用圆角或阴影，不要引入彩色强调色，不要使用随意或装饰性字体。设计优先考虑内容的清晰度和权威性的呈现，通过严格的视觉层次和充裕的留白来实现。