NAS\NASPC
29 lines
2.5 KiB
Markdown
29 lines
2.5 KiB
Markdown
1. "Trust & Clean" (Xanh Da Trời & Trắng Sứ)
|
|
Đây là phong cách rất phổ biến cho các nền tảng y tế hiện đại, mang lại cảm giác sạch sẽ, công nghệ cao và đáng tin cậy.
|
|
|
|
Màu chủ đạo (Primary): Xanh Cerulean (#0077B6 hoặc #0284C7) - Sáng và thân thiện hơn màu xanh Navy truyền thống.
|
|
Màu phụ trợ (Secondary): Xanh ngọc bích nhạt (#48CAE4).
|
|
Màu nền (Background): Trắng sứ (#FFFFFF) và Xám nhạt (#F8FAFC).
|
|
Màu nhấn (Accent): Cam nhạt hoặc Vàng rực (#F59E0B) cho các nút Call-to-Action (Đặt lịch khám, Cấp cứu).
|
|
2. "Healing & Nature" (Xanh Mòng Két & Xanh Lá Nhạt)
|
|
Gam màu này mang lại cảm giác chữa lành, bình yên, rất phù hợp với môi trường chăm sóc sức khỏe.
|
|
|
|
Màu chủ đạo: Xanh mòng két / Teal (#0F766E hoặc #008080).
|
|
Màu phụ trợ: Xanh lá cây nhạt (Mint Green - #A7F3D0).
|
|
Màu nền: Trắng kem (#FAFAFA) giúp giao diện không bị chói mắt.
|
|
Màu nhấn: San hô (Coral - #FF7F50) để tạo điểm nhấn ấm áp, xóa đi sự lạnh lẽo của bệnh viện.
|
|
3. "Modern Academic" (Tím Than & Xanh Cyan)
|
|
Vì đây không chỉ là bệnh viện mà còn là Đại học, gam màu tím than/xanh đen mang lại vẻ học thuật, nghiên cứu chuyên sâu, kết hợp với màu xanh Cyan trẻ trung.
|
|
|
|
Màu chủ đạo: Tím than / Midnight Blue (#1E293B hoặc #172554).
|
|
Màu phụ trợ: Xanh dương sáng (Cyan - #06B6D4).
|
|
Màu nền: Xám trắng (#F1F5F9).
|
|
Màu nhấn: Vàng kim (Gold - #EAB308) - giữ lại một chút yếu tố truyền thống của ĐHYD.
|
|
4. "Soft & Accessible" (Xanh Pastel & Xám Slate)
|
|
Thiết kế tập trung vào tính tiếp cận, dễ nhìn cho mọi lứa tuổi (đặc biệt là người lớn tuổi khi dùng web bệnh viện).
|
|
|
|
Màu chủ đạo: Xanh dương nhạt / Soft Blue (#3B82F6).
|
|
Màu chữ chính: Xám đậm Slate (#334155) thay vì màu đen tuyền để giảm độ tương phản gắt.
|
|
Màu nền: Trắng tinh (#FFFFFF).
|
|
Màu nhấn: Hồng y tế / Đỏ nhạt (#EF4444) dùng riêng cho các cảnh báo, cấp cứu hoặc thông báo quan trọng.
|
|
Bạn cảm thấy ấn tượng với phong cách nào nhất trong số trên? Nếu bạn muốn, tôi có thể dùng công cụ để thử lên ý tưởng giao diện (Generate Image) hoặc áp dụng màu mới này vào mã nguồn CSS của bạn! Bạn chỉ cần cho tôi biết bạn đang lưu trữ mã nguồn ở đâu nhé. |