Moologo1
Mootitle

BRAND STORY

– 品牌故事 –

「木木之名來自於老闆的伴侶林先生,老闆沒有冠夫姓,但店可以。

毛毛是老闆的愛犬,跟著老闆飛來飛去,是一隻很棒的台灣土狗。

老闆身邊有一人一狗,陪著她十年來兩地遷徙,一起在澳洲與美國生活。

老闆從小在台南長大,那個吃糖的城市創造出許多厲害的飲料店,在國外生活的時候時不時能喝一杯珍珠奶茶一解鄉愁,會覺得生活也沒有那麼艱難了。

後來老闆決定從澳洲移居美國,那時是為了幫朋友賣奶茶,雖然正逢新冠疫情,但台灣的珍珠奶茶依舊在老闆的堅持與努力下撐過去了。

有一天,老闆累了,她覺得自己總是帶給別人很多,卻沒有為自己留下什麼,於是她決定帶著這些年的故事,和兩位長期傾聽、不離不棄的好伴侶一起回到熟悉的故鄉,回來這裡用一杯杯好喝的飲料說故事,也聽故事。」

我喜歡手搖飲,它具有療癒的力量,無關年齡、不分時代,只要手裡有一杯飲料,不管是和朋友聊天,還是工作時拿起來喝一口提神,喝飲料的人都應該是開心的,飲料,即是這麼簡單的存在。

木木用心—為顧客製作飲料;
木木傾聽—顧客的心聲與需求;
木木療癒—每顆期望伴安撫的心,
讓你知道生活無論好壞,都有人陪你。

我有很多關於賣珍珠奶茶的故事,請你來聽木木說,木木也可以聽你說,期待我們用奶茶認識彼此。

Mootitle

USER’S GUIDE

– 使用指南 –

1. 應先掌握基礎系統

本手冊按照由基礎至應用系統的順序編排,基礎系統是整個視覺識別系統的基石,應用系統是基礎元素的具體使用。兩系統既相對獨立,又有關聯性。使用時,應首先明確基礎系統的指導原則和基本規定,再按照應用系統的規範執行,避免錯誤使用。

2. 嚴格執行規定

(一) 凡手冊明確規定的項目、規範和規格,如基礎部分和應用系統中的各項具體規定,應嚴格遵守,不得隨意更改。
(二) 凡手冊明確規定的部分,如今後新增的應用設計項目,凡設計標誌、標準字、標準色等基本要素,必須嚴格遵守基礎系統的有關規定,不得擅自更改。其具體表現形式、風格,也應參照本手冊類似的應用設計項目,保持整體風格一致。

3. 盡量採用誤差小的使用方式

實施應用設計項目時,對使用的圖形,應儘量從本手冊下載。使用的色彩以本手冊提供色值為基準。

Mootitle

CONCEPT

– 設計概念 –

商標設計的方向與品牌宗旨須有一定的連結,每一次的品牌溝通都應該把握住這些特色,讓人能看到品牌商標時就能充分連結這些想法。

生活無論好壞
都還有人陪你

Moologo3

木木用心—為顧客製作飲料;
木木傾聽—顧客的心聲與需求;
木木療癒—每顆期望伴安撫的心,

一個圖像、入與出、三個可能:我們透過飲料杯將「喝飲料」與「玩傳聲筒」連結起來,讓手持水平的飲料杯這個圖像蘊含三種可能:貼近嘴巴可以是飲、也可能是說、貼近耳朵變成聽,藉此來傳達木木除了提供飲料,更提供一個傾聽與訴說的場所。飲 × 說 × 聽:三個動作、面對面、一個地方

Mootitle

LOGOTYPE

– 商標與標準字組合 –

商標的呈現雖然在不同環境底下需要進行不同的微調,但基本上仍需盡力維持一貫的樣式,避免產生混淆。

Mootitle

BRAND COLOR

– 品牌色彩 –

