Bài mẫu thứ hai, dài hơn bình thường, để xem nhịp cuộn và khoảng chặn giữa các mục — nội dung demo, có thể xoá sau khi duyệt.
1. Cỡ chữ không cần lớn, cần nhất quán
Body 16px với line-height 1.65 đủ dễ đọc trên mọi màn hình. Vấn đề thường không nằm ở con số, mà ở chỗ mỗi nơi một khác.
2. Dòng chữ có nhân cách
Serif cho tiêu đề tạo cảm giác editorial; sans-serif cho thân bài giữ mọi thứ gọn gàng. Phối hai họ chữ này gần như không bao giờ sai.
- Chọn một font display, một font body.
- Định nghĩa cỡ theo scale, không tự bấm số lẻ.
- Kiểm tra dấu tiếng Việt ở cả hai weight hay dùng.
3. Khoảng trắng là một phần của thiết kế
Section thở được thì nội dung thở được. Nếu phải nén chữ để nhét thêm mục, khả năng cao là nên bỏ mục đó đi.
Whitespace is not empty space. It is active space.
Hết bài mẫu.