Hp

高端电子产品零售展厅

以单一亮蓝色作为行动色，搭配高对比度的黑白配色。

geometric-sans · monospace

• display50px · 500
• body16px · 400
• caption12px · 400

主字体为几何无衬线体。 · 标题使用中等字重 (500)，而非粗体。 · 基础字号为 16px，次要文本的行高为 16px。

基于 4px 网格的灵活间距，并配有明确的 16px 和 24px 间距单元。

极简，主要使用 1px 实心黑色或蓝色描边。

rgba(0, 0, 0, 0) 0px 0px 10px 0px

全宽主视觉区域，采用重叠的对角线图像处理。

颜色和背景色过渡 (0.2s)。 · 轮播元素的变换过渡 (0.4s)。 · 展开菜单的宽度与最大高度过渡 (0.3s)。

通过 0.2s 线性过渡实现微妙的颜色或背景色变化。 · 即时的视觉反馈。

• button 圆角为 0px 的矩形按钮，使用纯色蓝色填充或 1px 蓝色描边。
• card 基于网格的分类卡片，边框极简，留有充足内边距。
• chip 标准文本或图标按钮。
• input 带有底部边框或极简描边的简单文本输入框。
• hero 分栏布局，搭配动态对角线图像重叠与大号排版。

• 语气 专业、信息丰富、易于理解。
• 标题风格 直接、聚焦功能、简洁。
• 按钮文案 行动导向（例如，“了解更多”、“立即购买”）。

• 不要为主按钮使用圆角——截图显示其为尖锐的矩形角。
• 不要使用多种强调色——截图显示动作仅使用单一的主导蓝色。
• 不要使用过于装饰性的字体——截图显示为简洁的几何无衬线字体。
• 不要添加厚重的投影——截图显示为极简或透明的阴影效果。
• 不要将所有正文居中对齐——截图显示内容大多左对齐。
• 不要使用复杂的渐变——截图显示为纯色和摄影图像。
• 避免: 过于专业的术语
• 避免: 激进的营销语言
• 避免: 可爱或非正式的语气

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