BRAND GUIDELINES
BRAND GUIDELINES
Chúng tôi muốn làm cho mọi người hạnh phúc. Đó là lý do tại sao chúng tôi lại tạo ra Happi Mart. Các nghiên cứu đã chỉ ra rằng những người hạnh phúc thường thành công hơn, sáng tạo hơn và khoẻ mạnh hơn. Tại Happi Mart, chúng tôi ở đây, để làm cho trải nghiệm mua sắm của bạn trở nên dễ dàng và thú vị nhất có thể. Cho dù bạn đang tìm kiếm sản phẩm, cần trợ giúp mua hàng hoặc có câu hỏi chung về dịch vụ của chúng tôi, chúng tôi rất sẵn lòng giúp đỡ! Dịch vụ khách hàng của Happi Mart luôn sẵn sàng 24/7 để phục vụ tất cả nhu cầu mua sắm của bạn.
1.
TỔNG QUAN VỀ HAPPI MART ...............4
2.
LOGO ..................................................6
2.1 2.2 2.3 2.4 2.5 2.6 2.7 2.8 2.9 2.10 2.11
LOGO CHÍNH ....................................................................7 LOGO ĐẢO MÀU ...............................................................8 CÁC PHIÊN BẢN LOGO ....................................................9 KÍCH THƯỚC NHỎ NHẤT ...............................................10 KHOẢNG HỞ LOGO .........................................................11 LOGOMARK ....................................................................12 LOGO ÂM BẢN (ĐEN/TRẮNG) .......................................13 CÁCH SỬ DỤNG (NÊN/KHÔNG NÊN) ............................14 BỐ CỤC LOGO ................................................................15 ICON DÙNG TRÊN SOCIAL ............................................16 PHỐI NỀN .......................................................................17
3.
MÀU SẮC ...............................................18
3.1 3.2
MÀU CHÍNH ......................................................................19 BỘ MÀU THIẾT KẾ ............................................................20
4.
FONTS ...................................................21
4.1 4.2
FONT TRÊN LOGO .............................................................22 FONT THIẾT KẾ .................................................................23
5.
TRÍCH XUẤT THÀNH PHẦN LOGO ...........24
5.1 5.2
HƯỚNG DẪN TRÍCH XUẤT THÀNH PHẦN LOGO .............25 ỨNG DỤNG TRÍCH XUẤT THÀNH PHẦN LOGO ................26 VÀO THIẾT KẾ PATTERN
1. TỔNG QUAN VỀ HAPPI MART Happi Mart là chuỗi cửa hàng tạp hoá hiện đại, uy tín và gía cả phải chăng tại Hà Nội. Chúng tôi giải quyết rất nhiều các vấn đề do các cửa hàng truyền thống thường xuyên gặp phải, bao gồm mất an toàn vệ sinh thực phẩm, giá cả đắt đỏ và ô nhiễm môi trường. Bằng cách cung cấp thực phẩm lành mạnh, ngon và các sản phẩm chất lượng với chi phí thấp, chúng tôi đang làm cho cuộc sống của người tiêu dùng trở trên an toàn hơn, khoẻ mạnh hơn và hạnh phúc hơn.
4
5
2. LOGO Logo Happi Mart được kết hợp bởi logomark (biểu tượng), wordmark (tên thương hiệu) và slogan.
6
2.1
LOGO CHÍNH Logo chính của Happimart bao gồm 3 thành phần - Wordmark (tên thương hiệu): happimart - Slogan: be happy . be here - Logomark: biểu tượng cách điệu của giỏ hàng lồng ghép trong chữ “b”, bên dưới là hình bán cung thể hiện cho nụ cười “happy”. Tất cả được chứa trong icon vuông bo góc kèm tiêu điểm bên diới (sự kết hợp giữa xu hướng icon app hiện đại với icon chỉ địa điểm).
Thông điệp từ tổng thể logo - Ở đây các bạn có thể đến mua sắm mọi thứ mình cần một cách tiện lợi và ngập tràn niềm vui.
Font
Wordmark: Run Medium Slogan: Helvetica Light
Màu sắc
Wordmark: Green Slogan: Green Logomark: Orange
#406A3C #406A3C #B76237
7
2.2
LOGO ĐẢO MÀU Logo đảo màu được sử dụng cho mục đích bố cục logo trên nền màu đơn chủ đạo xanh lá (mã #406A3C) của thương hiệu Happi Mart. Nhằm tạo sự nhấn nhá màu hoặc cách chơi màu làm nổi bật logo.
Font
Wordmark: Run Medium Slogan: Helvetica Light
Màu sắc
Wordmark: Cream Slogan: Cream Logomark: Orange
8
#F7F3DF #F7F3DF #B76237 & Cream
#F7F3DF
2.3
CÁC PHIÊN BẢN LOGO Trong các trường hợp bố cục không cho phép đặt logo chính, các phiên bản logo phụ tương ứng sẽ được lựa chọn thay thế phù hợp, hoặc chỉ sử dụng icon.
LOGO CHÍNH
PHIÊN BẢN 01
PHIÊN BẢN 02
PHIÊN BẢN 03
ICON
Sử dụng trên không gian hình chữ nhật ngang chiều cao ngắn
Sử dụng trên không gian hình chữ nhật ngang chiều cao vừa phải
Sử dụng trên không gian hình chữ nhật đứng
Sử dụng trên không gian hình vuông
Sử dụng cho các trường hợp dành cho website/app/mobile...
9
2.4
KÍCH THƯỚC NHỎ NHẤT Khi sử dụng, cần chú ý không để kích thước logo nhỏ hơn kích thước nhỏ nhất đề xuất bên dưới để đảm bảo chất lượng hiển thị của logo trên từng phương tiện tiếp thị thương hiệu.
Đề xuất kích thước nhỏ nhất sẽ bao gồm 2 lựa chọn thông số gồm: 1. Pixel (sử dụng cho kênh kỹ thuật số (digital)) 2. Millimeters (sử dụng cho việc in ấn)
68px
25mm
LOGO CHÍNH
10
50px
20mm
PHIÊN BẢN 01
26px
10mm
PHIÊN BẢN 02
30px
12mm
PHIÊN BẢN 03
20px
8mm
ICON
2.2
KHOẢNG HỞ LOGO Còn được gọi là khoảng an toàn. Mục đích nhằm đảm bảo khoảng cách tối thiểu giữa logo với các yếu tố khác trên cùng 1 bản thiết kế. Lưu ý: tất cả những yếu tố như chữ viết, các hình ảnh hay bất kỳ mảng trang trí nào cũng nên đặt ngoài khung an toàn của logo.
Tỷ lê an toàn của các góc = 1/2 chiều cao logo
Tỷ lê an toàn của các góc = 1/2 bề ngang logo
11
2.6
LOGOMARK / ICON Biểu tượng logo có thể sử dụng cho các trường hợp: - Bố cục không cho phép sử dụng logo chính hoặc các phiên bản logo có fontmark. - Sử dụng cho 1 số mục đích thu gọn logo trên không gian nhỏ hẹp. - Sử dụng cho 1 số mục đích đặc trưng liên quan đến digital, website, mobile, app, kênh social ...
ICON CHÍNH
12
BẢN TRẮNG
BẢN ĐEN
2.7
LOGO ÂM BẢN (ĐEN/TRẮNG) Logo âm bản được sử dụng cho các trường hợp: - Logo sử dụng trên các ấn phẩm cơ bản không màu, bản fax, photocopy... - Sử dụng trong 1 vài trường hợp khi bố cục cùng với các logo của thương hiệu khác. Việc thống nhất sử dụng logo âm bản sẽ giúp mẫu thiết kế đạt được sự thống nhất và chuyên nghiệp nhất định trong phong cách thiết kế.
LOGO CHÍNH
PHIÊN BẢN 01
PHIÊN BẢN 02
PHIÊN BẢN 03
13
2.8
CÁCH SỬ DỤNG (NÊN/KHÔNG NÊN) NÊN
1
2
3
4
1. Logo chính và các phiên bản đã trình bày bên trên đều dc khuyến khích sử dụng. 2. Quy tắc chọn logo dựa vào kích thước nền đặt để và độ tương phản màu của nền đảm bảo nhìn thấy, nhận dạng và đọc được tên thương hiệu. 3. Luôn sử dụng logo âm bản trong in ấn trắng đen. 4. Sử dụng icon trong trường hợp không gian nhỏ, không thể sử dụng logo chính và các phiên bản logo đã đề xuất.
KHÔNG NÊN 1. Không tự ý thay đổi màu logo.
1
2
3
4
5
6
7
8
9
2. Không thêm viền hay làm dày logo. 3. Không đặt logo trên nền màu tương đồng, khó nhận dạng và đọc được tên thương hiệu. 4. Không tự ý điều chỉnh bất kỳ yếu tố nào khác với logo chính và các phiên bản đã đề xuất. 5. Không xoay logo nghiêng ngã. 6. Không dùng hiệu ứng trong suốt cho logo. 7. Không làm méo mó, biến dạng logo. 8. Không đổi font chữ logo. 9. Không cắt xén logo
14
2.9
BỐ CỤC LOGO Bên dưới là 1 vài đề xuất tham khảo cho việc bố trí logo trên các bề mặt / phương tiện khác nhau. Logo nên được đặt ở những vị trí dễ thu hút ánh nhìn.
Biển hiệu siêu thị
Bao bì
Bảng quảng cáo
Website
Powerpoint
Namecard
ngoài trời
15
2.10
ICON DÙNG TRÊN SOCIAL
Icon chính (logomark) được đề xuất sử dụng xuyên suốt trên các kênh social, vì mục đích thiết kế logo ban đầu đã hướng logomark đến tính tiện dụng, hiện đại, phù hợp với tính chất social.
Tuy nhiên, trong 1 số trường hợp đặc biệt, nếu cần thiết phải có nền vuông/tròn chứa icon, bên dưới sẽ là các đề xuất bổ sung.
16
2.11
PHỐI NỀN Quy tắc chính: logo luôn hiển thị rõ trên nền, có thể nhận dạng & tên thương hiệu đọc được dễ dàng; Màu sắc chủ đạo của logo luôn được thể hiện tốt. Bên dưới là những đề xuất tham khảo nền phối phù hợp với logo. Từ các đề xuất này, các designers có thể tự do lựa chọn, sáng tạo màu sắc & nền phù hợp với lgoo.
be happy be here
17
3. COLOR Màu săc đóng vai trò cực kỳ quan trọng đối với hệ thống nhận diện thương hiệu. Tông màu chủ đạo sẽ thể hiện đặc trưng xuyên suốt cho thương hiệu, các tông màu phụ vừa đóng vai trò hỗ trợ gam màu thiết kế cho thương hiệu, vừa có thể là nguồn màu cho các nhãn phụ của thương hiệu (nếu có).
18
3.1
MÀU CHÍNH Màu sắc tổng quan của thương hiệu giúp đạt được định hướng thống nhất trên tất cả mẫu thiết kế của thương hiệu. Thông qua những phối màu trên mỗi thiết kế, thương hiệu sẽ dần đi từ nhận diện ban đầu, qua thời gian hình thành nên trí nhớ thương hiệu trong tâm trí khách hàng. Bên dưới là hệ màu tổng quan của Happi Mart:
Orange
Green
Cream
Lime green
Black 19
3.2
BỘ MÀU THIẾT KẾ Giữ nguyên tông màu chính, nhưng tăng hoặc giảm độ đậm nhạt để tạo thành tông màu phụ, nhằm tăng sự đa dạng về màu sử dụng trong quá trình thiết kế.
Orange - #B76236 CMYK (18, 75, 99, 6) RGB (183, 98, 54)
Green - #406A3C CMYK (81, 34, 99, 24) RGB (65, 107, 60)
Cream - #F7F3DF CMYK (2, 2, 14, 0) RGB (247, 243, 223)
Lime Green - #E5E576 CMYK (13, 0, 77, 0) RGB (229, 229, 118)
Black - #323333 CMYK (70, 63, 62, 58) RGB (50, 51, 51)
20
4. FONTS Phông chữ là 1 hệ thống định hình phong cách quan trọng khác trong nhận diện thương hiệu. Việc sử dụng hệ thống phông mặc định sẽ đem lại sự thống nhất và hiệu quả hơn cho toàn bộ quá trình truyền thông thương hiệu.
21
4.1
FONT TRÊN LOGO Font chữ dùng cho wordmark của logo (Run Medium) không phải là font Việt hóa, nên font này chỉ được sử dụng duy nhất cho thiết kế logo.
Run Medium
Helvetica Light
22
4.2
FONT THIẾT KẾ Font đề xuất sử dụng thiết kế cho thương hiệu Happi Mart: Bộ family font của Roboto - Là 1 trong những bộ font nổi tiếng về tính thẩm mỹ lẫn khả năng đáp ứng nhiều mục đích sử dụng trong in ấn, xây dựng website hoặc app. - Bộ font đầy đủ của Roboto rất đa dạng nét dày, mỏng, vừa, nghiêng..., vì vậy phù hợp cho cả headings lẫn body text.
TRÌNH BÀY MẪU
LOREM IPSUM
HEADINGS - Roboto Bold [20pt]
Lorem ipsum dolor sit amet,
SUB-HEADINGS - Roboto Medium [12pt]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
BODY TEXT - Roboto Regular [9pt]
23
5. TRÍCH XUẤT THÀNH PHẦN LOGO Trong những trường hợp thiết kế không cần dùng đến logo (ở mọi phiên bản), nhưng vẫn muốn giữ lại dấu ấn của Happi Mart, việc trích xuất 1 phần logo đưa vào thiết kế sẽ hoàn toàn hợp lý và được chấp nhận. Điều này giúp tăng tính đa dạng và linh hoạt cho thiết kế, đồng thời đảm bảo mức độ thẩm mỹ lẫn việc gợi nhớ hình ảnh thương hiệu một cách hiệu quả nhất.
24
5.1
HƯỚNG DẪN TRÍCH XUẤT THÀNH PHẦN LOGO
Các thành phần có thể trích xuất và sử dụng ở các chiều hướng như sau:
Tuyệt đối KHÔNG SỬ DỤNG các thành phần trích xuất ở các chiều hướng đảo ngược vì sẽ làm mất ý nghĩa của thương hiệu (như hình bên dưới).
25
5.2
26
ỨNG DỤNG TRÍCH XUẤT THÀNH PHẦN LOGO VÀO THIẾT KẾ PATTERN
27
