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

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

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

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

Vùng an toàn

0.5 × chiều cao mark (32/64)

Cỡ nhỏ nhất

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

Cách dùng sai

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

01 **Kéo méo tỉ lệ** — luôn khoá tỉ lệ khi đổi cỡ. ![Kéo méo](misuse/stretch.svg)

02 **Đổi màu ngoài design-system** — ô logo chỉ là Mực sân (nền sáng) hoặc Xanh thảm sân (nền tối), đế cầu luôn là Đế cầu. ![Đổi màu](misuse/recolor.svg)

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

04 **Xoay logo** — quả cầu đã nghiêng 40° sẵn; xoay thêm làm mất hướng bay. ![Xoay](misuse/rotate.svg)

05 **Đặt trên nền rối hoặc tương phản thấp** — dùng nền Lông cầu, trắng hoặc Mực sân. ![Nền rối](misuse/busy-bg.svg)

06 **Thêm viền quanh ô logo** — ô 'cơn gió' đã có hình riêng, không viền thêm. ![Thêm viền](misuse/outline.svg)

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

08 **Tách quả cầu khỏi ô** hoặc dùng quả cầu đứng một mình làm logo — quả cầu chỉ là một phần của mark.

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