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 还有一个用于背景颜色和其他可视化的扩展调色板。
