IDENTITY GUIDELINES คู่มือการใช้อัตลักษณ์ แบรนด์สกินแคร์ “ความสวยในแบบของตัวเอง” Version 1.0 | 2022
CONTENT สารบัญ Logo ตราสัญลักษณ์ Color สี Typography ตัวอักษร Visual Element ภาพกราฟิก Photography ภาพถ่าย Grid System การจัดวาง
1.0 2.0 3.0 4.0 5.0 6.0
WHAT IS BRAND IDENTITY ? อัตลักษณ์ของแบรนด์คืออะไร
Brand Identity หรือ เอกลักษณ์ของแบรนด์เป็น สิ่ง ส� ำ คั ญ ในการสร้ า งภาพลั ก ษณ์ และสะท้ อ นถึ ง วิสัยทัศน์ของแบรนด์ โดยสื่อสารผ่านองค์ประกอบ กราฟิ กต่างๆ เพื่อน�ำไปใช้ ในการผลิตสื่อต่างๆ ได้ อย่างถูกต้องตามที่ก�ำหนดไว้ในเล่มนี้ . . .
HISTORY ประวัติความเป็นมา
“Beauty On Your Own Terms” ความสวยที่คุณกําหนดได้ สวยในแบบที่เป็นคุณ “Define Your Own Beauty”
ปี ทเ่ี ริม่ ก่อตัง้ 2021 เริม่ ต้นจากความชืน่ ชอบส่วนตัว ในการดูแลผิวพรรณให้สุขภาพดี จนกลายเป็นชื่ อ ของแบรนด์ BEUATY FINDS ME โดยสกินแคร์ ของเรามุ ่งพัฒนาผลิตภัณฑ์ท่ีตอบโจทย์กับค�ำว่า “ความสวยในแบบของตัวเอง” เปรียบเสมือนความ สวยงามที่จะเข้ากับความเป็นตัวเรามากที่สุด และ เห็นความส�ำคัญในเรื่องของความเท่าเทียมไม่ว่าจะ เพศไหนก็ใช้ ได้ทุกเพศทุกวัย
LOGO ตราสัญลักษณ์
MEANING DESIGN ความหมายของออกแบบ ออกแบบโดยใช้ Golden Ratio หรือสัดส่วน ทองในการออกแบบ เรี ย บง่ า ย แต่ มี พ ลั ง เป็นลักษณะของ Logotype ใช้ตวั อักษร b.f.m ผสมผสานกับเส้นตรง เส้นโค้ง ปลายมนและ แหลม ให้ดูมี Movement ที่สวยงาม โดยออกแบบให้ ตั ว f มี ลั ก ษณะคล้ า ย ดวงตาหรื อ นั ย น์ ต า ที่ สื่ อ สารของความ สวยงาม ผ่านการมองเห็นคุณค่าของตัวเอง “สวยในแบบที่เป็นตัวเรา”
C
short name
O
N
C
E
P
movement
T
eye
1.0
EXCULSIVE ZONE LOGO พืน้ ที่ปลอดภัยในการเว้นระยะห่างโลโก้ สัดส่วนที่ถูกต้องและการเว้นระยะห่างของโลโก้ เพื่อสร้างการ จดจ�ำและก�ำหนดให้เป็นรูปแบบที่เหมาะสม สวยงาม ก�ำหนดให้ใช้ งานตามตัวอย่างดังนี้
= ใช้ ในการเว้ยระยะห่าง
Logo for us
Golden Ratio 1.1
ALTERNATIVE LOGO ทางเลือกการใช้ งานโลโก้
ตราสัญลักษณ์ BEAUTY FINDS ME ได้มีการก�ำหนดให้มีการแยกใช้ งาน 3 รูปแบบ คือ Main Logo, Symbol, Type โดยมีตัวอย่างดังต่อไปนี้
MAIN LOGO
SYMBOL
TYPE
1.2
WARNING! Please do not abuse your logo DON’TS การใช้ งานโลโก้ไม่เหมาะสม
ห้ามปรับเปลี่ยนสี
ห้ามดัดแปลงแก้ไขโลโก้
ห้ามสลับต�ำแหน่ง
ห้ามน�ำข้อความมาวางใกล้
ห้ามใช้ สีพืน้ หลังอื่น ที่ไม่ได้ก�ำหนดไว้
ห้ามสร้างวัตถุอื่น เข้ามาในโลโก้
ห้ามวางติดขอบรูป
ห้ามวางบนภาพไม่ชดั เจน
* กรณีการใช้ งานจริงสามารถปรับเปลี่ยนภาพและการจัดวางตามความเหมาะสม 1.3
LOGO COLOR USAGE การใช้ งานโลโก้สีต่างๆ ในกรณีน�ำไปใช้ งานร่วมกับรูปภาพ สามารถปรับการใช้ งานนอกเหนือ จากโลโก้หลักได้ และต้องคงสีของโลโก้เดิมไว้ดังนี้ โลโก้หลัก
โลโก้แบบพืน้ โปร่ง
โลโก้โปรไฟล์บน Social Media
TIPS & TRICK
รูปภาพที่ใช้ จะเน้นตัว f วางในส่วนของ ดวงตา เพื่อสื่อสารได้ชดั เจนตาม Concept
1.4
COLOR สีของแบรนด์
สีเป็นองค์ประกอบส�ำคัญอย่างหนึ่งของแบรนด์ ที่สามารถสร้างการจดจ�ำได้เป็นอย่างดี โดยค่าสีของแบรนด์ได้มีการก�ำหนด Primary Colors 3 เฉดสีหลักดังนี้ PRIMARY COLORS
#CB410B
#F7EEE5
#757575
RGB R-202, G-65, B-11
RGB R-247, G-238, B-229
RGB R-117, G-117, B-117
CMYK C-15, M-85, Y-100, K-5
CMYK C-2, M-5, Y-8, K-0
CMYK C-55, M-45, Y-45, K-10
* RGB = ค่าสีในออนไลน์, CMYK = ค่าสีส�ำหรับการพิมพ์ 2.0
COLOR USAGE ทางเลือกการใช้ สี
ชุ ดสี ร อง ได้ มี ก ารก� ำ หนดเฉดสี ท่ี ดู สื่ อ ถึ ง ความงามเลิ ศ งดงาม อ่ อ นหวาน และมี เอกลักษณ์เป็นของตัวเอง ดูมีระดับ ไม่จ�ำกัดเพศ SECONDARY COLORS
#FFD08D
#FA9D00
#C6752C
R-255, G-208, B-141
R-250, G-157, B-0
R-198, G-117, B-44
#EFA8B7
#EA8A7D
#B00051
R-239, G-168, B-183
R-234, G-138, B-125
R-176, G-0, B-81
#9BE2D8
#00909E
#006884
R-155, G-226, B-226
R-0, G-144, B-158
R-0, G-104, B-132
#D4D4D4
R-212, G-212, B-212
#6E006C
R-110, G-0, B-108
#000000
R-0, G-0, B-0
2.1
COLOR USAGE ทางเลือกการใช้ สี
ตัวอย่างการจับคู่สีหลัก Primary Colors และสีรอง Secondary Colors ที่เหมาะสม โดยจะความแตกต่าง Contrast กันสูง และสลับคู่สีกัน เช่ น สีพืน้ อ่อน-ตัวอักษรสีเข้ม, สีพืน้ เข้ม-ตัวอักษรสีอ่อน ดังต่อไปนี้
* TRICK & TIP > กรณีท่ีใช้ สีสดมากๆ ให้ใช้ โลโก้พืน้ สีครีม แต่หากใช้ พืน้ สีอ่อนให้ใช้ โลโก้สีส้มเป็นหลัก 2.2
TYPOGRAPHY ตัวอักษรที่ใช้ ในแบรนด์
ตั ว อั ก ษรมี ก ารเลื อ กใช้ ทั ้ง ภาษาไทยและอั ง กฤษ โดยมี ก าร ก�ำหนดรูปแบบของตัวอักษรให้สอดคล้องกับบุ คลิกของแบรนด์
ตัวอักษรส�ำหรับภาษาอังกฤษ
Sample glyphs
Kannada Sangam MN
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
> ใช้ ส�ำหรับหัวเรื่อง Headlines
Regular
0123456789
ตัวอักษรส�ำหรับภาษาไทย
Sample glyphs
Thai Sans Lite
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz กขฃคฅฆงจฉชซฌญฎฏฐฑฒณดตถท ธนบปผฝพฟภมยรลวศษสหฬอฮ 0123456789
> ใช้ ส�ำหรับเนือ้ หา Bodytext
Regular
3.0
VISUAL ELEMENT ภาพกราฟิก ภาพกราฟิ กของแบรนด์ ถื อ เป็ น เอกลั ก ษณ์ ส�ำคัญที่เป็นส่วนประกอบช่ วยสร้างความโดดเด่น และน่าสนใจให้กบั แบรนด์ โดยภาพกราฟิ กประกอบ ไปด้วย Element และ Pattern มีตัวอย่างดังนี้
Element องค์ประกอบกราฟิก เป็ นส่ ว นประกอบกราฟิ กที่ น� ำ ไปใส่ บ นภาพ ไม่่ว่าจะเป็นการโฆษณา โปรโมทต่างๆ สามารถน�ำ ไปใช้ ได้ตามความเหมาะสม เพื่อสร้างเอกลักษณ์ท่ี โดดเด่นและตรงกับแบรนด์มากที่สุด ลักษณะของ กราฟิ กจะสื่อถึงดวงตา ระยิบระยับ เคลื่อนไหว ความโค้งและวงกลมเป็นส่วนประกอบ 4.0
VISUAL ELEMENT ภาพกราฟิก
Pattern ลวดลายกราฟิก เป็ นส่ ว นประกอบกราฟิ กที่ น� ำ ไปใส่ บ นภาพ หรือแบรนด์ เช่ น กระดาษ บรรจุ ภัณฑ์ ถุงผ้า และอื่นๆ ซึ่ งสามารถน�ำไปใช้ ในภาพลักษณ์ของ แบรนด์ทัง้ หมด โดยสามารถปรับสีและแก้ไขการใช้ งานให้ได้ตามความเหมาะสม 4.1
PHOTOGRAPHY ภาพถ่ายประเภทบุคคล
การถ่ายภาพประเภทบุ คคล เน้นตามConcept “ความสวยในแบบของ ตัวเอง” ทุกภาพที่ใช้ ต้องมี การโฟกัสที่เห็นดวงตาชัดเจน สไตล์ภาพมี ความเป็นธรรมชาติ ดูอ่อนโยนแอบแฝงด้วยพลัง มีเอกลักษณ์เฉพาะ และจะไม่ใช้ โทนสีภาพที่สดใสจนเกินไป
DO
5.0
PHOTOGRAPHY ภาพถ่ายประเภทร่างกาย
การถ่ายภาพประเภทร่างกาย เน้นต ามConcept “ความสวยในแบบของ ตัวเอง” ทุกภาพที่ใช้ สไตล์ภาพมีความเป็นธรรมชาติ ใช้ แสงเงาที่ดอู บอุ น่ และสีรุ้งหรืออะไรก็ตามเพื่อสื่อถึงความเป็น LGBTQ
DO
5.1
PHOTOGRAPHY ภาพถ่ายประเภทสินค้า
การถ่ายภาพประเภทสินค้า เน้นภาพที่ใช้ สไตล์ภาพมีความเป็นธรรมชาติ ใช้ แสงและเงาที่มีความอบอุ ่นหรือดูสบายตาไม่มืิด มีการเคลื่อนไหวใน รูปภาพ ดูไม่ได้เติมแต่งสีจนเกินจริง เฉดสีจะอิงตามแบรนด์ที่ได้ก�ำหนดไว้
DO
5.1
GRID SYSTEM การจัดวางบนภาพ 16 : 9
ในกรณีน�ำไปใช้ งานร่วมกับรู ปภาพหรือคลิปวิดีโอ สามารถปรับการใช้ งานนอกเหนือจากโลโก้หลักได้ และมีการก�ำหนดให้จัดวางดังนี้
1920 px
1080 px
ในกรณีพืน้ สีโลโก้ต้องสว่าง 6.0
GRID SYSTEM การจัดวางบนภาพ 16 : 9
ในกรณีน�ำไปใช้ ภาพปก Thumbnail บน Youtube หรือแพลตฟอร์มอื่นๆ
1280px
1280px
720px 25px
720px 25px
25px
25px
25px
25px 25px
25px
6.1
GRID SYSTEM การจัดวางบนภาพ 1 : 1 1080px 30px
30px 30px
1080px
30px
ในกรณีการใช้ งานโลโก้บน Post Banner สามารถ เลือกวางบนมุ มทัง้ 4 ด้านตามความเหมาะสมของ รูปภาพหรือกราฟิ กที่น�ำมาใช้ โดยให้มีระยะห่างโลโก้ จากรอบด้าน ด้านละ 30px
โลโก้หลัก
30px
30px 30px
โลโก้รอง
30px
6.2
CONTACT Designer by : Satamed Kunawattana E-mail : pdillustrator.gh@gmail.com Facebookpage : Pdillustrator Graphic