Mockup trang chi tiết sản phẩm bàn phím cơ cao cấp

Tạo một trang chi tiết sản phẩm thương mại điện tử hiện đại, gọn gàng cho một thương hiệu bàn phím cơ cao cấp có tên là {argument name="brand name" default="KeyForge"}, được trình bày dưới dạng bản mockup trang web máy tính để bàn độ trung thực cao trên nền trắng với các đường phân cách màu xám nhạt tinh tế và khoảng cách thoáng đãng. Bố cục là một khung cảnh cửa hàng hợp nhất duy nhất với thanh điều hướng trên cùng, thanh trượt hình thu nhỏ sản phẩm bên trái, hình ảnh hero sản phẩm lớn ở trung tâm và bảng thông tin mua hàng ở phía bên phải. Ở phần đầu trang, đặt wordmark in đậm ở ngoài cùng bên trái, tiếp theo là 7 mục điều hướng có chữ “Bàn phím”, “Switch”, “Keycap”, “Phụ kiện”, “Khuyến mãi”, “Blog” và “Hỗ trợ”, và ở ngoài cùng bên phải là 3 biểu tượng cho tìm kiếm, tài khoản và giỏ hàng, kèm theo một huy hiệu thông báo nhỏ màu đen hiển thị số “1” trên giỏ hàng. Sản phẩm chính hiển thị ở trung tâm là một chiếc bàn phím cơ 75% nhỏ gọn được chụp từ góc chính diện hơi chếch từ trên cao trên một bục màu xám nhạt, với vỏ nhôm màu bạc, keycap màu trắng và xám, vài phím tạo điểm nhấn màu tím oải hương cùng một núm xoay âm lượng màu bạc ở góc trên bên phải. Bộ sưu tập dọc bên trái chứa chính xác 5 hình thu nhỏ: 1 ảnh chụp chính diện sản phẩm đang được chọn, 1 góc nhìn nghiêng của bàn phím, 1 ảnh cận cảnh switch cơ học, 1 ảnh cận cảnh kết cấu bề mặt keycap, và 1 hình thu nhỏ video tối màu có biểu tượng phát hình tròn. Bảng sản phẩm bên phải bao gồm một huy hiệu nhỏ hình viên thuốc có chữ “MỚI”, tên sản phẩm lớn in đậm {argument name="product name" default="KeyForge K75 Pro"}, phụ đề “Bàn phím cơ 75%”, một hàng đánh giá 5 sao với 4.8 và “(126 đánh giá)”, mức giá lớn in đậm {argument name="price" default="$129.99"} theo sau là trạng thái “Còn hàng” màu xanh lá cây, cùng một đoạn mô tả ngắn gồm hai câu về hiệu năng cao cấp, thiết kế gasket-mount, hỗ trợ QMK/VIA và RGB. Phía dưới phần đó, bao gồm một bộ chọn “Loại switch” với chính xác 4 nút hình viên thuốc có nhãn “Cherry MX Red”, “Gateron Brown”, “Gateron Blue” và “TTC Gold Pink”, trong đó nút đầu tiên được chọn; một bộ chọn “Màu sắc” với chính xác 3 nút hình viên thuốc có nhãn “Trắng / Tím”, “Đen / Xám” và “Xanh navy / Xanh dương”, trong đó nút đầu tiên được chọn; một menu thả xuống “Số lượng” được đặt là “1”; một nút chính lớn màu đen có nhãn “Thêm vào giỏ hàng” kèm biểu tượng giỏ hàng; và một nút phụ dạng viền nét có nhãn “Thêm vào danh sách yêu thích” kèm biểu tượng trái tim. Phía dưới các nút, hiển thị chính xác 3 điểm nổi bật về dịch vụ theo chiều ngang kèm biểu tượng nhỏ: “Miễn phí vận chuyển” với văn bản phụ “Cho đơn hàng trên $99”, “Đổi trả trong 30 ngày” với văn bản phụ “Đổi trả dễ dàng”, và “Bảo hành 2 năm” với văn bản phụ “An tâm tuyệt đối”. Trong khu vực nội dung phía dưới, tạo một phần hai cột được phân tách bằng các đường kẻ mảnh. Bên trái là danh sách tab dọc với chính xác 5 mục: “Tổng quan” được chọn, tiếp theo là “Thông số kỹ thuật”, “Trong hộp có gì”, “Vận chuyển & Đổi trả” và “Đánh giá (126)”. Ở bên phải của các tab, đặt một lưới thẻ tính năng bo tròn màu trắng với chính xác 6 khối tính năng xếp thành 2 hàng 3 cột, mỗi khối có một biểu tượng nét đơn giản, tiêu đề in đậm và văn bản giải thích ngắn: “Bố cục 75%”, “Cấu trúc Gasket-Mounted”, “Hỗ trợ QMK/VIA”, “Hot-Swappable”, “Đèn nền RGB” và “Chất lượng hoàn thiện cao cấp”. Ở góc ngoài cùng bên phải của khu vực bên dưới này, thêm một danh sách gạch đầu dòng thông số kỹ thuật với chính xác 7 mục: “Bố cục: 75% (82 phím)”, “Loại switch: Cherry MX Red”, “Kiểu gắn: Gasket-Mounted”, “Kết nối: USB-C (Có dây)”, “Đèn nền: RGB, South-facing”, “Chất liệu: Vỏ nhôm” và “Kích thước: 322 x 135 x 42 mm”, cộng thêm một mục cuối cùng bổ sung “Trọng lượng: 1.25 kg”. Sử dụng thẩm mỹ thiết kế sản phẩm tối giản tinh tế, khoảng cách UI thực tế, kiểu chữ sans-serif gọn gàng tương tự Inter hoặc SF Pro, bóng đổ nhẹ, các góc bo tròn tinh tế, biểu tượng đơn sắc và phong cách trình bày thiết bị điện tử tiêu dùng bóng bẩy theo kiểu startup.