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 · 2 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 · 2 KB

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

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

Vùng an toàn

0.5 × chiều cao mark

Cỡ nhỏ nhất

24px (mark) · 96px (primary)

Cách dùng sai

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

01 **Kéo méo** — không kéo giãn hay ép logo theo một chiều; góc trục đo 30° của viên gạch sẽ sai. ![Kéo méo](misuse/stretch.svg)

02 **Đổi màu ngoài design system** — không đổi mặt gạch sang xanh nước, vàng hay cam; ba sắc độ xanh là cách logo tạo khối. ![Đổi màu](misuse/recolor.svg)

03 **Đổ bóng** — không thêm drop shadow; chiều sâu đã có từ ba mặt khối. ![Đổ bóng](misuse/shadow.svg)

04 **Xoay** — không xoay logo; viên gạch phải đứng trên mặt đất theo trục đứng. ![Xoay](misuse/rotate.svg)

05 **Đặt trên nền rối hoặc tương phản thấp** — không đặt trên ảnh sọc, hoạ tiết; dùng nền Vôi, nền trắng, hoặc bản `on-dark` trên nền tối. ![Nền rối](misuse/busy-bg.svg)

06 **Thêm viền** — không viền quanh chữ hay khối. ![Thêm viền](misuse/outline.svg)

07 **Vi phạm vùng an toàn** — không để hình, chữ hay mép khung lấn vào khoảng 0.5 × chiều cao mark quanh logo. ![Vùng an toàn](misuse/clearspace.svg)

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