Workoutlogo
VISUAL IDENTITY SYSTEM

– 視覺識別系統 –

Workouttitle1
USER’S GUIDE

– 使用指南 –

1. 應先掌握基礎系統

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

2. 嚴格執行規定

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

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

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

Workoutconcept
CONCEPT

– 設計概念 –

每一次的品牌溝通都應該把握住這些特色,讓人能看到品牌商標時就能充分連結這些想法。商標設計的方向與品牌宗旨須有一定的連結,後面章節會更詳細界定商標的制定準則。

Workouttitle1
VISUAL CENTER

– 視覺中心 –

人眼的視覺中心與物理中心並不絕對相同,而商標與標準字在不同比例的組合方式會造成視覺中心不同的偏移,置放時請務必參照視覺中心設定。

物理中心 ▸◂ 視覺中心
物理中心 ▸◂ 視覺中心
物理中心 ▸◂ 視覺中心
Workouttitle1
CLEAR SPACE

– 淨空區域 –

商標周邊需要保留一定的淨空區域,才能保證商標在每次出現時,都保有一定的辨識度,不至於被其他因素或元件干擾而影響品牌商標的獨特性。

Workouttitle1
MINIMUM SIZE

– 最小使用尺寸 –

為因應商標在各種條件下都能維持一定的辨識度與一致性,因此制定了最小使用尺寸,讓使用者得以依照需求使用合適的呈現。

Workoutmin1
Workoutmin2
  1. 上圖為標誌的最小使用尺寸,在使用時不得小於此,以避免因標誌太小而不易辨識。
  2. 上圖標示以印刷使用 (最細線段不小於0.25pt) 為基準,不同製作加工方式有不同的限制,應依右圖設定為基礎調整。
  3. 先掌握各元素最小尺寸設定,再依據實際使用狀況調整使用。
Workouttitle1
BRAND COLOR

– 品牌色彩 –

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

標準色
Workoutcolor1
PANTONE 2227U

CMYK 60 0 20 0
RGB 96 190 203
HEX 60BECB

Workoutcolor2
PANTONE 663U

CMYK 2 3 2 0
RGB 251 249 249
HEX FBF9F9

輔助色
Workoutcolor2
PANTONE 281U

CMYK 89 84 38 3
RGB 62 73 115
HEX 3E4973

Workoutcolor2
PANTONE 2945U

CMYK 93 71 25 0
RGB 40 87 139
HEX 28578B

Workoutcolor2
PANTONE 314U

CMYK 93 43 33 0
RGB 0 122 152
HEX 007A98

Workoutcolor2
PANTONE 328U

CMYK 88 42 58 0
RGB 16 123 119
HEX 107B77

Workoutcolor2
PANTONE 803U

CMYK 0 11 90 0
RGB 255 232 23
HEX FFE817

Workoutcolor1
PANTONE 805U

CMYK 0 76 37 0
RGB 255 106 116
HEX FF6A74

Workoutcolor1
PANTONE Black 6U

CMYK 78 71 61 24
RGB 77 77 84
HEX 404054

Workoutcolor1
PANTONE Black 5U

CMYK 67 68 60 15
RGB 104 90 92
HEX 685A5C

Workoutcolor1
PANTONE 2056U

CMYK 54 69 42 0
RGB 141 101 120
HEX 8D6578

中性色
PANTONE Cool Gray 10 C

CMYK 0 0 0 75
RGB 100 100 100
HEX 646464

PANTONE Cool Gray 6 C

CMYK 0 0 0 40
RGB 194 194 194
HEX C2C2C2

PANTONE trans. White

CMYK 0 0 0 0
RGB 255 255 255
HEX FFFFFF

燙金加工

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

霧銀
珍珠白
Workouttitle1
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?“!” (%)[#]{@}/&\<+÷×=>®©$€£¥¢:;,.*ÆÁÂÂÀÅÃÄÇÐÉÊÈËÍÎÌÏÑÓÔÒØÕÖÞÚÛÙÜÝáâæàåãäçéêèðëíîìïñóôòøõößþúûùüýÿ

例外字體:

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

德拉黑體
Dela Gothic One

Workouttitle1
AUXILIARY GRAPHICS

– 輔助圖形 –

輔助圖形以企業標誌造型延伸,搭配整個品牌識別充實和豐富企業的視覺形象,於中心理念的基礎上發展出來的延伸設計,它使標誌在實際運用中達到更豐富的視覺效果,也有統一視覺形象的雙重作用,使最具代表性的企業形象得以正確的被塑造,進而建立社會公眾的一致認知。

Workoutgraphics

Created by Cheerer Marketing Co., Ltd. Nov. 2022