디지털·가전
포틀릿 디자인
2026-08-22전자상회
포틀릿 3분할 · 디지털·가전
스펙 그대로 적는 디지털·가전 몰. 값보다 숫자로 고르는 화면이라 비교표가 배너 바로 아래에 옵니다.
구현 사항 3 ▾
- 좌 400 · 중앙 640 · 우 400 고정 3분할
- 스타일 축 D 스펙 나열 — 27 달마다와 같은 축. 숫자가 카피다
- 12종 · 노트북·모니터/모바일/음향/주방가전/생활가전 · 차콜 상단메뉴 · 버튼 모서리 2
화면 1

- 메인
/배너 480(4:3) · 퀵메뉴 10칸 · **스펙 비교표** · 탭 4개 3열 · 무제한 진열 9개씩 3열열기 ↗ - 상품 목록
/shop갈래·정렬·검색 · 3열열기 ↗ - 상품 상세
/product/laptop값 → 핵심 스펙 → **스펙 표** → 보증·배송열기 ↗ - 상품 상세 (가전)
/product/robot갈래마다 스펙 항목이 다르다 — 흡입력·주행·먼지통열기 ↗ - 장바구니
/cart5만원 이상 무료배송 · 한 줄 최대 20대열기 ↗ - 주문·결제
/checkout3단계 스텝열기 ↗ - 주문 완료
/order/EJ20260822오후 3시 이전 주문 시 당일 출고열기 ↗ - 내 계정
/account로그인/가입 전환 · 주문·쿠폰·배송지 탭열기 ↗
알아둘 점
- ·전자상회는 가상 브랜드입니다. 결제와 로그인은 화면만 있고 실제로 동작하지 않습니다.
- ·상품 12종입니다. Stitch 가 시킨 순서와 다른 순서로 주기 때문에 12장을 전부 열어 이름과 그림을 대조했습니다. 키보드는 「글자 금지」와 부딪히는 자리라 「무각인 키캡」으로 지정해 통과시킨 것이고 결과도 완전 무각인입니다.
- ·배너2 에 냉장고·세탁기·전자레인지가 그려져 있습니다. 이 몰이 다루지 않는 대형가전이고 Stitch 가 「가전」을 넓게 읽었습니다. 재생성 대상입니다.
- ·「생활가전」의 id 는 living 입니다. 13-7 규격은 여섯째 칸을 「계절가전」으로 지정했는데 여기 들어가는 것이 공기청정기와 로봇청소기라 사철 쓰는 물건입니다. 라벨만 넓혔고 갈래 수는 배정표대로입니다.
- ·카테고리 아이콘 열 장은 Stitch 사진이 아니라 상품 사진에서 잘라낸 것입니다. 쿼터가 풀리면 갈아 끼우면 됩니다.
- ·비교표가 음향 갈래로 뽑힙니다. 상품 12종에서 공통 스펙 항목이 가장 많은 갈래라 그렇습니다. 노트북 갈래를 비교하려면 상품마다 항목 이름을 맞춰 적어야 합니다.
- ·정가 취소선은 규격이 #cbcbcb 로 못 박은 값이고 어드민 슬롯이 아니라 1.6:1 이어도 그대로 뒀습니다. 이 템플릿에서 유일하게 4.5:1 을 넘지 못하는 자리입니다.
- ·768~1079px에서 좌우가 비어 보이는 것은 버그가 아니라 실서비스의 동작을 그대로 재현한 것입니다.