OpenDesign·你的设计资产库

网页参考

Omega

一个瑞士奢华制表品牌的数字呈现,通过精致、单色的界面和电影感的产品摄影,强调精准、传承与高端工艺。

WatchesLuxury
Omega 网站截图

历史页面片段,非最新首页;规范与授权仍需分别核实。

01

设计气质 DNA

奢华精准传承时计工艺

一枚精心打造的瑞士腕表,每个细节都经过深思熟虑与精炼。

02

色彩

#C40D2EAccent
#FFFFFFInk
#555555Ink soft
#000000BG
#F2F2F2BG soft
#F9F9F9BG quiet
#E5E5E5Muted
rgba(85,85,85,1)Line

以高对比度单色系为基础,通过单一、克制的红色点缀用于品牌标识和关键行动号召,营造永恒奢华感。

03

字体

geometric-sans

  • display56px · 400
  • heading20px · 400
  • body16px · 400
  • caption12px · 400

所有文字采用大写字母并配以宽松的字间距,营造精致、编辑式的感受。 · 标题使用笔画粗细一致的几何无衬线字体,呈现现代、简洁的外观。 · 正文通过充足的行高和间距保持高可读性。

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

基于严格的 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元素;保持锐利、精确的边框和几何形态。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。