New Balance

高性能运动跑道与都市街头服饰的交汇

采用高对比度单色板，以锐利的红色点缀引导视觉焦点。

grotesque-sans

• display56px · 500
• headline32px · 500
• body16px · 400
• label12px · 500

基于一致的4px网格，为主要元素留出充足的间距。

1px solid #E5E5E5

0 2px 8px rgba(0,0,0,0.15)

上方为全宽主视觉图像，下方是醒目的四栏产品网格。

模态叠加层采用细微的淡入效果 · 产品轮播采用平滑的水平滚动

交互元素在悬停时产生细微的背景色变化。 · 立即触发状态改变或打开模态窗口。

• button 锐利的矩形按钮，采用高对比度填充，无圆角边框。
• card 简洁的无边框产品卡片，依赖留白与高质量图像呈现。
• chip 极简的标签式选择器，带有细底边框或细微背景填充。
• input 带下划线的文本输入框，配合浮动标签，视觉层次清晰。
• hero 沉浸式全出血摄影，搭配大胆的左对齐排版和纯色行动号召按钮。

• 语气 自信、直接、聚焦性能表现。
• 标题风格 简短有力的陈述，混合使用小写字母与加粗强调。
• 按钮文案 行动导向且直接，使用如‘立即购买’、‘注册’等简洁动词。

• 避免使用圆角——截图显示所有按钮和卡片均为锐利的矩形边缘。
• 避免使用柔和或暗淡的主色调——截图显示的是高对比度的黑白与鲜艳红色。
• 避免使用花体或装饰性字体——截图使用的是简洁的现代无衬线字体。
• 避免使用复杂的背景图案——截图依赖纯净的留白与全出血摄影。
• 避免使用过多的投影效果——截图采用极简、细微的投影或无投影。
• 避免居中对齐正文——截图显示的是左对齐的文本块和标题。
• 避免: 浮夸或过度情绪化的语言
• 避免: 复杂的技术术语
• 避免: 滥用感叹号