Rolex

一位制表大师的作品集

以洁净的白色背景搭配高对比度黑色文字，并以单一标志性的深绿色作为点缀。

humanist-sans

• display48px · 400
• heading32px · 400
• body16px · 400

标题使用简洁的几何无衬线字体，字间距宽松。 · 正文易读，行高舒适。 · 字重主要为常规体，仅在需要强调时使用粗体。

充裕的留白营造奢华与宁静感。

用于分隔的纤细、微妙的边框，主要使用浅灰色线条。

0 1px 3px rgba(0,0,0,0.08)

全出血主视觉图像搭配居中内容，以及简洁的固定导航栏。

内容加载时的微妙淡入效果。 · 主页面的平滑滚动行为。

导航链接上微妙的颜色变化或下划线显示。 · 反馈极简，专注于即时的页面过渡。

• button 极简风格，可以是纯文本按钮，或使用主题色填充。
• card 此视图中未显著展示，但可能风格简洁，边框极少。
• chip 不可见。
• input 用于位置选择的简洁、下划线式文本输入框。
• hero 全出血、高质量摄影主视觉图，配有向下滚动指示器。

• 语气 权威、优雅、克制。
• 标题风格 直接、简洁、自信。
• 按钮文案 微妙且引人入胜，常使用低调的按钮或文本链接。

• 避免使用花哨、高饱和度的点缀色——截图显示只有一种深沉、柔和的绿色作为点缀。
• 避免使用过于装饰性或衬线字体——截图显示一种简洁的人文主义无衬线字体风格。
• 避免用密集文本或复杂布局使界面杂乱——截图显示充裕的留白和简洁、聚焦的导航。
• 避免使用投影或厚重的景深效果——截图显示扁平、极简的界面和非常细微的边框。
• 避免在正文或导航中使用全大写——截图显示了首字母大写与句子大小写的混合使用。
• 避免使用快速、刺眼的动画——截图暗示了一种平静、精炼的交互模式。
• 避免: 使用感叹号或过于热情的语言。
• 避免: 实施花哨或干扰性的动画。
• 避免: 使用多种相互竞争的点缀色。
• 避免: 用过多的UI元素使界面杂乱。
• 避免: 依赖过于复杂或技术性的术语。