Bộ logo SIPTech

Phương án B (chữ S nối nút). Chữ trong các file SVG đã chuyển thành đường nét nên không cần cài phông. Tải tệp ở thư mục svg/ (in ấn, thiết kế) hoặc png/ (đăng web, mạng xã hội).

1. Biểu tượng

Dùng khi không đủ chỗ cho chữ: favicon, avatar, con dấu, bìa slide.

Màu (chính)
Màu (chính)
Nền tối
Nền tối
Một màu: đen
Một màu: đen
Một màu: trắng
Một màu: trắng

2. Ảnh đại diện

Zalo, Facebook, LinkedIn tự cắt tròn, nên chữ S đã thu nhỏ để không bị mất nét.

Tròn, nền xanh đậm
Tròn, nền xanh đậm · Zalo, Facebook
Tròn, nền xanh dương
Tròn, nền xanh dương · phương án phụ
Vuông, tràn viền
Vuông, tràn viền · để nền tảng tự cắt

3. Bản ngang

Bản dùng nhiều nhất: đầu trang web, chữ ký email, tiêu đề tài liệu.

Ngang + giới thiệu (chính)
Ngang + giới thiệu (chính)
Ngang
Ngang
Ngang + giới thiệu, nền tối
Ngang + giới thiệu, nền tối
Ngang, nền tối
Ngang, nền tối
Một màu: đen
Một màu: đen
Một màu: trắng
Một màu: trắng

4. Bản dọc

Bìa tài liệu, bảng hiệu vuông, biểu ngữ dọc.

Dọc + giới thiệu
Dọc + giới thiệu
Dọc
Dọc
Dọc + giới thiệu, nền tối
Dọc + giới thiệu, nền tối
Một màu: trắng
Một màu: trắng

5. Chỉ chữ

Khi biểu tượng đã xuất hiện ngay bên cạnh.

Chỉ chữ
Chỉ chữ
Chỉ chữ, nền tối
Chỉ chữ, nền tối
Một màu: đen
Một màu: đen

6. Cỡ nhỏ

Biểu tượng ở 16, 32, 48, 64px (PNG thật, đã thu nhỏ).

16px32px48px64px

7. Ảnh cho mạng xã hội

Ảnh chia sẻ link (1200×630), ảnh bìa Facebook, banner LinkedIn. Nội dung chữ sửa trong make_kit.py.

og-image-1200x630
og-image-1200x630
facebook-cover-1640x624
facebook-cover-1640x624
linkedin-banner-1584x396
linkedin-banner-1584x396

8. Màu sắc

Màu chính và màu nhấn.

Xanh đậm#0b1f4d · nền, chữ SIP
Xanh dương#1d4ed8 · chữ Tech, nút
Cam#ff7a3d · hai nút của chữ S
Xanh nhạt#8fb0ff · chữ Tech trên nền tối

9. Quy tắc dùng

Vùng đệm và kích thước tối thiểu.

Chừa quanh logo một khoảng trống bằng nửa chiều cao biểu tượng (khung cam nét đứt là tham khảo).

10. Danh sách tệp PNG

Tệp SVG nằm ở svg/; favicon.ico và favicon.svg ở thư mục gốc của bộ logo.

Tệp PNGDung lượng
png/avatar-circle-800.png64 KB
png/avatar-circle-blue-800.png67 KB
png/avatar-square-800.png36 KB
png/icon-black-512.png26 KB
png/icon-color-1024.png77 KB
png/icon-color-128.png8 KB
png/icon-color-16.png1 KB
png/icon-color-180.png12 KB
png/icon-color-192.png12 KB
png/icon-color-256.png17 KB
png/icon-color-32.png2 KB
png/icon-color-48.png3 KB
png/icon-color-512.png35 KB
png/icon-color-64.png4 KB
png/icon-reverse-512.png31 KB
png/icon-white-512.png22 KB
png/lockup-horizontal-black-1600.png34 KB
png/lockup-horizontal-color-1600.png39 KB
png/lockup-horizontal-reverse-1600.png34 KB
png/lockup-horizontal-tagline-black-1600.png49 KB
png/lockup-horizontal-tagline-color-1600.png54 KB
png/lockup-horizontal-tagline-reverse-1600.png51 KB
png/lockup-horizontal-tagline-white-1600.png38 KB
png/lockup-horizontal-white-1600.png28 KB
png/lockup-stacked-black-1600.png51 KB
png/lockup-stacked-color-1600.png67 KB
png/lockup-stacked-reverse-1600.png59 KB
png/lockup-stacked-tagline-black-1600.png67 KB
png/lockup-stacked-tagline-color-1600.png92 KB
png/lockup-stacked-tagline-reverse-1600.png90 KB
png/lockup-stacked-tagline-white-1600.png56 KB
png/lockup-stacked-white-1600.png43 KB
png/wordmark-black-1600.png29 KB
png/wordmark-color-1600.png32 KB
png/wordmark-reverse-1600.png27 KB
png/wordmark-white-1600.png24 KB