Nhận diện thương hiệu VACHE

Nhận diện VACHE xuất phát từ logo tròn của Hội (vòng vàng, bản đồ Việt Nam màu đỏ, quyển sách và trái tim) cùng tông đỏ của trang suckhoecongdong.net.vn.

Logo

Logo · nền sáng

Logo · nền đỏ

Sức khỏe Cộng đồngHội Giáo dục Chăm sóc Sức khỏe Cộng đồng Việt Nam

Logo luôn giữ nguyên màu và hình tròn, khoảng trống xung quanh tối thiểu bằng 1/4 đường kính. Trên nền đỏ, logo có viền trắng mỏng để tách nền. File hiện có là PNG 100×100 px; cần bản vector để in ấn.

Màu

Đỏ VACHE#D0021BThanh menu, nút chính, thanh tiêu đề cột bên, chữ đỏ (chữ trắng 5,7:1)--brand · nguồn: Đỏ CID của trang cũ, khớp chữ đỏ trên logo

Đỏ chữ#D0021BChữ đỏ, liên kết, tiêu đề mục trên nền trắng (5,7:1)--brand-text · nguồn: Cùng mã Đỏ VACHE

Đỏ nhấn#9E0A16Hover của nút đỏ, lớp phủ ảnh đầu trang (chữ trắng 8,4:1)--brand-ink · nguồn: Đỏ đậm CID

Hồng nhạt#FDEEEFNền dòng đang chọn, ô đường dây nóng--brand-tint · nguồn: Phái sinh từ Đỏ VACHE

Vàng logo#F9DC1CNút Gia nhập, Đóng hội phí, nhãn nổi bật (chữ tối 9,7:1)--accent · nguồn: Vòng vàng của logo #F7E635

Xanh than#193C5AViền focus, nhấn phụ hiếm dùng (11,4:1); không dùng cho khối lớn--info · nguồn: Xanh than CID

Chữ#1F2937Nội dung chính (14,7:1)--fg · nguồn: Xám than trung tính

Chữ phụ#5B6472Ngày đăng, chú thích (6,0:1)--muted · nguồn: Xám than trung tính

Nền#F6F7F9Nền trang; thẻ và hộp dùng trắng #FFFFFF--bg · nguồn: Chọn mới, sáng và trung tính

Chữ trắng trên Đỏ VACHE và Đỏ đậm đạt chuẩn tương phản AA. Đỏ tươi chỉ dùng cho mảng lớn. Trên Vàng logo luôn dùng chữ tối, không dùng chữ trắng.

Chữ

Tiêu đề, nội dung, giao diện

Chăm sóc sức khỏe cộng đồng

InterMột họ chữ cho toàn trang, đủ dấu tiếng Việt; tự lưu trữ với phông dự phòng khớp số đo nên không xô chữ khi tải

Sức khỏe cộng đồng--text-4xl · 36px · Tiêu đề bài viết, hero (máy tính)

Sức khỏe cộng đồng--text-3xl · 30px · Tiêu đề trang (máy tính)

Sức khỏe cộng đồng--text-2xl · 24px · Tiêu đề trang (điện thoại), tin nổi bật

Sức khỏe cộng đồng--text-xl · 20px · Tiêu đề mục, h2 trong bài

Sức khỏe cộng đồng--text-lg · 18px · Sapo, tiêu đề thẻ

Sức khỏe cộng đồng--text-base · 16px · Nội dung, tiêu đề tin trong danh sách

Sức khỏe cộng đồng--text-sm · 14px · Ngày đăng, menu, cột bên

Sức khỏe cộng đồng--text-xs · 12px · Nhãn, chú thích, bản quyền

Nút và nhãn

Gia nhập Hội Đăng ký hội viên Xem tin tứcSức khỏe cộng đồng

Màu vàng chỉ dùng cho hành động mang lại hội viên và hội phí (Gia nhập, Đóng hội phí, chọn gói), để các nút này luôn nổi bật nhất trang.