品牌應遵照制定出的形象來經營,其中一個環節-標準色,即是在第一線與消費者接觸最廣泛快速的部分,也是幫助辨識品牌很重要的形象元素。品牌經營時請確保使用中的顏色都是正確的,除非遇到特殊狀況,或是在不同平台媒介所造成的設備誤差,否則皆以手冊提供具有固定數值的顏色為準。

標準色

PANTONE BLACK 5U / 411C

CMYK 70 70 70 0
RGB 102 88 82
HEX 665852

輔助色

PANTONE Trans. White

CMYK 0 0 0 0
RGB 255 255 255
HEX FFFFFF

PANTONE 7604U / 7604C 60%

CMYK 5 10 10 0
RGB 244 233 227
HEX F4E9E3

PANTONE 7604U / 7604C

CMYK 10 20 20 0
RGB 232 210 199
HEX E8D2C7

中性色

PANTONE Black 7U / 2334C

CMYK 0 0 0 85
RGB 76 73 72
HEX 4C4948

金箔色

燙色因各家廠商使用之材質不同,無法指定專門用色號,使用時可請廠商提供色樣,並挑選最接近的樣式。使用時機及規範請參照色彩搭配原則做規劃。

咖啡金

玫瑰金

Mootitle

TYPEFACE

– 字體設定 –

網頁、商品、印刷品或是文件,都應考慮到字體表情的一致性,嚴禁任意使用不同的字型,尤其是字體樣式相差許多的字型。

標準用法

此處所展示的,是本品牌文字在所有介面呈現上,所能使用的三種字體。字體的使用上,視情況而區分出不同的選擇和使用方式。

主標

秋空黑體 MN Bold + Mulish Bold
字級 26pt
行距 34pt

副標

秋空黑體 MN Medium + Mulish Medium
字級 16pt
行距 24pt

內文

秋空黑體 MN Light + Mulish Light
字級 12pt
行距 20pt

秋空黑體 MN + Mulish

