thichhoc.com
Bộ nhận diện thương hiệu
Đóa hoa cúc, giấy ấm và tinh thần ứng dụng học tập tương tác — những nguyên tắc giữ cho thichhoc.com nhất quán ở mọi nơi. Dùng đúng, và tải về ở định dạng bạn cần.
01 — Logo
Logo
Biểu tượng là đóa hoa cúc tám cánh trên nền sage-teal, dựng từ một định nghĩa hình duy nhất. Ưu tiên logo đặt cạnh chữ (lockup); khi không gian hẹp, dùng riêng biểu tượng.
Các biến thể
Khoảng trống an toàn
Chừa quanh logo một khoảng trống tối thiểu bằng X — bằng nửa bề rộng biểu tượng. Không đặt chữ hay hình khác vào vùng này.
Kích thước tối thiểu
Không dùng nhỏ hơn 24px trên màn hình. Nhỏ hơn nữa, các cánh hoa dính vào nhau và mất nét.
Nên & không nên
02 — Màu sắc
Màu sắc
Một bảng màu tự nhiên, trầm ấm: sage-teal và vàng của logo, mực nâu đọc trên nền giấy. Tránh màu neon rực và độ tương phản chói.
Màu logo
Màu giao diện
03 — Font chữ
Font chữ
Ba typeface, mỗi cái một vai trò rõ ràng. Tất cả đều có subset tiếng Việt để dấu hiển thị đúng trong-face, không rơi về Georgia giữa chừng.
04 — Hình minh hoạ
Phong cách hình minh hoạ
Hình ảnh nên toát lên tinh thần ấm áp, thân thiện: giấy, mực, chút thực vật. Ưu tiên khoảng thở và tông trầm hơn là chi tiết dày đặc.
05 — Tải xuống
Tải xuống
Mọi tệp được dựng ngay trên trình duyệt từ cùng một hình hoa gốc, nên không bao giờ lệch với bản đang chạy trong ứng dụng.
SVG — vector
Sắc nét ở mọi kích thước. Dùng cho in ấn và thiết kế.
PNG — ảnh
Ảnh bitmap theo kích thước chọn sẵn.
Bộ icon nền tảng (.zip)
Đầy đủ mọi kích thước, gắn thẳng vào dự án — không cần chỉnh tay.
- iOS — 15 PNG full-bleed + Contents.json cho
AppIcon.appiconset. - Android — mipmap 5 mật độ (legacy + adaptive foreground) và lớp XML nền/adaptive.
- Favicon — 32 / 48 / 192 / 512 px và Apple touch icon 180 px.