第 02 章 · 品牌案例研究

第 02 章 · 品牌案例研究

02

02

02

Cattuss：十頁說完一個品牌。

Cattuss：十頁說完一個品牌。

Cattuss：十頁說完一個品牌。

Cattuss® 是為真心愛貓的人打造的居家寵物品牌，走復古時髦的懷舊風格。這是我為它設計的 10 頁品牌手冊，從品牌故事和標誌，一路到色彩、螢幕畫面、海報、產品，還有一檔小型廣告活動。

Cattuss® 是為真心愛貓的人打造的居家寵物品牌，走復古時髦的懷舊風格。這是我為它設計的 10 頁品牌手冊，從品牌故事和標誌，一路到色彩、螢幕畫面、海報、產品，還有一檔小型廣告活動。

Cattuss® 是為真心愛貓的人打造的居家寵物品牌，走復古時髦的懷舊風格。這是我為它設計的 10 頁品牌手冊，從品牌故事和標誌，一路到色彩、螢幕畫面、海報、產品，還有一檔小型廣告活動。

10 頁品牌手冊

10 頁品牌手冊

3 條產品線

3 條產品線

Cattuss 品牌手冊封面：一位穿灰色針織外套的男子在芥末黃背景前抱著一隻灰白相間的貓，旁邊是 Cattuss 字標和標題「Brand Visual Outlook」

01 · 第 1 頁，封面

01 · 第 1 頁，封面

交付成果

交付成果

10 頁品牌手冊

10 頁品牌手冊

10 頁品牌手冊

結構

結構

品牌發展 · 視覺識別 · 品牌架構

品牌發展 · 視覺識別 · 品牌架構

品牌發展 · 視覺識別 · 品牌架構

產品線

產品線

Cattuss · Cattuss Gourmet · Cattuss Hygiene

Cattuss · Cattuss Gourmet · Cattuss Hygiene

Cattuss · Cattuss Gourmet · Cattuss Hygiene

內容

內容

品牌故事 · 標誌 · 色彩 · 螢幕畫面 · 海報 · 產品 · 廣告

品牌故事 · 標誌 · 色彩 · 螢幕畫面 · 海報 · 產品 · 廣告

品牌故事 · 標誌 · 色彩 · 螢幕畫面 · 海報 · 產品 · 廣告

數字一覽

數字一覽

10

10

10

頁

頁

從品牌故事到廣告概念

從品牌故事到廣告概念

3

3

3

條產品線

條產品線

Cattuss、Cattuss Gourmet 與 Cattuss Hygiene

Cattuss、Cattuss Gourmet 與 Cattuss Hygiene

5

5

5

種品牌色

種品牌色

橘紅、奶油白、金黃、石板灰與黑

橘紅、奶油白、金黃、石板灰與黑

本章內容 · 4 個部分

本章內容 · 4 個部分

01

從品牌故事開始

從品牌故事開始

↓

02

先定調性，再做標誌

先定調性，再做標誌

↓

03

先建色彩系統，再做螢幕畫面

先建色彩系統，再做螢幕畫面

↓

04

一個品牌家族，三條產品線

一個品牌家族，三條產品線

↓

01 / 04 · 品牌發展 · 第 1–3 頁

01 / 04 · 品牌發展 · 第 1–3 頁

從品牌故事開始

從品牌故事開始

從品牌故事開始

在任何標誌出現之前，手冊先說清楚 Cattuss 代表什麼。封面立下品牌標語「Nurture the purrfect bond.」（呵護那份喵不可言的羈絆）；目錄把整本手冊分成三個部分，這一頁也照著走：品牌發展、視覺素材與品牌架構。核心價值頁寫下品牌的承諾：用心的照顧結合創新的設計，建立在呵護、關懷、永續與愛之上。

在任何標誌出現之前，手冊先說清楚 Cattuss 代表什麼。封面立下品牌標語「Nurture the purrfect bond.」（呵護那份喵不可言的羈絆）；目錄把整本手冊分成三個部分，這一頁也照著走：品牌發展、視覺素材與品牌架構。核心價值頁寫下品牌的承諾：用心的照顧結合創新的設計，建立在呵護、關懷、永續與愛之上。