秋空黑體 MN Light + Mulish Light

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz一二三四五六七八九十百千萬上中下左右大小春夏秋冬東南西北金木水火土天地日月星黑白紅橙黃綠藍靛紫食住衣行育樂忠孝仁愛信義和平子曰父母兄弟夫婦君臣馬牛羊雞犬豕喜怒哀懼惡目耳口手足見聞聲貝車雨赤青言語魚鳥羽電不乃之乎人以何俱倫儀先光入具初則匏協去友同名。,、;:「」『』()?!…﹏《》〈〉_.~1234567890?“!”(%)[#]{@}/&\<+÷×=>®©$€£¥¢:;,.*

秋空黑體 MN Medium + Mulish Medium

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz一二三四五六七八九十百千萬上中下左右大小春夏秋冬東南西北金木水火土天地日月星黑白紅橙黃綠藍靛紫食住衣行育樂忠孝仁愛信義和平子曰父母兄弟夫婦君臣馬牛羊雞犬豕喜怒哀懼惡目耳口手足見聞聲貝車雨赤青言語魚鳥羽電不乃之乎人以何俱倫儀先光入具初則匏協去友同名。,、;:「」『』()─?!…﹏《》〈〉_.~1234567890?“!”(%)[#]{@}/&\<+÷×=>®©$€£¥¢:;,.*

秋空黑體 MN Bold + Mulish Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz一二三四五六七八九十百千萬上中下左右大小春夏秋冬東南西北金木水火土天地日月星黑白紅橙黃綠藍靛紫食住衣行育樂忠孝仁愛信義和平子曰父母兄弟夫婦君臣馬牛羊雞犬豕喜怒哀懼惡目耳口手足見聞聲貝車雨赤青言語魚鳥羽電不乃之乎人以何俱倫儀先光入具初則匏協去友同名。,、;:「」『』()─?!…﹏《》〈〉_.~1234567890?“!”(%)[#]{@}/&\<+÷×=>®©$€£¥¢:;,.*

秋空黑體 MN Bold 26級字 + Mulish Bold 26pt

秋空黑體 MN Medium 16級字 + Mulish Medium 16pt

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz一二三四五六七八九十百千萬零壹貳參肆伍陸柒捌玖億仟佰拾萬仟佰拾元上中下左右大小春夏秋冬東南西北金木水火土天地日月星黑白紅橙黃綠藍靛紫食住衣行育樂忠孝仁愛信義和平子曰父母兄弟夫婦君臣馬牛羊雞犬豕喜怒哀懼惡目耳口手足見聞聲貝車雨赤青言語魚鳥羽電不乃之乎人以何俱倫儀先光入具初則匏協去友同名善器嚴執孟孫學宜容專少山師席常幼序從性恩恭情惰應成所才揚擇教敬數文斷方於族昔時智曾有朋本杼某梨機次欲此歲溫為燕玄玉琢畜當相知石祖禮稷稻穀窮竇竹粱紊絲綱習老者而能自至與苟菽處融親調識讓貴身近運過道遠遷鄰長非革音順飼養首香高麥黍齡圓體源泉。,、;:「」『』()─?!…﹏《》〈〉_.~1234567890?“!”(%)[#]{@}/&\<+÷×=>®©$€£¥¢:;,.*ÆÁÂÂÀÅÃÄÇÐÉÊÈËÍÎÌÏÑÓÔÒØÕÖÞÚÛÙÜÝáâæàåãäçéêèðëíîìïñóôòøõößþúûùüýÿ

Workouttypeface

請依排版情況,將上述標準用法直接縮放,就能得到正確內文、標題和主題顯示比例。但需要注意,在任何視覺顯示媒體上,內文的顯示不得縮至小於 5pt。

網頁替代字體
H1

font-size: 48px;
line-height: 56px;

H2

font-size: 38px;
line-height: 46px;

H3

font-size: 32px;
line-height: 40px;

H4

font-size: 26px;
line-height: 34px;

H5

font-size: 22px;
line-height: 30px;

H6

font-size: 18px;
line-height: 24px;

p

font-size: 16px;
line-height: 24px;

思源黑體 + Mulish

@IMPORT

@import url('https://fonts.googleapis.com/css2?family=Mulish&family=Noto+Sans+TC&display=swap');

Specify in CSS

font-family: 'Mulish', 'Noto Sans TC', sans-serif;

H1H2H3H4H5H6

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz一二三四五六七八九十百千萬零壹貳參肆伍陸柒捌玖億仟佰拾萬仟佰拾元上中下左右大小春夏秋冬東南西北金木水火土天地日月星黑白紅橙黃綠藍靛紫食住衣行育樂忠孝仁愛信義和平子曰父母兄弟夫婦君臣馬牛羊雞犬豕喜怒哀懼惡目耳口手足見聞聲貝車雨赤青言語魚鳥羽電不乃之乎人以何俱倫儀先光入具初則匏協去友同名善器嚴執孟孫學宜容專少山師席常幼序從性恩恭情惰應成所才揚擇教敬數文斷方於族昔時智曾有朋本杼某梨機次欲此歲溫為燕玄玉琢畜當相知石祖禮稷稻穀窮竇竹粱紊絲綱習老者而能自至與苟菽處融親調識讓貴身近運過道遠遷鄰長非革音順飼養首香高麥黍齡思源谷歌。,、;:「」『』()─?!…﹏《》〈〉_.~1234567890?“!” (%)[#]{@}/&\<+÷×=>®©$€£¥¢:;,.*ÆÁÂÂÀÅÃÄÇÐÉÊÈËÍÎÌÏÑÓÔÒØÕÖÞÚÛÙÜÝáâæàåãäçéêèðëíîìïñóôòøõößþúûùüýÿ

例外字體:

為了增加設計者的自由度,在強調表現時,可以運用例外字體作為強調文字,但需要考量版面中,已做設定的主標文字大小。使用上不能和主標字體相同大小,至少要大兩級以上才能使用此例外級數的字體。

森澤 Folk M + Athena