CẨM NANG HƯỚNG DẪN SỬ DỤNG BIỂU TRƯNG (LOGO) HIM LAM PALACE
CẨM NANG HƯỚNG DẪN SỬ DỤNG BIỂU TRƯNG (LOGO) HIM LAM PALACE Đối tượng của cuốn tài liệu này là nhân viên, đối tác của Long Biên. Trên mọi phương diện, đây là tài sản của Long Biên. Việc tái bản cuốn tài liệu này dù một phần hay toàn bộ đều cần phải được thông báo với Long Biên. Những thông tin, kích thước hoặc miêu tả khác bao gồm những hình ảnh minh họa và bản vẽ kỹ thuật không nhất thiết phải mô tả hay đại diện cho từng sản phẩm cụ thể. Tháng 12 năm 2015 | © Copyright by Long Bien | All rights reserved
NGHIỆM THU Phòng Kinh Doanh
Phòng Tổng Hợp
PHÊ DUYỆT CỦA BAN GIÁM ĐỐC
TƯ VẤN THỰC HIỆN - LEBRAND Phòng Golf
Phòng Dịch Vụ
PHÊ DUYỆT CỦA HỘI ĐỒNG QUẢN TRỊ
Mục lục
1
HƯỚNG DẪN SỬ DỤNG BIỂU TRƯNG (LOGO GUIDES) 1. Cấu trúc & quy cách tạo hình biểu trưng (logo) Long Biên................ 5 2. Khoảng cách an toàn khi sử dụng biểu trưng (logo) Long Biên......... 6 3. Quy định sử dụng biểu trưng (logo) Long Biên................................. 7 4. Hệ thống lưới biểu trưng (logo) Him Lam Palace.............................. 8 5. Màu sắc........................................................................................... 9 6. Các phương án biểu trưng (logo)................................................... 10 7. Các giải pháp màu......................................................................... 11 8. Hướng dẫn sử dụng biểu trưng (logo)............................................ 12
2
TÍN HIỆU NHẬN DIỆN (KEY-VISUAL) 1. Họa tiết.......................................................................................... 13 2. Tín hiệu nhận diện (key-visual)........................................................ 14 3. Quy định vị trí của biểu trưng (logo)................................................ 15 4. Biểu tượng..................................................................................... 16 5. Kiểu chữ (font)................................................................................ 17 6. Tín hiệu nhận diện (key-visual) sử dụng với một địa chỉ.................. 19 7. Tín hiệu nhận diện (key-visual) sử dụng với hai địa chỉ.................... 20
1
HƯỚNG DẪN SỬ DỤNG BIỂU TRƯNG (LOGO GUIDES) 1. Cấu trúc & quy cách tạo hình biểu trưng (logo) Long Biên CẤU TRÚC BIỂU TRƯNG (LOGO) Cấu trúc của biểu trưng (logo) Long Biên gồm có 3 thành phần chính: 1- Shape / hình. 2- Text / chữ. 3- Colour / màu.
QUY CÁCH TẠO HÌNH BIỂU TRƯNG (LOGO) LONG BIÊN Biểu trưng (logo) Long Biên được cấu tạo từ ba thành phần chính: Hình (shape) - Chữ (text) - Màu (colour). Tổng thể biểu trưng (logo) có tỷ lệ 1/1,6. Với tỷ lệ diện tích giữa text và biểu tượng (icon) là 15%.
B
2.5A
1/2B
A
1. Hình (shape): Tạo hình từ những dạng hình học đơn giản, sử dụng nét đường tròn làm đường nét chủ đạo. Bố cục đối xứng theo trục x, xem tạo hình chi tiết theo hình bên hoặc xem file gốc.
3A
3. Màu sắc: 2. Chữ (text): Bố cục tổng thể 1/6a Trục đứng canh theo lề phải biểu tượng (icon), trục ngang canh giữa biểu tượng (icon). B 1/2B
A
CẨM NANG HƯỚNG DẪN SỬ DỤNG LOGO (BIỂU TRƯNG) HIM LAM PALACE
PANTONE: 1575C
PANTONE: 031C
CMYK: 0,60,100,0
CMYK:2.5A 100,60,0,30
RGB: 245,130,32
RGB: 0,75,136
HEX: #f5821f
HEX: #004B88
3A
THỰC HIỆN: LEBRAND.VN DESIGN AGENCY
5
1
HƯỚNG DẪN SỬ DỤNG BIỂU TRƯNG (LOGO GUIDES) 2. Khoảng cách an toàn khi sử dụng biểu trưng (logo) Long Biên Sử dụng hệ thống lưới để đảm bảo được quá trình sản xuất các sản phẩm mang tính cắt ghép và gia công được chính xác theo tỷ lệ và hình dạng biểu trưng (logo) đã quy định. Ngoài ra cũng cần tuân theo các khoảng không an toàn đã quy định khi sử dụng biểu trưng (logo) trong các trường hợp đứng cạnh cùng những biểu trưng (logo) hoặc các yếu tố đồ họa khác. Kích thước tối thiểu đáp ứng cho các thiết kế in ấn là nhỏ nhất 10mm theo chiều ngang biểu trưng (logo), chiều cao theo tỷ lệ đã quy định từ đầu.
10mm
6
CẨM NANG HƯỚNG DẪN SỬ DỤNG LOGO (BIỂU TRƯNG) HIM LAM PALACE
1
HƯỚNG DẪN SỬ DỤNG BIỂU TRƯNG (LOGO GUIDES) 3. Quy định sử dụng biểu trưng (logo) Long Biên Màu sắc sử dụng xuyên suốt trong tất cả các ấn phẩm liên quan phục vụ trong việc quảng cáo truyền thông đều phải tuân thủ theo mã màu được cung cấp theo hình bên, nhằm đảm bảo tính nhất quán trong suốt quá trình truyền tải thông điệp. Ngoài ra đối với các trường hợp sử dụng trên nền màu trùng màu chủ đạo của biểu trưng (logo) sẽ có các giải phải thay thế để đảm bảo được sự chính xác theo quy định từ đầu. Kèm theo là một số trường hợp tham khảo đối với những cách sử dụng sai biểu trưng (logo).
CẨM NANG HƯỚNG DẪN SỬ DỤNG LOGO (BIỂU TRƯNG) HIM LAM PALACE
THỰC HIỆN: LEBRAND.VN DESIGN AGENCY
7
1
HƯỚNG DẪN SỬ DỤNG BIỂU TRƯNG (LOGO GUIDES) 4. Hệ thống lưới biểu trưng (logo) Him Lam Palace Bố cục đứng:
Bố cục ngang:
Biểu trưng (logo) này được ưu tiên sử dụng trong mọi trường hợp. 4A
4A
Trong trường hợp khu vực hiển thị biểu trưng (logo) có dạng ngang, để đảm bảo khả năng truyền tải tốt nhất của biểu trưng (logo), phương án này được phép áp dụng. 2A
4A
A
4A
4A
A
HIM LAM PALACE
HIM LAM PALACE
A A Hướng text phát triển
4A 4A
Hướng text phát triển khoảng cách an toàn
Hướng text phát triển Bố cục canh giữa Khoảng không an toàn: 2A
khoảng cách an toàn
8 mm 20 mm
Kích thước nhỏ nhất của biểu trưng (logo) sử dụng trong in ấn: Cao: 8 mm. Ngang: tỷ lệ theo hệ thống lưới quy ước ban đầu.
8
Kích thước nhỏ nhất của biểu trưng (logo) sử dụng trong in ấn: Ngang: 20 mm. Cao: tỷ lệ theo hệ thống lưới quy ước ban đầu.
CẨM NANG HƯỚNG DẪN SỬ DỤNG LOGO (BIỂU TRƯNG) HIM LAM PALACE
1
HƯỚNG DẪN SỬ DỤNG BIỂU TRƯNG (LOGO GUIDES) 5. Màu sắc Mã màu: Dãy màu cho phép.
PANTONE: 1395C CMYK: 10,50,100,35 RGB: 158,101,20 HEX: #9E6514
Dãy màu cho phép.
PANTONE: 1575C
Dãy màu cho phép.
PANTONE: 031C
CMYK: 0,60,100,0
CMYK: 100,60,0,30
RGB: 245,130,32
RGB: 0,75,136
HEX: #f5821f
HEX: #004B88
CẨM NANG HƯỚNG DẪN SỬ DỤNG LOGO (BIỂU TRƯNG) HIM LAM PALACE
Dãy màu cho phép.
PANTONE 425C CMYK 0,0,0,80 RGB 88,89,91 HEX: #58595B
THỰC HIỆN: LEBRAND.VN DESIGN AGENCY
9
1
10
HƯỚNG DẪN SỬ DỤNG BIỂU TRƯNG (LOGO GUIDES) 6. Các phương án biểu trưng (logo)
Bố cục đứng
Bố cục ngang
Biểu trưng (logo) này được ưu tiên sử dụng trong mọi trường hợp.
Trong trường hợp khu vực hiển thị biểu trưng (logo) có dạng ngang, để đảm bảo khả năng truyền tải tốt nhất của biểu trưng (logo), phương án này được phép áp dụng.
CẨM NANG HƯỚNG DẪN SỬ DỤNG LOGO (BIỂU TRƯNG) HIM LAM PALACE
1
HƯỚNG DẪN SỬ DỤNG BIỂU TRƯNG (LOGO GUIDES) 7. Các giải pháp màu
Trên nền màu trắng, phần chữ Long Biên và biểu trưng (logo) giữ nguyên màu gốc ban đầu.
Trên nền màu cam, toàn bộ biểu trưng (logo) chuyển màu trắng để đảm bảo được khả năng truyền tải của biểu trưng (logo).
Trên nền màu nâu, toàn bộ biểu trưng (logo) chuyển màu trắng để đảm bảo được khả năng truyền tải của biểu trưng (logo).
Trong trường hợp nhiễu loạn về màu sắc, sử dụng nền là màu trắng với khoảng cách an toàn đã được quy định sẵn nhằm đảm bảo tính truyền tải tốt nhất của biểu trưng (logo).
Trên nền màu trung tính, toàn bộ biểu trưng (logo) chuyển màu trắng.
Trên nền màu tối toàn bộ biểu trưng (logo) chuyển màu trắng.
CẨM NANG HƯỚNG DẪN SỬ DỤNG LOGO (BIỂU TRƯNG) HIM LAM PALACE
THỰC HIỆN: LEBRAND.VN DESIGN AGENCY
11
1
HƯỚNG DẪN SỬ DỤNG BIỂU TRƯNG (LOGO GUIDES) 8. Hướng dẫn sử dụng biểu trưng (logo) Nhằm đảm bảo tính truyền tải của biểu trưng (logo), người sử dụng biểu trưng (logo) trong các trường hợp cần tham khảo và tuân theo các trường hợp được quy định như sau:
HIM LAM PALACE Sử dụng sai màu.
Sử dụng không đúng kiểu chữ (font) quy định.
Sử dụng sai màu.
Biểu trưng (logo) không đủ độ phân giải.
Chuyển biến biểu trưng (logo) thành đường viền. Sử dụng sai màu.
Sử dụng đúng màu sắc của biểu trưng (logo) với các trường hợp nền màu khác nhau đã được quy định trước.
12
Thay đổi kích thước không đúng tỉ lệ.
Thay đổi vị trí các thành phần trong biểu trưng (logo).
CẨM NANG HƯỚNG DẪN SỬ DỤNG LOGO (BIỂU TRƯNG) HIM LAM PALACE
2
TÍN HIỆU NHẬN DIỆN (KEY-VISUAL) 1. Họa tiết Họa tiết được lấy cảm hứng và tạo thành từ biểu tượng nằm trong biểu trưng (logo) Him Lam, được sáng tạo và sử dụng thành tín hiệu nhận diện hoàn toàn mới trong toàn bộ thiết kế của Him Lam Palace, tạo nên nét riêng biệt, sang trọng, đẳng cấp và tính ứng dụng cao.
a
a
a
2a
a
a
a
a=4
32
45o
Hoạ tiết sử dụng (Thu nhỏ tỉ lệ 20%)
Opacity 20% Mã màu: Màu họa tiết.
PANTONE 1395C
CẨM NANG HƯỚNG DẪN SỬ DỤNG LOGO (BIỂU TRƯNG) HIM LAM PALACE
Màu nền kết hợp với họa tiết.
PANTONE 140C
CMYK 10, 50,100, 35
CMYK 30, 60,100, 40
RGB 158,101,20 HEX: #9E6514
RGB 123,79,25 HEX: #7a4e18
THỰC HIỆN: LEBRAND.VN DESIGN AGENCY
13
2
TÍN HIỆU NHẬN DIỆN (KEY-VISUAL) 2. Tín hiệu nhận diện (key-visual) Tín hiệu nhận diện (key-visual) là những quy định, định hướng và hướng dẫn cho người thiết kế biết được cách sử dụng, kết hợp màu sắc, tín hiệu nhận diện, biểu trưng (logo) trong các trường hợp khác nhau, đảm bảo tính đồng nhất, xuyên suốt. Dựa trên tín hiệu nhận diện (key-visual) này, người thiết kế cũng như người phê duyệt sẽ dễ dàng kiểm soát và phát triển mọi thiết kế.
2a
2a
a
a
Họa tiết opacity 20%.
2a
Họa tiết opacity 20%
2a
3a
3a
2a
2a
Quy định kết hợp biểu trưng (logo), họa tiết tạo thành tín hiệu nhận trên dạng bố cục vuông.
Quy định kết hợp biểu trưng (logo), họa tiết tạo thành tín hiệu nhận dạng trên bố dạng chữ nhật.
Họa tiết opacity 100%
Phương án màu 1.
14
Phương án màu 2.
Phương án màu 3.
CẨM NANG HƯỚNG DẪN SỬ DỤNG LOGO (BIỂU TRƯNG) HIM LAM PALACE
2
TÍN HIỆU NHẬN DIỆN (KEY-VISUAL) 3. Quy định vị trí của biểu trưng (logo) Nhằm đảm bảo tính đồng nhất và thể hiện khả năng truyền đạt tốt nhất trong mọi thiết kế, quy định vị trí của biểu trưng (logo) căn cứ theo nguyên lý thị giác dưới đây, được tạo ra để hướng dẫn về các vị trí biểu trưng (logo) được phép xuất hiện trong các bố cục khác nhau. - Những vị trí màu nâu là nơi được phép đặt biểu trưng (logo). - Những vị trí gạch đỏ chéo không được phép đặt biểu trưng (logo).
CẨM NANG HƯỚNG DẪN SỬ DỤNG LOGO (BIỂU TRƯNG) HIM LAM PALACE
THỰC HIỆN: LEBRAND.VN DESIGN AGENCY
15
2
TÍN HIỆU NHẬN DIỆN (KEY-VISUAL) 4. Biểu tượng (icon) Hình ảnh truyền đạt thông tin nhanh hơn chữ, bất kỳ mọi người trên thế giới đều hiểu và biết được hình ảnh (biểu tượng) khi quan sát, Lebrand sẽ thiết kế và quy định những thông tin thường gặp bằng những biểu tượng, điều này khiến việc truyền tải thông tin nhanh hơn, đa dạng hơn, chính xác hơn. Hệ thống biểu tượng (icon) có thể cập nhật theo nhu cầu phát sinh qua thời gian phát triển của thương hiệu.
Điện thoại Điện thoại Điện thoại
Di động
Di động
Địa chỉ
Fax
Fax
Địa chỉ
16
Địa chỉ
Di động Trang mạng Trang điệnmạng tử (website) Trang điệnmạng tử (website) điện tử (website)
Fax
Hộp thư
Hộp thư
Hộp thư
CẨM NANG HƯỚNG DẪN SỬ DỤNG LOGO (BIỂU TRƯNG) HIM LAM PALACE
2
TÍN HIỆU NHẬN DIỆN (KEY-VISUAL) 5. Kiểu chữ (font) sử dụng cho thương hiệu
UBUNTU
Bảng mã: Unicode - Kiểu gõ: Telex, VNI.
HELVETICA
Bảng mã: Unicode - Kiểu gõ: Telex, VNI.
Kiểu chữ (font) này gần tương đồng với biểu trưng (logo), khuyên dùng làm tiêu đề, Kiểu chữ (font) này là kiểu chữ (font) tiêu chuẩn, khuyên dùng cho nội dung, điểm nhấn trong mọi thiết kế. bài viết. UBUNTU UBUNTU HELVETICA HELVETICA
Ubuntu Regular Ubuntu Regular
Helvetica Neue Neue Light Light Helvetica
KH LM WYF-JWZ F J Z I KNLOMÔNƠ O PÔQƠRPSQTRUSƯTVUXƯYV- X G LHM I KNLOMÔNƠOPÔQƠRPSQ X YF -JW A Ă ÂABĂCÂDBĐCEDÊ Đ G EHÊI K TR U SƯTVUXƯYV- W Z F J Z A Ă ÂABĂCÂDBĐCEDÊĐGEHÊI G a ă â b c d đ e ê g h i k l m n o ô ơ p q r s t u ư v x y w f j z a ă â b c d đ e ê g h i k l m n o ô ơ p q r s t u ư v x y w f j z be cd k lom a ă â ba că dâ đ êđ ge hê i kgl hmi n ô nơ op ôq ơr sptqurưs vt u x yư -vwx fyj-zw f j z 0123456789 ~!@#$%^&*(),.<>[]{};’:”/?\|-_ 0123456789 ~!@#$%^&*(),.<>[]{};’:”/?\|-_ 0123456789 ~!@#$%^&*(),.<>[]{};’:”/?\|-_ 0123456789 ~!@#$%^&*(),.<>[]{};’:”/?\|-_ Ubuntu Medium Ubuntu Medium
Helvetica Neue Neue Regular Helvetica Regular
A Ă ÂABĂCÂDBĐCEDÊĐGEHÊI G KH LM I KNL O MÔNƠ O PÔQƠRPSQTRUSƯT VUXƯYV- XWYF-JWZ F J Z HM I KNLO MÔNƠOPÔQƠRPSQT R X YF -JW A Ă ÂABĂCÂDBĐCEDÊĐG EHÊI G KL U SƯTVUXƯYV- W Z F J Za ă â ab ăc âd bđ ce dê đg eh êi kg lhmi kn lomô nơopôqơr sp tqur ư y -v w s tv ux ư x yf j-zw f j z a că d âđ be c dê đ ư -vwx fy j-zw f j z aăâb ge h êi kglhmi k n lomô nơ op ôq ơr sptqurưs vt u xy 0123456789 ~!@#$%^&*(),.<>[]{};’:”/?\|-_ 0123456789 ~!@#$%^&*(),.<>[]{};’:”/?\|-_ 0123456789 ~!@#$%^&*(),.<>[]{};’:”/?\|-_ 0123456789 ~!@#$%^&*(),.<>[]{};’:”/?\|-_
Ubuntu Ubuntu Bold Bold
Helvetica Neue Neue Bold Bold Helvetica
L IMKNL O MÔNƠ OP ÔQ ƠRPSQTRUSƯT VUXƯYV- XWYF-JWZF J Z HM I KNLO MÔNƠOPÔQƠRPSQT R X YF -JW A Ă ÂABĂCÂDBĐCEDÊĐG EHÊI G KL U SƯTVUXƯYV- W Z F J ZA Ă ÂABĂCÂDBĐCEDÊĐGEHÊIGK H a ă â b c d đ e ê g h i k l m n o ô ơ p q r s t ur ư a ă â b c d đ e ê g h i k l m n o ô ơ p q s tvuxưy v- w x yf -j zw f j z a că d âđ be c dê đ ư -vwx fy j-zw f j z aăâb ge h êi kglhmi k n lomô nơ op ôq ơr sptqurưs vt u xy 0123456789 ~!@#$%^&*(),.<>[]{};’:”/?\|-_ 0123456789 ~!@#$%^&*(),.<>[]{};’:”/?\|-_ 0123456789 ~!@#$%^&*(),.<>[]{};’:”/?\|-_ 0123456789 ~!@#$%^&*(),.<>[]{};’:”/?\|-_
CẨM NANG HƯỚNG DẪN SỬ DỤNG LOGO (BIỂU TRƯNG) HIM LAM PALACE
THỰC HIỆN: LEBRAND.VN DESIGN AGENCY
17
2
TÍN HIỆU NHẬN DIỆN (KEY-VISUAL) 5. Kiểu chữ (font) dùng cho văn bản và trường hợp đặc biệt
MYRIAD PRO Bảng mã: Unicode - Kiểu gõ: Telex, VNI.
03 kiểu chữ (font) này là kiểu chữ (font) viết tay được phép sử dụng làm điểm nhấn, tăng tính mỹ thuật của các thiết kế.
Kiểu chữ (font) này là kiểu chữ (font) sử dụng trong các văn bản.
UTM HABANO
Myriad Pro - Light AĂÂBCDĐEÊGHIKLMNOÔƠPQRSTUƯVXY-WFJZ aăâbcdđeêghiklmnoôơpqrstuưvxy-wfjz 0123456789 ~!@#$%^&*(),.<>[]{};’:”/?\|-_
AĂÂBCDĐEÊGHIKLMNOÔƠPQRSTUƯVXY-WFJZ aăâbcdđeêghiklmnoôơpqrstuưvxy-wfjz 0123456789 ~!@#$%^&*(),.<>[]{};’:”/?\|-_ UTM BEAUTIFUL CAPS
Myriad Pro - Regular AĂÂBCDĐEÊGHIKLMNOÔƠPQRSTUƯVXY-WFJZ aăâbcdđeêghiklmnoôơpqrstuưvxy-wfjz 0123456789 ~!@#$%^&*(),.<>[]{};’:”/?\|-_
Myriad Pro - Bold AĂÂBCDĐEÊGHIKLMNOÔƠPQRSTUƯVXY-WFJZ aăâbcdđeêghiklmnoôơpqrstuưvxy-wfjz 0123456789 ~!@#$%^&*(),.<>[]{};’:”/?\|-_
18
AĂÂBCDĐEÊGHIKLMNOÔ ƠPQRSTUƯVXY-WFJZ aăâbcdđeêghiklmnoôơpqrstuưvxy-wfjz 0123456789 ~!@#$%^&*(),.<>[]{};’:”/?\|-_ UTM ESSENDINE CAPS AĂÂBCDĐEÊGHIKLMNOÔƠPQRSTUƯVXYWFJZ aăâbcdđeêghiklmnoôơpqrstuưvxy-wfjz 0123456789 ~!@#$%^&*(),.<>[]{};’:”/?\|-_
CẨM NANG HƯỚNG DẪN SỬ DỤNG LOGO (BIỂU TRƯNG) HIM LAM PALACE
2
TÍN HIỆU NHẬN DIỆN (KEY-VISUAL) 6. Tín hiệu nhận diện (key-visual) sử dụng với một địa chỉ
3A
2A
3A
A
7A
3A 2A
HIM LAM PALACE TÂN SƠN NHẤT 6 Tân Sơn, P. 12, Q.Gò Vấp, TP. Hồ Chí Minh (08) 3831 5656 (08) 3831 5666 www.himlampalace.com
6A
3A
3A
Vị trí được phép đặt biểu trưng (logo)
CẨM NANG HƯỚNG DẪN SỬ DỤNG LOGO (BIỂU TRƯNG) HIM LAM PALACE
THỰC HIỆN: LEBRAND.VN DESIGN AGENCY
19
2
TÍN HIỆU NHẬN DIỆN (KEY-VISUAL) 7. Tín hiệu nhận diện (key-visual) sử dụng với hai địa chỉ
3A
2A
2A
3A
A
7A
3A 2A
HIM LAM PALACE TÂN SƠN NHẤT
HIM LAM PALACE LONG BIÊN
6 Tân Sơn, P. 12, Q.Gò Vấp, TP. Hồ Chí Minh (08) 3831 5656 (08) 3831 5666 www.himlampalace.com
Khu Trung Đoàn 918, P. Phúc Đồng, Q. Long Biên, Hà Nội (04) 3 8752 278 (04) 3 3232 888 www.himlampalace.vn
6A
3A
3A
Vị trí được phép đặt biểu trưng (logo)
20
CẨM NANG HƯỚNG DẪN SỬ DỤNG LOGO (BIỂU TRƯNG) HIM LAM PALACE
© Long Bien 2015. All rights reserved. Mọi thông tin trong tài liệu này không được sao chép dưới mọi hình thức. Hình ảnh và chú thích được cung cấp bởi tác giả; nhà xuất bản và phát hành không chịu trách nhiệm với mọi xâm phạm hay phóng tác từ nội dung công bố. Thông tin trình bày trong ấn phẩm và quyền sở hữu đã được kiểm định trong phạm vi cho phép.