在任何標誌出現之前，手冊先說清楚 Cattuss 代表什麼。封面立下品牌標語「Nurture the purrfect bond.」（呵護那份喵不可言的羈絆）；目錄把整本手冊分成三個部分，這一頁也照著走：品牌發展、視覺素材與品牌架構。核心價值頁寫下品牌的承諾：用心的照顧結合創新的設計，建立在呵護、關懷、永續與愛之上。

第 2 頁，目錄：一隻虎斑小貓伸手探向巨大的橘紅色「index」字樣，旁邊列出手冊的三個部分：Brand Dev.、Visual Assets 與 Brand Hierarchy

01 / 04

02 · 第 2 頁，目錄

放大

第 3 頁，核心價值：一隻橘色小貓從撕開的紙張中衝出來，旁邊是 Cattuss 的價值主張，下方是一條橘紅色的「Strategic Approach」色帶

03 · 第 3 頁，核心價值

放大

第 2 頁，目錄：一隻虎斑小貓伸手探向巨大的橘紅色「index」字樣，旁邊列出手冊的三個部分：Brand Dev.、Visual Assets 與 Brand Hierarchy

01 / 04

02 · 第 2 頁，目錄

放大

第 3 頁，核心價值：一隻橘色小貓從撕開的紙張中衝出來，旁邊是 Cattuss 的價值主張，下方是一條橘紅色的「Strategic Approach」色帶

03 · 第 3 頁，核心價值

放大

第 4 頁，風格情境板：兩條橘色與金色的情緒板橫幅，把貓咪和復古時尚照片混搭在一起，上面標著 Kitty Pawer、groovy purrr、funky chic、retro style 與 Avant Garde

02 / 04

04 · 風格情境板

放大

第 5 頁，標誌：Cattuss 的「ca」組合字母標誌、橫式與直式組合，以及字標，全都畫在製圖格線上並標出最小尺寸，一旁的去背小貓抬頭看著它們

05 · 標誌系統

放大

第 4 頁，風格情境板：兩條橘色與金色的情緒板橫幅，把貓咪和復古時尚照片混搭在一起，上面標著 Kitty Pawer、groovy purrr、funky chic、retro style 與 Avant Garde

02 / 04

04 · 風格情境板

放大

第 5 頁，標誌：Cattuss 的「ca」組合字母標誌、橫式與直式組合，以及字標，全都畫在製圖格線上並標出最小尺寸，一旁的去背小貓抬頭看著它們

05 · 標誌系統

放大

02 / 04 · 視覺識別 · 第 4–5 頁

02 / 04 · 視覺識別 · 第 4–5 頁

先定調性，再做標誌

先定調性，再做標誌

先定調性，再做標誌

風格情境板這一頁用兩條情緒板定下態度：「Kitty Pawer」和「funky chic, retro style」，把貓咪和復古風的時尚照片混搭在一起。標誌系統就從這股氛圍長出來：一個厚實的「ca」組合字母標誌、一組橫式與一組直式組合，以及 Cattuss 字標。每一款都放在自己的製圖格線上，並標出最小印刷尺寸，組合字母標誌最小可以到 3 mm。

風格情境板這一頁用兩條情緒板定下態度：「Kitty Pawer」和「funky chic, retro style」，把貓咪和復古風的時尚照片混搭在一起。標誌系統就從這股氛圍長出來：一個厚實的「ca」組合字母標誌、一組橫式與一組直式組合，以及 Cattuss 字標。每一款都放在自己的製圖格線上，並標出最小印刷尺寸，組合字母標誌最小可以到 3 mm。

風格情境板這一頁用兩條情緒板定下態度：「Kitty Pawer」和「funky chic, retro style」，把貓咪和復古風的時尚照片混搭在一起。標誌系統就從這股氛圍長出來：一個厚實的「ca」組合字母標誌、一組橫式與一組直式組合，以及 Cattuss 字標。每一款都放在自己的製圖格線上，並標出最小印刷尺寸，組合字母標誌最小可以到 3 mm。

