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

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

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

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

01 **Kéo méo** — không bóp/kéo dãn theo một chiều; dải lụa sẽ thành sợi dây. ![Kéo méo](misuse/stretch.svg)

02 **Đổi màu ngoài quy định** — ô logo luôn Đỏ son, dải lụa luôn Vàng lá; không dùng Chàm 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. ![Đổ 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 hoặc hoạ tiết rối; trên nền màu dùng `mono.svg` hoặc `on-dark.svg`. ![Nền rối](misuse/busy.svg)

06 **Thêm viền** — không viền thêm quanh ô logo. ![Thêm viền](misuse/outline.svg)

07 **Vi phạm vùng an toàn** — không để chữ, mép khung 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 là nét vẽ riêng; không thay bằng chữ gõ.