Page 1

MangaMart

Brand Manual Guidelines


Mục Lục 01. Giới thiệu 02. Logo 03. Sử dụng logo 04. Wireframe 05. Thiết kế icon 06. Styleguide


01

Giới thiệu


MangaMart là ứng dụng đọc/bán sách online, uy tín kết nối những độc giả yêu sách. Với thư viện hơn 10.000 đầu sách và 20 tạp chí danh tiếng trong mọi lĩnh vực, MangaMart có thể đáp ứng nhu cầu đọc sách mọi lúc, mọi nơi với mọi thể loại, cũng như dịch vụ giao hàng cực nhanh và tiện lợi.


02

Logo

Logo


Sketch giấy


14.5x

Gọi x là độ dài 1 ô. Ta có các thành phần trong logo tỉ lệ sau.

11x

Logo trên lưới

MangaMart 8x Hệ thống kẻ ô

x


Hệ thống đường cong


03

Sử dụng logo


4x

4x

MangaMart

Vùng quy cách


Logo nguyên bản và âm bản.

MangaMart

MangaMart


2,9cm

Kích thước tối thiểu của logo phải giữ cho dễ đọc và cân bằng.

2,6cm

MangaMart Kích thước tối thiểu


Logo và các trường hợp sử dụng sai.

Bóp méo dọc/ngang MangaMart

MangaMart

Đổi font/màu sắc MangaMart

MangaMart


C:92 M:54 Y:42 K:20

C:74 M:22 Y:24 K:0

#0a5b6f

#389db4

R:10 G:91 B:111

R:56 G:157 B:180

C:61 M:0 Y:16 K:0

C:22 M:0 Y:6 K:0

#3FCDDD

#BDF9F9

R:63 G:205 B:221

R:189 G:249 B:249

Màu sắc logo và thương hiệu không được phép thay đổi. Màu của logo phải là xanh với hệ số kỹ thuật quy định.


04

Wireframe


Sketch - workflow


Wireframe hoĂ n thĂ nh


05

Thiết kế icon


Icon sketch


Icon hoàn thành


06

Styleguide


UTM Avo Bold (Tiêu đề, Logo) Typography Bộ phông dùng cho thương hiệu là bộ phông không chân hiện đại, trẻ trung. Bộ phông: UTM AVO dễ dùng, được Việt hóa phù hợp với các loại ấn phẩm thiết kế.

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOo PpQqRrSsTtUuVvWwXxYyZz 0123456789:;<=>?!”#%&’()*+,-./\[]_{} ÂâĂăĐđÊêÔôƠơƯư

UTM Avo Regular (Phụ đề, Nội dung) AaBbCcDdEeFfGgHhIiJjKkLlMmNnOo PpQqRrSsTtUuVvWwXxYyZz 0123456789:;<=>?!”#%&’()*+,-./\[]_{} ÂâĂăĐđÊêÔôƠơƯư


Color (Active Color)

Đây là những màu cơ bản của app dùng trong button và các elements cơ bản.

C:92 M:54 Y:42 K:20

C:74 M:22 Y:24 K:0

#0a5b6f

#389db4

R:10 G:91 B:111

R:56 G:157 B:180

C:61 M:0 Y:16 K:0

C:22 M:0 Y:6 K:0

#3FCDDD

#BDF9F9

R:63 G:205 B:221

R:189 G:249 B:249


Color (Alert Color)

C:20 M:80 Y:85 K:10 #B45037 R:180 G:80 B:55

Đây là những màu dùng cho những thông báo quan trọng và cảnh báo.

C:9 M:80 Y:80 K:1 #dc5041 R:220 G:80 B:65


Color (Technical Color)

C:75 M:70 Y:60 K:70

C:65 M:60 Y:60 K:40

#1c1c24

#474747

R:30 G:30 B:35

R:70 G:70 B:70

C:30 M:25 Y:25 K:0

C:0 M:0 Y:0 K:0

#3afafaf

#ffffff

R:175 G:175 B:175

R:255 G:255 B:255

Đây là những màu dùng cho nội dung, tiêu đề và các thông tin bổ sung.


Elements


MangaMart

Profile for Truong Huy Nguyen

[MangaMart] App Guidelines  

[MangaMart] App Guidelines  

Advertisement