“

“

“

品牌標語 · 手冊封面

品牌標語 · 手冊封面

呵護那份喵不可言的羈絆。

呵護那份喵不可言的羈絆。

呵護那份喵不可言的羈絆。

Cattuss® 品牌標語

Cattuss® 品牌標語

03 / 04 · 視覺識別 · 第 6–7 頁

03 / 04 · 視覺識別 · 第 6–7 頁

先建色彩系統，再做螢幕畫面

先建色彩系統，再做螢幕畫面

先建色彩系統，再做螢幕畫面

大部分的工作由兩個主色扛起：橘紅 #CA4B2E（Pantone 7597 C）和奶油白 #F4EFE7。黑色、金黃 #E39D18（Pantone 130 C）和石板灰 #50606A（Pantone 431 C）負責輔助。每張色票都列出 CMYK、RGB 和 HEX 數值，外加 80–20% 的淺色階，不論是印刷廠還是工程師都能準確對色。下一頁再把這套系統套用到 Instagram 貼文牆、網路商店和手機畫面上。

大部分的工作由兩個主色扛起：橘紅 #CA4B2E（Pantone 7597 C）和奶油白 #F4EFE7。黑色、金黃 #E39D18（Pantone 130 C）和石板灰 #50606A（Pantone 431 C）負責輔助。每張色票都列出 CMYK、RGB 和 HEX 數值，外加 80–20% 的淺色階，不論是印刷廠還是工程師都能準確對色。下一頁再把這套系統套用到 Instagram 貼文牆、網路商店和手機畫面上。

大部分的工作由兩個主色扛起：橘紅 #CA4B2E（Pantone 7597 C）和奶油白 #F4EFE7。黑色、金黃 #E39D18（Pantone 130 C）和石板灰 #50606A（Pantone 431 C）負責輔助。每張色票都列出 CMYK、RGB 和 HEX 數值，外加 80–20% 的淺色階，不論是印刷廠還是工程師都能準確對色。下一頁再把這套系統套用到 Instagram 貼文牆、網路商店和手機畫面上。

#CA4B2E

#CA4B2E

Pantone 7597 C

#F4EFE7

#F4EFE7

#E39D18

#E39D18

Pantone 130 C

#50606A

#50606A

Pantone 431 C

#090A0E

#090A0E

第 6 頁，系統色彩：橘紅、奶油白、黑、金黃與石板灰的色票卡，標有 Pantone、CMYK、RGB 與 HEX 數值，以及 80% 到 20% 的淺色階，旁邊是一隻灰色英國短毛貓

03 / 04

06 · 系統色彩

放大

第 7 頁，數位素材：Cattuss 風格的 Instagram 貼文牆、桌機版網路商店和手機畫面，前方是一隻繫著咖啡色胸背帶的斑點貓

07 · 數位素材

放大

第 6 頁，系統色彩：橘紅、奶油白、黑、金黃與石板灰的色票卡，標有 Pantone、CMYK、RGB 與 HEX 數值，以及 80% 到 20% 的淺色階，旁邊是一隻灰色英國短毛貓

03 / 04

06 · 系統色彩

放大

第 7 頁，數位素材：Cattuss 風格的 Instagram 貼文牆、桌機版網路商店和手機畫面，前方是一隻繫著咖啡色胸背帶的斑點貓

07 · 數位素材

放大

第 8 頁，海報三聯作：金黃、石板灰與奶油白三張直式海報，分別介紹 Cattuss Gourmet 食品、Cattuss Hygiene 美容清潔用品和品牌故事，畫面上有一隻伸懶腰的橘貓、一隻正在梳毛的貓和一隻緬因貓

04 / 04

08 · 海報三聯作

08 · 海報三聯作

放大

放大

第 9 頁，產品家族：外出提籠、貓屋、飼料袋、罐頭和梳理工具與貓咪同框，下方三塊斜切面板分別代表生活、美食與貓咪照護三條產品線

