기계식 키보드 제품 페이지 목업

프리미엄 기계식 키보드 브랜드 {argument name="brand name" default="KeyForge"}를 위한 깔끔하고 현대적인 전자상거래 제품 상세 페이지를 흰색 배경에 미묘한 밝은 회색 구분선과 충분한 간격을 두고 고화질 데스크톱 웹사이트 목업으로 제시합니다. 레이아웃은 상단 내비게이션 바, 왼쪽 제품 썸네일 레일, 중앙의 큰 제품 히어로 이미지, 오른쪽의 구매 정보 패널이 있는 단일 통합 상점 장면입니다. 헤더에는 가장 왼쪽에 굵은 워드마크를 배치하고, 그 다음 “키보드”, “스위치”, “키캡”, “액세서리”, “세일”, “블로그”, “지원”의 7가지 탐색 항목을 배치하고, 가장 오른쪽에는 검색, 계정, 장바구니를 위한 3개의 아이콘을 배치합니다. 장바구니에는 “1”이라는 작은 검은색 알림 배지가 표시됩니다. 중앙에 표시된 주요 제품은 은색 알루미늄 케이스, 흰색 및 회색 키캡, 라벤더 보라색의 여러 강조 키, 오른쪽 상단에 은색 볼륨 노브가 있는 연한 회색 무대에서 약간 올려다보는 전면 각도로 촬영된 컴팩트한 75% 기계식 키보드입니다. 왼쪽 수직 갤러리에는 정확히 5개의 썸네일이 포함되어 있습니다. 선택된 전면 제품 사진 1개, 각진 키보드 보기 1개, 기계식 스위치 클로즈업 1개, 키캡 텍스처 클로즈업 1개, 원형 재생 아이콘이 있는 어두운 비디오 썸네일 1개입니다. 오른쪽 제품 패널에는 “NEW”라는 작은 알약 배지, 큰 굵은 제품 이름 {argument name="product name" default="KeyForge K75 Pro"}, “75% 기계식 키보드”라는 부제, 4.8점과 “(126 리뷰)”가 있는 5성 등급 행, 큰 굵은 가격 {argument name="price" default="$129.99"}와 그 뒤에 녹색 “재고 있음” 상태, 프리미엄 성능, 개스킷 장착 디자인, QMK/VIA 지원, RGB에 대한 짧은 두 문장 설명이 포함됩니다. 그 아래에는 첫 번째가 선택된 “Cherry MX Red”, “Gateron Brown”, “Gateron Blue”, “TTC Gold Pink”라는 4개의 알약 버튼으로 “스위치 유형” 선택기가 있습니다. 첫 번째가 선택된 “White / Purple”, “Black / Gray”, “Navy / Blue”라는 3개의 알약 버튼으로 “색상” 선택기가 있습니다. “수량” 드롭다운은 “1”로 설정되어 있습니다. 장바구니 아이콘이 있는 큰 검은색 기본 “장바구니에 담기” 버튼과 하트 아이콘이 있는 윤곽선이 있는 보조 “위시리스트에 추가” 버튼이 있습니다. 버튼 아래에는 작은 아이콘이 있는 정확히 3개의 수평 서비스 하이라이트가 표시됩니다. “99달러 이상 주문 시 무료 배송”, “30일 반품” (번거롭지 않은 반품), “2년 보증” (마음의 평화)입니다. 하단 콘텐츠 영역에는 밝은 선으로 구분된 두 열 섹션을 만듭니다. 왼쪽에는 “개요” (선택됨), “사양”, “구성품”, “배송 및 반품”, “리뷰 (126)”의 정확히 5개의 항목이 있는 수직 탭 목록이 있습니다. 탭 오른쪽에는 단순한 라인 아이콘, 굵은 제목, 짧은 설명 텍스트가 있는 6개의 기능 블록이 있는 2행 3열의 둥근 흰색 기능 카드 그리드가 있습니다. “75% 레이아웃”, “개스킷 장착”, “QMK/VIA 지원”, “핫 스왑 가능”, “RGB 백라이트”, “프리미엄 빌드”입니다. 이 하단 영역의 가장 오른쪽에는 “레이아웃: 75% (82 키)”, “스위치 유형: Cherry MX Red”, “장착: 개스킷 장착”, “연결: USB-C (유선)”, “백라이트: RGB, 남향”, “재질: 알루미늄 케이스”, “치수: 322 x 135 x 42 mm”의 정확히 7개의 글머리 기호가 있는 사양 글머리 기호 목록을 추가하고, 마지막으로 “무게: 1.25 kg”를 추가합니다. 세련된 미니멀리즘 제품 디자인 미학, 사실적인 UI 간격, Inter 또는 SF Pro와 유사한 깔끔한 산세리프 타이포그래피, 부드러운 그림자, 미묘한 둥근 모서리, 단색 아이콘, 세련된 스타트업 스타일 소비자 전자 제품 프레젠테이션을 사용합니다.