小米设计风格——橙白活力与极客效率

分享海报

@user_2af611f4/xiaomi-design-style

小米官网与 MIUI/HyperOS 设计风格指南——配色（纯白+活力橙+#333）、 排版（MiSans，干净利落无衬线）、布局（网格卡片+参数对比）、 影像（白色背景产品图+生态链全家福）、文案（参数硬核+性价比语境）。 v1.2 修复卡片写死 bug（改为动态渲染，输入什么就生成什么）、 生成器升级为多区块完整页面（Hero+参数+卖点+横向卡片+CTA）、 新增纯 CSS 动效（含无障碍处理）、3 个示例页、46 项测试。 v1.1 新增页面生成器：输入产品名/价格/参数 → 一键生成小米风格 HTML 页面（橙色CTA+参数网格+横向滚动卡片）。当用户提到 「小米风格」「橙色科技」「性价比排版」时触发。