01
设计气质 DNA
奢华精准传承时计工艺
一枚精心打造的瑞士腕表,每个细节都经过深思熟虑与精炼。
02
色彩
#C40D2EAccent#FFFFFFInk#555555Ink soft#000000BG#F2F2F2BG soft#F9F9F9BG quiet#E5E5E5Mutedrgba(85,85,85,1)Line以高对比度单色系为基础,通过单一、克制的红色点缀用于品牌标识和关键行动号召,营造永恒奢华感。
03
字体
- display
56px · 400 - heading
20px · 400 - body
16px · 400 - caption
12px · 400
所有文字采用大写字母并配以宽松的字间距,营造精致、编辑式的感受。 · 标题使用笔画粗细一致的几何无衬线字体,呈现现代、简洁的外观。 · 正文通过充足的行高和间距保持高可读性。
04
间距
4px8px16px24px32px48px64px96px基于严格的 4px 网格基础,采用由大量留白驱动的节奏,以强调产品摄影和清晰的内容层级。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
0px 0px 6px 0px rgba(71, 71, 71, 0.29) · 4px 8px 9px 0px rgba(0, 0, 0, 0.15)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
一个干净、基于网格的布局,专注于大型、电影感的主视觉图像和充足的留白,以展示产品细节。
07
动效与交互
100msmicro
200mssmall
600msmedium
cubic-bezier(0.39, 0.575, 0.565, 1)easing
用于悬停状态和元素显示的平滑透明度和变换过渡。 · 带有手动暂停控制的视频或图像轮播,指示微妙、由用户触发的运动。
交互元素上微妙的透明度或颜色变化,保持精致感。 · 直接的导航或展开,配合平滑过渡。
08
组件
- button 幽灵按钮,带有 1px 实线边框、大写文字和充足的内边距,营造干净、高端的质感。
- card 干净、无边框的卡片,依靠高质量摄影和排版建立层级。
- chip 在可见版块中未突出使用。
- input 在可见版块中未突出使用。
- hero 全屏视口、电影感的图像或视频背景,居中放置大写排版文字和一个幽灵按钮行动号召。
09
文案语气与禁用清单
- 语气 权威、精致且精准,反映品牌的传承与奢华地位。
- 标题风格 简短、有力、大写的短语,引发好奇并突出产品系列。
- 按钮文案 直接且以行动为导向,使用大写幽灵按钮和清晰的动词。
- 避免使用杂乱或繁忙的布局——截图显示了大量的留白和元素间充足的间距。
- 避免使用低分辨率或随意的摄影——截图显示的是高分辨率、电影感且精心布光的产品照片。
- 避免使用圆润或俏皮的UI元素——截图显示的是锐利、精确的边框和结构化的几何美感。
- 避免使用明亮、饱和的背景色——截图显示的是纯黑 (#000000) 或干净的白色/灰白色 (#F9F9F9) 背景。
- 避免使用非正式或随意的排版——截图显示的是统一、大写、几何无衬线字体,配有宽松的字间距。
- 避免使用多种相互竞争的强调色——截图显示的是单一、克制的红色 (#C40D2E),仅用于品牌标识且使用克制。
- 避免: 口语化语言
- 避免: 过多的感叹号
- 避免: 推销式或促销性行话
- 避免: 低质量或随意的图片
- 避免: 杂乱或繁忙的布局
10
包内真实截图












11
System Prompt
设计一个瑞士奢华制表品牌的数字界面。其身份精致、精准且具有权威性。主色调为深黑 (#000000) 和干净的白色/灰白色 (#F9F9F9) 以形成高对比度,并搭配一个克制使用的单一红色强调色 (#C40D2E) 用于品牌元素。排版采用几何无衬线字体(标题/正文),配以宽松的字间距和大写处理以营造精致感。关键设计规则:1) 不要使用杂乱的布局;保持充足的留白。2) 不要使用随意或低质量的图像;仅接受高分辨率、电影感的产品摄影。3) 不要使用俏皮的UI元素;保持锐利、精确的边框和几何形态。
