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

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 co giãn lệch tỉ lệ; chiếc răng phải tròn đầy, nét cười cân hai bên. ![](misuse/stretch.svg)

02 **Đổi màu ngoài DS** — không tô răng tím, xanh lá hay màu không có trong design-system.json. ![](misuse/recolor.svg)

03 **Đổ bóng** — không thêm drop-shadow, glow hay hiệu ứng 3D; logo phẳng. ![](misuse/shadow.svg)

04 **Xoay** — không xoay nghiêng; răng nghiêng trông như đang rơi, trái tinh thần không ai sợ. ![](misuse/rotate.svg)

05 **Nền rối / tương phản thấp** — không đặt trên ảnh rối hoặc nền san hô (tương phản < 3:1). ![](misuse/busy.svg)

06 **Thêm viền** — không viền ngoài quanh mark hay wordmark. ![](misuse/outline.svg)

07 **Vi phạm vùng an toàn** — giữ khoảng trống ≥ 0.5 × chiều cao mark quanh logo. ![](misuse/clearspace.svg)