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 還擁有一個用於背景顏色和其他視覺化的擴充套件調色盤。