02 · Logo

Logo

Năm biến thể, một quy tắc: không sửa logo — chọn biến thể đúng cho nền.

Biến thể

Logo chính
nền sáng · primary.svg · 1 KB

Biểu tượng (mark)
favicon, avatar, cỡ nhỏ · mark.svg · 1 KB

Chữ (wordmark)
khi mark đã xuất hiện gần đó · wordmark.svg · 1 KB

Một màu
in khắc, dập nổi, nền ảnh · mono.svg · 1 KB

Trên nền tối
nền tối · on-dark.svg · 1 KB

Vùng an toàn và cỡ nhỏ nhất

Vùng an toàn

0.5 × chiều cao mark (24/48 lưới mark)

Cỡ nhỏ nhất

mark 16px · logo đầy đủ 120px ngang

Cách dùng sai

Đừng làm những điều này với logo.

01 **Kéo méo** — không bóp hay kéo dãn logo theo một chiều. ![Kéo méo](misuse/stretch.svg)

02 **Đổi màu ngoài quy định** — ô logo luôn màu Mực đêm (#12141C), không đổi sang Mận đêm thơ hay màu ngoài design-system. ![Đổi màu](misuse/recolor.svg)

03 **Đổ bóng** — không thêm bóng đổ, phát sáng hay nổi khối; ánh sáng của logo chỉ là chùm đèn bên trong ô. ![Đổ bóng](misuse/shadow.svg)

04 **Xoay** — logo luôn đứng thẳng, không xoay nghiêng. ![Xoay](misuse/rotate.svg)

05 **Nền rối / tương phản thấp** — không đặt trên ảnh hay hoạ tiết sọc; trên ảnh noir đặt logo lên panel tối đặc. ![Nền rối](misuse/busy.svg)

06 **Thêm viền** — không thêm khung, viền màu quanh logo (ngoài khung hổ phách có sẵn trong `on-dark.svg`). ![Thêm viền](misuse/outline.svg)

07 **Vi phạm vùng an toàn** — không để chữ, khối màu hay vật khác lấn vào vùng 0.5 × chiều cao mark. ![Vùng an toàn](misuse/clearspace.svg)

08 **Gõ lại chữ bằng font khác** — wordmark "sách đêm" là nét vẽ riêng, chữ thường; không thay bằng chữ gõ hay viết hoa.

Bản PNG

mark@1x.png mark@2x.png mark@4x.png mono@1x.png mono@2x.png mono@4x.png on-dark@1x.png on-dark@2x.png on-dark@4x.png primary@1x.png primary@2x.png primary@4x.png wordmark@1x.png wordmark@2x.png wordmark@4x.png