01
设计气质 DNA
品牌塑造设计机构文化话语
高端文化机构的展览图录
02
色彩
#000000Ink#FFFFFFBG#666666Mutedrgba(0, 0, 0, 0.1)Line严格的单色调色板,黑色文字与白色背景之间具有高对比度。
03
字体
- display
48px · 400 - heading
24px · 400 - body
16px · 400
所有排版使用过渡衬线体。 · 保持充足的行高以确保可读性。 · 避免使用超过两种不同的字体尺寸。
04
间距
4px8px16px24px32px48px64px96px严格的 4px 网格,元素间留有充足间距。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
无可见边框;依靠间距进行分隔。
06
布局
1400container
12columns
32pxgutter
768 / 1024breakpoints
全宽主图配文字叠加;顶部水平导航栏。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
细微的页面过渡 · 平滑滚动
导航链接的文字颜色变化或下划线。 · 立即响应并进行页面过渡。
08
组件
- button 带箭头指示的文本链接,无背景或边框。
- card 全出血图像卡片,配文字叠加。
- hero 大型摄影图像,配衬线文字叠加。
09
文案语气与禁用清单
- 语气 正式、知性、精致。
- 标题风格 陈述式、聚焦文化的声明。
- 按钮文案 含蓄、描述性的行动号召(例如:“查看案例 →”)。
- 不要使用无衬线字体——截图显示全部使用衬线字体排版
- 不要使用鲜艳的强调色——截图显示严格的黑白色调
- 不要使用圆角——截图显示为锐利的矩形元素
- 不要使用投影——截图显示为平面、干净的界面
- 不要使用拥挤的布局——截图显示充足的留白和间距
- 不要使用复杂的导航菜单——截图显示为简单的水平文本链接
- 避免: 过多的标点符号
- 避免: 非正式用语
- 避免: 技术术语
11
System Prompt
这是一个品牌塑造机构的作品集网站,具有极简、精致的美学风格。设计采用严格的单色调色板,黑色(#000000)文字搭配白色(#FFFFFF)背景。排版完全使用过渡衬线体,同时用于标题和正文。关键禁忌:避免无衬线字体、避免彩色强调、避免圆角、避免投影、避免拥挤布局、避免复杂导航。布局简洁宽敞,留白充足,聚焦于高品质摄影和精致的排版。