01
设计气质 DNA
编辑设计奢华制作创意指导摄影
高端时尚杂志作品集或奢侈品牌案例研究档案。
02
色彩
#1A1A1AInk#D3CEBCBG#FFFFFFMutedrgba(0,0,0,0.1)Line柔和、温暖的中性背景,为生动的摄影内容提供一个平静而精致的画布。
03
字体
- display
32px · 400 - navigation
36px · 400 - caption
14px · 400
在深色图片上叠加说明文字时使用白色文字 · 为展示型标题保持紧凑的字距
04
间距
4px8px16px24px32px48px64px96px照片画廊采用基于严格网格的间距,间距保持一致。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
无可见边框;依赖图片边缘和留白进行视觉分隔。
06
布局
1440container
3columns
8pxgutter
768 / 1024breakpoints
一个严格的三栏瀑布流或等高网格,用于项目缩略图。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing
从静态截图无法判断 · 从静态截图无法判断
08
组件
- button 截图中未显示任何按钮
- card 图片卡片无边框,使用底部对齐的白色文字叠加层展示项目标题和类别。
- chip 截图中未显示任何标签
- input 截图中未显示任何输入框
- hero 无专属首屏区域;网站直接从作品集网格开始。
09
文案语气与禁用清单
- 语气 专业、低调且奢华。
- 标题风格 全大写、大尺寸衬线字体,字距宽松。
- 按钮文案 从静态截图无法判断
- 不要使用明亮或霓虹色作为强调色——截图显示的是严格柔和的温暖中性色板
- 不要给图片或卡片添加圆角——截图显示的是棱角分明的直角边缘
- 不要为标题使用无衬线字体——截图展示的是优雅的过渡衬线字体
- 不要使用深色模式或深色背景——截图显示的是浅色、温暖的米色背景
- 不要添加装饰性图标或插图——截图完全依赖于高质量的摄影
- 不要使用繁杂或混乱的布局——截图显示的是简洁、严格的三栏网格
- 避免: 过于随意的语言
- 避免: 明亮的霓虹色
- 避免: 装饰性元素
- 避免: 厚重的投影
- 避免: 图片的圆角
11
System Prompt
这个网站是'The Communication Studio'的创意机构作品集。它采用了严格的、以摄影为先导的编辑设计。色板极简:柔和的温暖米色背景(#D3CEBC),深色文字(#1A1A1A)和白色叠加文字(#FFFFFF)。排版仅使用过渡衬线字体,标题为大号全大写字体,说明文字则使用简洁衬线字体。布局是简洁的三栏网格,无可见边框或投影。关键禁忌:不要为展示型标题使用无衬线字体;不要给图片卡片添加圆角;不要使用深色模式;不要引入明亮的强调色;不要用装饰性插图代替摄影;不要使用厚重的阴影。