Hướng dẫn thương hiệu

Biểu tượng, màu sắc, kích thước tối thiểu, khoảng trống bảo vệ và những điều không được làm. Tải tài nguyên tại đây.

Biểu tượng (mark)

nolaa-mark.svg · 112px

Tài khoản 놀아

Kiểu ghép ngang (lockup) — chiều cao biểu tượng = chiều cao chữ × 1,35, khoảng cách = chiều cao biểu tượng × 0,3

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

Kích thước hiển thị tối thiểu của biểu tượng là 16px. Ở mức 20px trở xuống, hãy dùng nolaa-mark-sm.svg (bên phải) có viền dày hơn thay cho nolaa-mark.svg (bên trái) — ở kích thước nhỏ sẽ rõ nét hơn nhiều.

Mặc định sm

16px

Mặc định sm

20px

24px

32px

48px

Ô 16px · 20px hiển thị nolaa-mark.svg (mặc định) và nolaa-mark-sm.svg (sm) cạnh nhau để so sánh. Từ 24px trở lên, dùng biểu tượng mặc định như bình thường.

Khoảng trống bảo vệ (clear space)

Hãy chừa quanh biểu tượng khoảng trống tối thiểu bằng 25% chiều cao biểu tượng. Không được để phần tử giao diện nào khác (chữ, nút, đường viền, v.v.) lấn vào vùng này.

Nét đứt = ranh giới khoảng trống bảo vệ (với biểu tượng 96px, 24px = 96 × 0,25)

Màu sắc

Những điều không được làm

Đổi màu

Đừng dùng màu khác thay cho mực và đỏ son.

Méo tỷ lệ · xoay

Đừng đổi tỷ lệ ngang dọc hay tự ý xoay biểu tượng.

Bỏ viền

Đừng dùng khi bỏ huy hiệu (badge) trắng và viền mực.

Thêm bóng · hiệu ứng phát sáng

Đừng thêm bóng đổ hay hiệu ứng phát sáng.

Dời nét · con dấu

Đừng tự ý dời vị trí nét cọ và con dấu (seal).

Đặt lên ảnh phức tạp

Đừng đặt trực tiếp lên ảnh hay hoa văn phức tạp. Hãy dùng nền đơn sắc có độ tương phản.

Chèn vào câu như một chữ

Để đăng nhập, hãy nhấn nút 놀아.

Đừng thu nhỏ biểu tượng bằng cỡ chữ rồi chèn vào giữa câu.

Tải về

Mã HTML và CSS của nút đăng nhập xem tại tài liệu Tạo nút đăng nhập.