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 đủ 112px 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ệ; bánh bao phải tròn đầy. ![](misuse/stretch.svg)

02 **Đổi màu ngoài DS** — không tô thân bánh bao màu xanh/tím 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. ![](misuse/shadow.svg)

04 **Xoay** — không xoay nghiêng logo hay mark. ![](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 Nghệ (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)

08 **Tách mây khỏi bánh bao** — không bỏ mây hơi nước hoặc đổi chỗ mây xuống dưới. ![](misuse/split.svg)