Blog UI là bộ giao diện tĩnh: trang chủ, thể loại, bài dài, liên hệ, đăng nhập, viết bài, và bảng màu/Elements cho những thứ chung. Ưu tiên rhythm chữ, khoảng trắng và tông màu; nội dung thì bạn thay dần, không cần giữ câu ở đây nếu không muốn.
Trải nghiệm trên từng thiết bị
Bố cục co theo từng bề ngang, từ điện thoại, tablet tới màn lớn. Trên màn rộng, các mục Trang chủ, Giới thiệu, Liên hệ nằm cùng hệ với tên thương hiệu; nhóm tiếp theo (Elements, đăng nhập, đăng ký) và khối tài khoản nằm bên phải. Trên thiết bị nhỏ, các liên kết chính nằm trong menu kéo, mở bằng nút trên cùng, tránh cần kéo ngang để đọc nội dung.
Chế độ tối (dark) và sáng (light)
Người đọc có thể chuyển giữa nền sáng và nền tối thuận tiện cho mắt, tùy chỉnh trên trang. Phía giao diện, nút đổi chế độ ở thanh dùng và trong menu di động (cùng nhãn "Giao diện") thể hiện biểu tượng đúng với từng bản sáng hoặc tối.
Trang lần lượt có gì
- Thể loại, bài đọc, meta ảnh, phụ đề - kẻo cho ai đọc lướt cũng bám được.
- Liên hệ: form tối thiểu, chừa chỗ bản đồ/iframe nếu bạn cắm sau.
- Elements gom màu, nút, toast, modal: đúng tông với mấy màn còn lại.