OpenDesign·你的设计资产库

网页参考

McLaren

F1车队与超跑制造商的数字化呈现,以戏剧性摄影和手术刀般的精准度为核心。

AutomotiveLuxury

封面待补录,可通过原站查看设计。

01

设计气质 DNA

性能工程奢华速度精准

一台高性能机器,每个部件都经过优化,每个表面都具有明确功能。

02

色彩

#FF8000Accent
#FFFFFFInk
#53565AInk soft
#000000BG
#282828BG quiet
#787878Muted
rgba(229, 231, 235, 1)Line

以单色为基础(黑/白),辅以单一、极具冲击力的品牌橙色。

03

字体

geometric-sans

  • display56px · 500
  • heading25px · 400
  • body16px · 400
  • caption12px · 400

所有导航和章节标题均采用大写字母。 · 大写文本元素的字间距增加(2px)。 · 基础字号为16px,行高统一为1.5倍(24px)。

04

间距

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

遵循一致的8px网格系统,交互元素采用充裕的内边距(12px-26px)。

05

表面 (圆角 / 阴影 / 边线)

sm · 0px
md · 0px
lg · 0px
pill · 0px

使用1px实线边框 rgb(229, 231, 235) 实现细微分隔与聚焦状态。

rgba(0, 0, 0, 0.08) 0px 4px 12px 0px

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

采用全视口主视觉图片,内容区域叠加于底部。

07

动效与交互

150msmicro
200mssmall
300msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

交互元素在悬停时应用细微的变换过渡效果。 · 状态变化时采用颜色与背景色的平滑过渡。

通过颜色过渡或变换提供细微的视觉反馈。 · 立即响应,配合标准指针光标指示。

08

组件

  • button 扁平的矩形色块,采用实心品牌橙色背景与大写黑色文字。
  • card 设计极简或完全省略,倾向于全宽摄影构图。
  • chip 简洁的文本式导航链接,带下划线指示器。
  • input 在当前主视觉区域中不显著显示。
  • hero 采用电影级全幅摄影,底部叠加深到浅的渐变覆盖层。

09

文案语气与禁用清单

  • 语气 权威、精致且注重性能。
  • 标题风格 采用粗体、大写、简洁的风格,常与深色背景形成高对比度。
  • 按钮文案 直接且功能性明确,使用实心品牌色块与大写文字。
  • 勿使用圆角——截图显示为锐利的矩形按钮与界面元素。
  • 勿使用多种强调色——截图显示严格的单色配色方案搭配单一橙色点缀。
  • 导航勿用小写字母——截图显示所有菜单项均为大写。
  • 勿使用装饰性或手写字体——截图显示为简洁的几何无衬线字体。
  • 勿在主视觉区域堆砌文字——截图显示大面积摄影区域搭配少量、位置恰当的文字。
  • 主要元素勿用投影——截图显示扁平设计,仅数据区域有一处细微阴影。
  • 避免: 俏皮或异想天开的语言
  • 避免: 圆角或柔和形状
  • 避免: 拥挤或杂乱的布局

10

包内真实截图

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

迈凯伦的数字身份是克制与性能美学的典范。品牌定位在高端工程与奢华生活方式的交汇点。配色严格采用单色体系(黑 #000000、白 #FFFFFF、灰 #53565A、#787878),仅以一抹极具冲击力的品牌橙色(#FF8000)作为点缀。字体使用几何无衬线类字体,强调大写、加宽字距的导航与标题。布局以电影感的全视口摄影为主导。关键设计约束:绝不使用圆角或柔和形状。绝不使用多种强调色。绝不在主视觉区域堆砌过多文字或界面组件。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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