09 · 產品家族

放大

第 10 頁，廣告概念：一隻咧嘴笑的金色拉布拉多站在沙發前，四隻不以為然的貓在一旁看著，標題寫著「Enthusiasm is so overrated」（熱情什麼的，太高估了）

10 · 廣告概念

放大

第 9 頁，產品家族：外出提籠、貓屋、飼料袋、罐頭和梳理工具與貓咪同框，下方三塊斜切面板分別代表生活、美食與貓咪照護三條產品線

09 · 產品家族

放大

第 10 頁，廣告概念：一隻咧嘴笑的金色拉布拉多站在沙發前，四隻不以為然的貓在一旁看著，標題寫著「Enthusiasm is so overrated」（熱情什麼的，太高估了）

10 · 廣告概念

放大

04 / 04 · 品牌架構 · 第 8–10 頁

04 / 04 · 品牌架構 · 第 8–10 頁

一個品牌家族，三條產品線

一個品牌家族，三條產品線

一個品牌家族，三條產品線

最後一部分展示這個品牌能延伸多遠。三條產品線共用同一套視覺：Cattuss 主打生活用品，Cattuss Gourmet 主打食品，Cattuss Hygiene 主打美容清潔。一組海報三聯作介紹食品、美容清潔和品牌故事，產品陣容則有外出提籠、貓床、飼料袋和梳理工具。手冊最後以一則俏皮的廣告收尾：「Enthusiasm is so overrated」（熱情什麼的，太高估了），一隻開心的狗，配上四隻不以為然的貓。

最後一部分展示這個品牌能延伸多遠。三條產品線共用同一套視覺：Cattuss 主打生活用品，Cattuss Gourmet 主打食品，Cattuss Hygiene 主打美容清潔。一組海報三聯作介紹食品、美容清潔和品牌故事，產品陣容則有外出提籠、貓床、飼料袋和梳理工具。手冊最後以一則俏皮的廣告收尾：「Enthusiasm is so overrated」（熱情什麼的，太高估了），一隻開心的狗，配上四隻不以為然的貓。

最後一部分展示這個品牌能延伸多遠。三條產品線共用同一套視覺：Cattuss 主打生活用品，Cattuss Gourmet 主打食品，Cattuss Hygiene 主打美容清潔。一組海報三聯作介紹食品、美容清潔和品牌故事，產品陣容則有外出提籠、貓床、飼料袋和梳理工具。手冊最後以一則俏皮的廣告收尾：「Enthusiasm is so overrated」（熱情什麼的，太高估了），一隻開心的狗，配上四隻不以為然的貓。

資料與連結

資料與連結

延伸閱讀。

延伸閱讀。

延伸閱讀。

在 LinkedIn 查看我的履歷 ↗

在 LinkedIn 查看我的履歷 ↗

第 02 章 · 品牌與視覺設計

第 02 章 · 品牌與視覺設計

頁面 →

標誌海報：8 張品牌規範海報

標誌海報：8 張品牌規範海報

頁面 →

01

02

03

04

05

06

03

03

03

下一章 · 03

下一章 · 03

業務開發

業務開發

業務開發

開發買家、打開通路：4 個新市場、8 個線上商店，還有展會與零售夥伴。

開發買家、打開通路：4 個新市場、8 個線上商店，還有展會與零售夥伴。

閱讀第 03 章 →

閱讀第 03 章 →

← 上一個案例 · 標誌海報

↑ 全部六個篇章

聯絡我

聊聊吧。

聊聊吧。

聊聊吧。

我正在尋找安全營運與職業安全相關的職缺，也隨時歡迎找我聊聊六個篇章裡的任何一段經歷。

我正在尋找安全營運與職業安全相關的職缺，也隨時歡迎找我聊聊六個篇章裡的任何一段經歷。

info@peterwpan.com

LinkedIn ↗

GitHub ↗

© 2026 PETER W. PAN · BEAR ON WATCH

回頂端