Findmy Vitra

一个精心设计的标准界面元素，优先考虑清晰度和功能性，而非表达。

中性、高对比度的配色方案，无强调色，优先考虑可读性和功能性。

grotesque-sans

• display16px · 700
• body14px · 400

所有 UI 文本使用中性、高度易读的无衬线字体。 · 在密集的文本块中，保持一致且紧凑的行高以提高可读性。 · 谨慎使用粗体进行强调，主要用于标题和按钮。

基于 4px 的一致比例，在模态框内为内边距和外边距提供逻辑递进。

1px solid #e0e0e0

0 4px 24px rgba(0,0,0,0.12)

居中定宽的模态框，文本左对齐，操作按钮行右对齐。

模态框出现时的淡入效果 · 按钮悬停时细微的投影过渡

按钮悬停时改变背景色；纯色按钮可能会变亮，描边按钮可能会填充浅灰色。 · 按钮轻微下压或改变颜色以指示激活状态。

• button 水平排列的三个按钮：两个等宽的描边按钮“更多”和“拒绝”，以及右侧一个纯黑色的“全部接受”按钮。
• card 整个 Cookie 同意模态框作为一个卡片，带有细微的投影和白色背景。

• 语气 中立、信息明确且直接。法律上精确但不冷漠。
• 标题风格 简洁、直接的名词短语（“Cookies”），无额外阐述。
• 按钮文案 标准按钮形状上的清晰动作动词（“更多”、“拒绝”、“全部接受”）。

• 不要使用鲜艳或饱和的强调色——截图显示的是严格的中性配色方案。
• 不要使用装饰性或表现性的字体——截图显示的是简洁、中性的无衬线字体。
• 不要在主按钮上使用圆角——截图显示的是带有直角边的纯色按钮。
• 不要使用多列布局排列文本——截图显示的是单一、密集的段落块。
• 不要使用复杂的动画或动效——截图暗示的是简单、功能性的状态变化。
• 不要使用大号、醒目的排版——截图对所有内容都使用小号的正文尺寸文本。
• 避免: 俏皮语言
• 避免: 情感诉求
• 避免: 过度大写
• 避免: 模糊的行动号召