04 · Logo
LOGO
21 個變體都已定案,不新增也不重繪。這一章要解決的是:這個場合該拿哪一個。
Pick
選檔只有
兩個問題
底色是深是淺、要彩色還是單色。回答完這兩題,檔名就決定了。
檔名怎麼讀
21 個檔案共用同一套命名,三段各回答一個問題。
form哪一種形態-modifier彩色 sunset/單色 mono-mode適用背景 light/dark.svg
mode 指的是背景,不是 LOGO 本身的顏色。
sunset-dark 是「給深色背景用的彩色版」,它自己是 cream 加 peach 的亮色; sunset-light 是「給淺色背景用的彩色版」,它自己是 cedar 加 peach 的暗色。看到 dark 就拿深色 logo 是最常見的選錯。 背景亮度怎麼分
分界在相對亮度 61%,臨界色是 dawn-gold #E5C8A4,兩版都適用。
用 sunset-dark背景亮度 ≤ 61%
cedar 全段・moss 900 至 300・peach 700 至 300・dawn sage/rose/gold
用 sunset-light背景亮度 > 61%
cream 全段・mist 全段・dawn blush・moss 200/100・peach 200/100
單色
mono 用於彩色版不適用的場合:單色印刷、傳真、印章、法律文件,以及小尺寸下 peach 會糊化的地方。 常見場合直接查
官網 header(淺底)lockups/horizontal-sunset-light.svg
官網 header(深底)lockups/horizontal-sunset-dark.svg
IG 大頭貼(方形深底)lockups/stacked-sunset-dark.svg
名片正面(白紙)lockups/horizontal-sunset-light.svg
名片背面(單色印刷)lockups/horizontal-mono-light.svg
深色 T-shirt 胸口lockups/stacked-sunset-dark.svg
iOS / macOS App Iconappicon/appicon-sunset-{light,dark}.svg
網站 faviconfavicon/favicon-{16,24,32,48,64}.svg
傳真・印章・法律文件icons/mark-mono-light.svg
Assets
五類・二十一個
全部在這裡
每一格都可以直接點下載。展示底色即該檔案的適用背景,看到深底就是給深色背景用的。
Wordmark · 純文字 2 個
Horizontal Lockup · 圖示加文字 4 個
Stacked Lockup · 圖示上文字下 4 個
Favicon · 五個尺寸(實際大小)
favicon 一律單色:peach 在 16 至 24px 會糊成一團。
Standards
能縮到多小
周圍要留多少
兩個數字決定 LOGO 在版面上會不會失效:縮太小筆畫糊掉,貼太近識別被壓縮。
最小尺寸(下方為實際大小)
Icon 最小 24px(印刷 8mm)。16px 僅 favicon 專用。
Lockup 最小 140px(印刷 25mm)。小於此,wordmark 筆畫細節糊化,改用 icon。
安全距離
四邊淨空以 LOGO 自身高度推算,換算後不必記絕對數值。
1X1X
X = LOGO 高度 ÷ 4
四邊淨空 ≥ 1X。圓形容器內接時可收至 0.5X。與 slogan、sub-mark 等同品牌資產相鄰時可調 0.5X。
粉色區域即淨空範圍,任何文字、圖形、邊框都不進入。
Cedar 是算出來的,不是挑出來的
單色版的棕色不取自任意色票,是用 LOGO 自己的兩個顏色演算出來的血緣色。
peach#EDAD88
cream 40%#FAECD8
0.72壓暗
cedar#AE8F79
注意 cedar #AE8F79 只給 LOGO 與裝飾大字用,對 cream 的對比是 2.58:1。 內文與 UI 文字一律用 cedar-text #4A3F35(8.7:1)。
Visual DNA
四條紅線
與八項禁止
DNA 是重設計時都不能碰的核心,禁止事項是日常使用時最常犯的。
四條 Visual DNA
動到任一條就不是同一個 LOGO 了,須經 rebrand 流程重議。
Sun 輪廓peach 主形的手繪不規則感是身分證。禁簡化為幾何圓或方、禁用 vector 圓形取代
手繪筆意字身cream 字身的有機曲線與粗細變化。禁換為系統字體或幾何 sans-serif
雙色並置cream 與 peach 的並置關係。禁拆為單色使用(mono 變體除外)
漢字為主「鬆」字為主的品牌名結構。禁改名、禁把漢字降級為次要視覺
Don't
八項禁止
生成
禁止 AI 生成新的 LOGO 變體。21 個變體之外的色彩組合也一律禁用。
變形
禁止旋轉超過 ±5°,禁止水平或垂直拉伸變形。
效果
禁止對雙色 LOGO 加漸層、陰影或描邊。W1 暖光疊層永不用於 LOGO。
疊加
禁止在 LOGO 上疊字或加圖示。
對比
禁止對比度低於 4.5:1 的背景組合,尤其 sunset-dark 放淺底、sunset-light 放深底。
比例
禁止把 icon 與 wordmark 拆開後重新縮放,那會破壞 lockup 的既定比例。
重繪
「鬆鬆」二字一律使用官方 LOGO 資產,不重繪、不手寫、不用其他字型排版模擬。文案裡的品牌名是文字,版面上的品牌名是資產。