Vodafone

一种沉稳、广阔的全球化形象，专注于人与人之间的连接。

采用高对比度的企业配色方案，在深炭灰与纯白背景下突出鲜明的红色点缀。

grotesque-sans

• display96px · 800
• headline32px · 700
• body18px · 400
• label12px · 500

巨型展示字体使用轮廓描边 · 展示尺寸保持紧凑行高 · 大写标签应用宽松字距

采用标准4px栅格，大型编辑区域使用宽松的宏观间距。

1px细边框，主要用于内部分隔线与卡片。

0px 4px 8px rgba(0, 0, 0, 0.2) · 0px 12px 16px -4px rgba(0, 0, 0, 0.08)

全宽编辑区域，在电影感主视觉与简洁的深色主题内容区块间交替呈现。

交互时平滑的颜色与背景过渡 · 状态变化时细微的内边距调整

交互元素出现细微的颜色或透明度变化。 · 通过轻微缩放或颜色调整提供即时视觉反馈。

• button 实心、药丸形状的主按钮，采用高对比度文字，并整合方向箭头。
• card 用于组织金融亮点的、带边框的简约卡片。
• chip 极简的、通常为纯文字或轮廓的标签。
• input 简洁的下划线式输入框，界面元素极少。
• hero 全出血电影感摄影，搭配大型、混合字重的排版覆盖层。

• 语气 富有远见、专业且以人为本。
• 标题风格 直接、有力，常以混合字重（轮廓/实心）的排版风格呈现。
• 按钮文案 清晰、行动导向，并配以向前移动的箭头。

• 避免使用杂乱的栅格——示意图显示的是干净、全宽、留有充足白边的编辑区域。
• 避免使用沉重的投影——示意图显示的是表面基本平坦，仅有非常细微、柔和的阴影。
• 避免在主按钮上使用圆角方形——示意图显示的是完全药丸形（60px）的按钮。
• 避免在正文排版中依赖轮廓字体——示图仅对巨型展示标题使用轮廓。
• 避免使用多彩按钮——示意图显示的是单色按钮（白色或红色）配以黑色/白色文字。
• 避免为UI元素使用衬线字体——示意图显示的是严格遵循无衬线字体体系的排版系统。
• 避免: 避免使用过于技术性的术语
• 避免: 避免拥挤、杂乱的布局
• 避免: 避免使用霓虹色或冲突的配色方案

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