Dữ liệu minh hoạ (5 nhóm đã tạo, số mẫu giả định). Ảnh danh mục thật thay cho ô màu. Không dùng emoji; icon là SVG phẳng.
Rê chuột có độ trễ ~150 ms để đi chéo vào khung. Danh mục đang xem được tô nền (Baymard: phải cho khách biết đang ở đâu). Số nhỏ = số mẫu. Danh mục chưa có mẫu không hiện.
8 ô = danh mục admin bật "Nổi bật" (sao), theo thứ tự admin kéo thả — không còn cắt mất danh mục thứ 9+.
Nhãn vở13 mẫu
Bìa vở học sinh6 mẫu
Bìa sổ tay4 mẫu
Tab theo nhóm: mỗi tab 1 hàng thẻ cuộn ngang, thêm bao nhiêu danh mục cũng không vỡ bố cục. Nhóm không có danh mục nào có mẫu thì ẩn tab.
Nhãn vở13 mẫu
Bìa vở6 mẫu
Bìa sổ tay4 mẫu
Điện thoại: bento rút còn 5 ô nổi bật đầu, tab nhóm vuốt ngang, menu là ngăn kéo mở từng nhóm (không phải bấm qua nhiều tầng).