Flutter 标志
请勿在您的应用程序、产品、服务或网站的整体名称中,将 Flutter 标志或其任何变体与整体名称结合使用。请勿以可能造成混淆或误导的方式修改或使用 Flutter 标志,并且切勿将 Flutter 品牌作为您页面上最突出的元素。
标准组合标志
标准组合标志可用于幻灯片演示和博客文章。它绝不能在产品中使用,或以暗示 Flutter 认可或构建该产品的方式使用。
颜色变体
浅色
用于带有重叠形状或各种图案的浅色背景。
深色
当透明度不可用时,用于带有重叠形状或各种图案的深色背景。
透明度
用于带有重叠形状或各种图案的深色背景。
镂空
用于具有高对比度的纯深色背景
标志变体
垂直组合标志
当水平空间有限时,可以使用垂直组合标志
标志图形
当垂直和水平空间有限时,可以单独使用标志图形而无需标志文字。
使用 Flutter 构建
在提及另一个应用程序的上下文时。这包括在博客文章、新闻采访和应用程序本身中。
尺寸与间距
为确保可读性,Flutter 组合标志和图标应置于开放空间中。组合标志或图标周围应始终保持至少相当于单个“F”高度的最小间距。如果可能,应提供更大的间距。标志不应被文本或插图重叠或拥挤。此外,标志不应与其他标志或标签链接。只能使用经批准的品牌组合标志。


对齐
Flutter 图标在居中对齐时显得不平衡。居中对齐图标时,请使用左上角和左下角作为参考点,以提供视觉平衡。

正确做法:使用左上角和左下角作为参考点,在视觉上居中对齐 Flutter 图标

错误做法:几何上居中对齐 Flutter 图标
对比度
使用镂空版标志时,请务必确保前景和背景颜色通过 WCAG AA 无障碍标准。WCAG 2.0 AA 级要求普通文本的对比度至少为 4.5:1,大文本的对比度为 3:1。WCAG 2.1 要求图形和用户界面组件的对比度至少为 3:1。
正确做法:对比度 - 5.29:1,符合 WCAG AA 标准
错误做法:对比度 - 2.23:1,不符合 WCAG AA 标准
连字
以标题格式渲染名称“Flutter”时,请关闭标准连字。两个“t”字符应保持独立。

正确做法:关闭标准连字

错误做法:开启标准连字
颜色
Flutter 海军蓝
#042B59
Flutter 蓝
#0553B1
Flutter 天空蓝
#027DFD
主要颜色
标志由一种主要蓝色和两种强调蓝色组成。
红色
#F25D50
黄色
#FFF275
紫色
#6200EE
绿色
#1CDAC5
辅助颜色
Flutter 还拥有一个用于背景颜色和其他可视化的扩展调色板。
