01
设计气质 DNA
匠心定制工作室工艺画廊
高端匠心工作室画廊
02
色彩
#FFFFFFInk#000000BGrgba(255,255,255,0.1)Line以黑色为画布,搭配白色排版和一幅全出血的氛围感摄影图片。
03
字体
- display
72px · 400 - nav
12px · 400
所有排版均为大写字母 · 标题文字采用宽松的字间距 · 等宽或高度调整字距的几何无衬线字体
04
间距
4px8px16px24px32px48px64px96px元素周围留有充足的留白,并遵循严格的网格系统。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
主行动按钮采用细白色边框。
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
全屏主视觉图片,顶部导航栏,底部对齐的大标题。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
页面元素微妙的渐显效果 · 导航链接平滑的 hover 过渡
微妙的透明度变化或颜色偏移 · 标准指针光标
08
组件
- button 白色矩形轮廓,内含大写文本
- card 无可见组件
- chip 无可见组件
- input 无可见组件
- hero 全出血的氛围感摄影,叠加导航栏和底部的大号排版。
09
文案语气与禁用清单
- 语气 匠心、自信、专属
- 标题风格 大号、全大写、宽字距、富有诗意
- 按钮文案 清晰、全大写,由细边框框定
- 不要使用明亮、高色度的强调色——截图显示在摄影背景上使用严格的单色色板。
- 不要在主要导航或主视觉区域使用小写文本——截图显示所有内容均为大写。
- 不要使用宽、粗体的无衬线字体——截图显示常规字重、宽字距的几何无衬线体。
- 不要使用紧凑的字间距——截图显示所有可见文本均有意拉开了字距。
- 不要在主视觉区域使用标准的段落块——截图使用的是大型、富有表现力的排版。
- 不要为主要区域使用纯色背景——截图使用的是全出血的摄影背景。
- 避免: 鲜艳、霓虹或高饱和度的强调色
- 避免: 密集的正文段落
- 避免: 俏皮或过于圆润的字体
- 避免: 复杂、繁忙或拥挤的布局
- 避免: 未经宽字距调整的标准无衬线字体
11
System Prompt
一个高端匠心工作室网站,特点是全出血的氛围感摄影、鲜明的黑白排版叠加,以及宽字距的几何无衬线字体。它将自己定位为专属的定制设计工作室,使用纯黑(#000000)和纯白(#FFFFFF)的克制色板,让摄影工艺自己说话。布局极简而开阔,专注于大写、拉宽字距的文本,营造出精致的画廊感。关键禁忌:不要在关键区域使用小写文本,不要添加高色度的强调色,不要使用标准字宽的字间距。