01
设计气质 DNA
极简主义编辑风格产品摄影高端健康
专注于干净、精致产品呈现的高端设计工作室作品集。
02
色彩
#484036Ink#666E72Ink soft#ECECE4BG#FAF5EBBG quiet#CACAB0Mutedrgba(72, 64, 54, 0.15)Line柔和、低饱和度的暖色中性调营造出宁静、高级的背景,让摄影作品成为视觉焦点。
03
字体
- display
45px · 400 - heading
29px · 400 - body
28px · 400
展示文本使用几何无衬线字体,通过紧凑的字距营造戏剧性冲击力 · 正文文本使用人文无衬线字体,配合充裕的行高以确保可读性 · 所有文本均使用常规字重(400),营造宁静、精致的感觉
04
间距
4px8px16px24px32px48px64px96px充裕的垂直内边距(100-300px)为各区块之间创造了呼吸空间
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 4px
lg · 4px
pill · 999px
极简风格,使用柔和墨色细线进行微妙分隔
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
全出血式英雄图像,配合充裕的垂直间距,内容居中并带有充足内边距
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
交互元素上平滑的变换和透明度过渡 · 所有过渡效果统一采用0.4秒以保持一致性
细微的颜色或变换变化,采用0.4秒过渡 · 通过变换提供即时视觉反馈
08
组件
- button 极简的、大写文本链接,带有细微的过渡效果
- card 干净、以图像为主导的呈现,配有充裕的留白
- hero 大型全出血式摄影英雄区块,带有超大品牌排版叠加
09
文案语气与禁用清单
- 语气 精致、内敛且高端
- 标题风格 大型、干净的排版,配有充裕的间距
- 按钮文案 极简的大写文本链接,带有细微的交互
- 不要使用饱和的强调色 — 截图显示为完全去饱和的大地色调
- 不要添加厚重的投影 — 截图显示为平面、干净的表面
- 不要使用装饰性衬线字体 — 截图显示为几何和人文无衬线字体
- 不要创建密集的布局 — 截图显示元素之间有充裕的留白
- 不要使用纯白色背景 — 截图显示温暖的离白(#ECECE4)作为主色
- 不要添加复杂的动画 — 截图显示细微、平滑的过渡效果
- 避免: 鲜艳的颜色
- 避免: 杂乱的布局
- 避免: 厚重的阴影
- 避免: 密集的文本块
10
包内真实截图
11
System Prompt
Forner Studio 是一个具有精致编辑美学的高端设计作品集。关键颜色为大地色系中性色:温暖的离白(#ECECE4)、深墨色(#484036)和柔和的强调色(#CACAB0)。排版结合了用于展示的几何无衬线字体和用于正文的人文无衬线字体,均使用常规字重。布局采用全出血式摄影,配合充裕的垂直间距(100-300px)。关键注意事项:避免使用饱和颜色、跳过厚重阴影、不使用装饰性衬线字体、保持宽松的布局、绝不使用纯白色背景,并保持动画细微。该网站通过极简的界面和强大的视觉层级,强调宁静、高端的产品呈现。




