Poppins được dùng cho tiêu đề, điều hướng, nút, caption và nội dung chính. Cảm giác gần Circular Std: hình học, tròn mềm, nét chữ đều.
Design documentation · V19
Sans-serif Academic Editorial
Bản chuẩn hóa typography và màu sắc cho website PGS.TS Phan Thị Thanh Thảo. Hệ chữ được đưa về nhóm sans-serif có nét đều, đầu nét mềm và cảm giác thân thiện nhưng vẫn sang trọng, phù hợp định vị học thuật.
Montserrat là fallback gần tinh thần editorial hiện đại. Be Vietnam Pro giữ vai trò fallback tiếng Việt an toàn khi môi trường không tải được font ngoài.
Body 16px, menu 12.5px, caption 12px, hero dùng clamp 52–104px, heading section dùng clamp 36–62px.
Ticker được tách thành item và separator riêng, có padding hai bên, giảm letter-spacing và chạy ba cụm lặp để luôn có nội dung.
Bảng màu chính
Espresso
#2A211D
#2A211D
Cocoa
#4A342D
#4A342D
Clay Deep
#8F4E3B
#8F4E3B
Clay
#AA6048
#AA6048
Honey
#D6A55A
#D6A55A
Blush
#F4E4D8
#F4E4D8
Cream
#FCF6EF
#FCF6EF
Ivory
#FFFDF8
#FFFDF8
Quy chuẩn cỡ chữ
Hero title
clamp(52px, 7vw, 104px), weight 800, line-height 0.95.Section heading
clamp(36px, 4.6vw, 62px), weight 800, line-height 1.04.Body text16px, line-height 1.68–1.75, màu Cocoa Soft để dễ đọc trên nền kem.
Navigation12.5px, weight 650, không tracking quá rộng để tránh cảm giác nhỏ và rời rạc.
Caption / label12px, weight 700, letter-spacing 0.055em.
Demo ticker
Ticker dùng separator riêng nên chữ không còn dính vào dấu hoặc dính sang chủ đề kế tiếp.
Giáo dục mở•Reduvation•AI nhân văn•Đại học ứng dụng thông minh•Học tập suốt đời•
Giáo dục mở•Reduvation•AI nhân văn•Đại học ứng dụng thông minh•Học tập suốt đời•