01
设计气质 DNA
极简智性品牌哲学内敛
一本高端艺术画廊目录或一份奢侈品牌宣言
02
色彩
#b5b5aeInk#f5f3ebBG#a8a8a1Mutedrgba(165, 165, 158, 0.5)Line采用单一暖调中性光谱的单色柔和色板,营造平静、专注的画布。
03
字体
- display
80px · 400
使用大型、优雅的衬线字体作为主要视觉元素。 · 在同一标题中混合使用罗马体和意大利体,以创造节奏变化。 · 保持充足行高,确保在大尺寸下的可读性。
04
间距
4px8px16px24px32px48px64px96px不对称且开放,依靠大边距和垂直留白来创造轻松的阅读节奏。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
极少或无,仅使用非常微妙的下划线进行文本强调。
06
布局
1200container
12columns
32pxgutter
768 / 1024breakpoints
一个单栏、文本密集的布局,拥有大量垂直内边距,强烈关注居中或左对齐的排版。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
使用微妙、缓慢的淡入效果呈现文本,以保持平静氛围。
在可交互文本元素上,光标发生微妙变化或颜色偏移。 · 标准指针反馈。
08
组件
- button 截图中未见,但可能为内敛的文本链接或极简的填充形状。
- card 未见。
- chip 未见。
- input 未见。
- hero 一个巨大的、以排版为主导的英雄区域,利用字重、样式(罗马体/意大利体)和微妙的下划线来传达意义。
09
文案语气与禁用清单
- 语气 哲学性的、平静的、权威的。
- 标题风格 使用优雅衬线字体的陈述句式,常通过意大利体单词进行强调。
- 按钮文案 可能极简且基于文本,避免使用醒目的按钮。
- 不要使用明亮、高饱和度的颜色——截图显示的是柔和的暖调中性色板。
- 不要为标题使用无衬线字体——截图显示的是优雅的过渡衬线字体。
- 不要使用厚重的投影或3D效果——截图是完全扁平的。
- 不要用多栏或密集网格挤满布局——截图显示出充足的留白。
- 不要使用加粗、全大写的排版进行强调——截图使用意大利体和微妙的下划线。
- 不要使用标准的蓝色链接颜色——截图将所有文本保持在相同的暖灰/灰褐色谱内。
- 避免: 喧闹
- 避免: 杂乱
- 避免: 技术术语
- 避免: 鲜艳色彩
- 避免: 俏皮图标
11
System Prompt
这是一个为Zeus Jones设计的精致、智性的机构网站。设计高度依赖排版,特别是罗马体和意大利体风格的过渡衬线字体,背景是平静的暖调米白色(#f5f3eb)。主文本颜色为柔和的灰色(#b5b5ae),营造出低对比度、精致的感觉。布局宽敞,垂直节奏充足。关键设计规则包括:永不使用明亮或饱和的颜色,避免无衬线展示字体,永不使用厚重阴影或杂乱布局,并使用意大利体进行内部标题强调,而非加粗或全大写。