01
设计气质 DNA
代理创意作品集高端时尚编辑
将高端时尚杂志转化为数字画廊。
02
色彩
#141414Ink#FFFDF1BG#E6E6E6Mutedrgba(20, 20, 20, 0.1)Line采用严格的米底黑字排版,以生动摄影作为唯一色彩来源。
03
字体
- display
75px · 400 - body
16px · 400 - caption
12px · 400
所有文本使用 AntiqueLegacy 字体族。 · 所有元素保持400的严格字重。
04
间距
4px8px10px16px24px32px48px64px间距与内边距采用8px基线节奏。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
1px实线边框颜色用于细微分隔。
06
布局
1920container
12columns
10pxgutter
768 / 1024breakpoints
全宽图像网格,最小化内边距。
07
动效与交互
100msmicro
150mssmall
600msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
悬停与页面过渡时采用透明度渐变与细微变换效果。
光标变为pointer;细微透明度或变换过渡。 · 标准导航。
08
组件
- button 纯文本链接,光标显示为pointer。
- card 图像驱动的画廊项目,文本元数据位于下方。
- hero 页面顶部的大尺寸排版标题。
09
文案语气与禁用清单
- 语气 极简、专业且自信。
- 标题风格 大号加粗衬线排版。
- 按钮文案 简洁文本链接。
- 不要使用鲜艳UI强调色——截图显示设计依赖摄影提供色彩。
- 不要使用无衬线字体——截图显示全文采用统一的过渡衬线字体。
- 不要使用厚重阴影或圆角——截图显示扁平化的满幅图像。
- 不要使用密集文本布局——截图显示极简精炼的文案与大量留白。
- 不要使用复杂导航菜单——截图显示顶部对齐的扁平导航栏。
- 不要使用圆角图像——截图显示所有图像采用严格矩形裁剪。
- 避免: 装饰元素
- 避免: 复杂渐变
- 避免: 鲜艳UI强调色
- 避免: 密集文本块
10
包内真实截图
11
System Prompt
为Something Special Studios打造的高端创意代理作品集。定位:以图像优先的高端画廊,展示时尚、零售与生活方式作品。关键十六进制颜色:#FFFDF1(米色背景)、#141414(墨黑)与#E6E6E6(柔化边框)。字体类别:过渡衬线字体(AntiqueLegacy)用于展示与正文。关键禁忌:绝不使用无衬线字体;绝不为图像添加圆角;绝不使用鲜艳UI强调色或阴影。布局采用极简全宽网格,优先呈现摄影而非装饰性UI元素。




