#063F8F
VNIS Blue
--navy-800Màu chủ đạo. Dùng cho tiêu đề, biểu trưng và mọi vùng cần cảm giác tin cậy, chuyên nghiệp.
Hệ nhận diện
Thương hiệu VNIS Education
Một hệ nhận diện chỉ có giá trị khi nó là thứ đang chạy thật. Mọi màu, mọi cỡ chữ và mọi thành phần trên trang này lấy trực tiếp từ hệ thiết kế của vnis.edu.vn - không phải ảnh chụp, không phải bản mô tả.
Tinh thần
VNIS Education đại diện cho điều gì
01
Định hướng đúng
Giúp học sinh và phụ huynh chọn lộ trình phù hợp với năng lực, mục tiêu và điều kiện thật - kể cả khi câu trả lời đúng là “chưa nên đi”.
02
Kết nối đúng
Nối học sinh, đối tác tuyển sinh và tổ chức giáo dục bằng thông tin kiểm chứng được và quy trình rõ ràng.
03
Đồng hành dài hạn
Hỗ trợ trước, trong và sau khi nộp hồ sơ - quan hệ không kết thúc ở ngày nhập học.
Biểu trưng
Biểu trưng và cách dùng
Biểu trưng gồm chữ VNIS và mũ tốt nghiệp cách điệu, đặt cạnh chữ Education. Giữ nguyên tỷ lệ, giữ khoảng trống an toàn bằng ít nhất chiều cao chữ V ở cả bốn phía.
Nền tối dùng bản đảo màu; không đặt bản gốc lên nền đậm rồi tăng độ sáng.
✓ Nên
- Giữ đúng tỷ lệ và khoảng trống an toàn
- Dùng file gốc độ phân giải cao
- Đặt trên nền đủ tương phản
- Dùng bản đảo màu cho nền tối
✕ Không nên
- Kéo giãn, bóp méo hoặc xoay
- Đổi màu biểu trưng
- Đặt lên ảnh rối làm mất nét chữ
- Thêm bóng đổ, viền hoặc hiệu ứng
Hệ màu
Ba màu nhận diện
Mỗi ô dưới đây tô bằng chính token đang chạy trên site. Mã hex in kèm để chép sang Figma, file in hoặc tài liệu đối tác.
#D7A642
VNIS Gold
--gold-500Màu điểm nhấn. Dùng cho nút hành động chính và những chi tiết cần dẫn mắt - dùng ít mới có sức nặng.
#4F6488
Academic Slate
--text-mutedSắc trung gian cho chữ phụ, chú thích và nhãn. Đủ đậm để đọc thoải mái trên nền trắng.
Thang màu đầy đủ
Các bậc phái sinh giữ nguyên độ sáng của hệ thống cũ, chỉ đổi tông sang màu thương hiệu - nhờ vậy tương quan tương phản trong bố cục không đổi.
navy-950#021A3B
navy-900#032453
navy-800#063F8F
navy-700#07449B
navy-600#0857C6
navy-400#5398F8
navy-300#ADCEFC
navy-100#D9E8FD
gold-600#C29029
gold-500#D7A642
gold-400#DFB767
gold-200#EBD29E
Tương phản đã đo
Bốn cặp thật sự xuất hiện trên site, tính theo công thức WCAG 2.1. Ngưỡng AA là 4,5 cho chữ thường và 3,0 cho chữ lớn hoặc thành phần giao diện.
9,93:1
VNIS Blue trên nền trắng
✓ đạt AA
15,20:1
Trắng trên nền navy-900
✓ đạt AA
7,81:1
Chữ nút trên VNIS Gold
✓ đạt AA
6,03:1
Academic Slate trên nền trắng
✓ đạt AA
Kiểu chữ
Thang chữ
Một họ chữ sans-serif hệ thống, dùng độ đậm và cỡ để phân cấp thay vì đổi phông. Mẫu dưới đây render bằng đúng class của site.
h-lgDu học đúng hướng, tương lai vững vàng
h-mdChọn nước, chọn trường, chọn lộ trình
leadĐoạn mở đầu dùng cho câu dẫn - cỡ lớn hơn thân bài một bậc, giữ nhịp đọc thoáng.
bodyThân bài. Dài vừa phải, dòng không quá rộng để mắt không phải quét ngang quá xa.
Thành phần
Thành phần giao diện
Nút, chip và thẻ dưới đây là component thật của site, không phải ảnh mô phỏng.
Nhận tư vấn miễn phíKhám phá điểm đến
Xem bài viết
Học bổngVisa du họcChi phí
Cần file nhận diện chính thức?
Đối tác và cơ quan báo chí liên hệ để nhận bộ logo gốc cùng hướng dẫn sử dụng.