精选 · 开放 · 免费

McLaren

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

01

设计气质 DNA

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

02

色彩

以单色为基础（黑/白），辅以单一、极具冲击力的品牌橙色。

03

字体

geometric-sans

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

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

04

间距

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

05

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

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

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

06

布局

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

07

动效与交互

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

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

08

组件

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

09

文案语气与禁用清单

• 语气 权威、精致且注重性能。
• 标题风格 采用粗体、大写、简洁的风格，常与深色背景形成高对比度。
• 按钮文案 直接且功能性明确，使用实心品牌色块与大写文字。

• 勿使用圆角——截图显示为锐利的矩形按钮与界面元素。
• 勿使用多种强调色——截图显示严格的单色配色方案搭配单一橙色点缀。
• 导航勿用小写字母——截图显示所有菜单项均为大写。
• 勿使用装饰性或手写字体——截图显示为简洁的几何无衬线字体。
• 勿在主视觉区域堆砌文字——截图显示大面积摄影区域搭配少量、位置恰当的文字。
• 主要元素勿用投影——截图显示扁平设计，仅数据区域有一处细微阴影。
• 避免: 俏皮或异想天开的语言
• 避免: 圆角或柔和形状
• 避免: 拥挤或杂乱的布局

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko