DJI

近白色基底、视频展示与胶囊形控件。
页面以近白色为基底,搭配近黑色文字。字体采用 Open Sans、Arial。视觉特点包括视频展示、胶囊形控件、圆角卡片、网格布局。适合参考的场景:品牌电商首页、商品展示页。
查看原始网站使用规范
建议采用
- 仅在持续购物按钮、激活导航指示器以及文本内链接中使用 #0070d5,禁止引入其他强调色
- 在任何产品亮相或活动落地页中,均使用深色首屏模式(#000000 满幅填充,白色显示文本)
- 所有按钮和标签的圆角半径统一为 64px,以保持定义 DJI 控制形态的胶囊几何结构
- 在所有展示尺寸 32px 及以上时,使用 Open Sans 300 字重,字间距 -0.03em
- 用雾色(#ededed)画布分隔无边框、无阴影的白色产品卡片——禁止添加卡片轮廓
- 基础元素间距为 8px,行间间距扩展至 16px(卡片行间),区块间距为 48px
- 阴影(rgba(0,0,0,0.1) 0px 8–16px 16px)仅用于固定导航和浮动叠加层
建议避免
- 禁止在正文、标题或大面积背景中使用 Signal Blue——该色必须仅作为小范围功能性强调色
- 禁止为产品卡片添加装饰边框或厚重阴影——4px 圆角无边框是其标志性特征
- 除深色首屏和页脚外,禁止为全页区域使用彩色背景
- 禁止使用衬线字体、展示字体或装饰性字体——仅限 Open Sans 300–600 字重家族
- 除非真实的产品流程需要,禁止使用绿色/红色/黄色等语义色作为状态指示
- 禁止在按钮上使用锐利的 0px 或大尺寸(16px 及以上)圆角——64px 胶囊形态对品牌一致性是不可妥协的
- 禁止在背景、按钮或卡片上使用渐变——系统必须保持扁平