YEONY'S ARCHIVE 202636 IDX
Y
디지털·가전

포틀릿 디자인

2026-08-22

전자상회

포틀릿 3분할 · 디지털·가전

스펙 그대로 적는 디지털·가전 몰. 값보다 숫자로 고르는 화면이라 비교표가 배너 바로 아래에 옵니다.

구현 사항 3 ▾
  • 좌 400 · 중앙 640 · 우 400 고정 3분할
  • 스타일 축 D 스펙 나열 — 27 달마다와 같은 축. 숫자가 카피다
  • 12종 · 노트북·모니터/모바일/음향/주방가전/생활가전 · 차콜 상단메뉴 · 버튼 모서리 2

화면 1

메인 — 3분할 포틀릿
메인 — 3분할 포틀릿

알아둘 점

  • ·전자상회는 가상 브랜드입니다. 결제와 로그인은 화면만 있고 실제로 동작하지 않습니다.
  • ·상품 12종입니다. Stitch 가 시킨 순서와 다른 순서로 주기 때문에 12장을 전부 열어 이름과 그림을 대조했습니다. 키보드는 「글자 금지」와 부딪히는 자리라 「무각인 키캡」으로 지정해 통과시킨 것이고 결과도 완전 무각인입니다.
  • ·배너2 에 냉장고·세탁기·전자레인지가 그려져 있습니다. 이 몰이 다루지 않는 대형가전이고 Stitch 가 「가전」을 넓게 읽었습니다. 재생성 대상입니다.
  • ·「생활가전」의 id 는 living 입니다. 13-7 규격은 여섯째 칸을 「계절가전」으로 지정했는데 여기 들어가는 것이 공기청정기와 로봇청소기라 사철 쓰는 물건입니다. 라벨만 넓혔고 갈래 수는 배정표대로입니다.
  • ·카테고리 아이콘 열 장은 Stitch 사진이 아니라 상품 사진에서 잘라낸 것입니다. 쿼터가 풀리면 갈아 끼우면 됩니다.
  • ·비교표가 음향 갈래로 뽑힙니다. 상품 12종에서 공통 스펙 항목이 가장 많은 갈래라 그렇습니다. 노트북 갈래를 비교하려면 상품마다 항목 이름을 맞춰 적어야 합니다.
  • ·정가 취소선은 규격이 #cbcbcb 로 못 박은 값이고 어드민 슬롯이 아니라 1.6:1 이어도 그대로 뒀습니다. 이 템플릿에서 유일하게 4.5:1 을 넘지 못하는 자리입니다.
  • ·768~1079px에서 좌우가 비어 보이는 것은 버그가 아니라 실서비스의 동작을 그대로 재현한 것입니다.

© 2026 Heeyeon.Kim — YEONY'S ARCHIVE

aboutyeony.works [at] gmail.comgithub ↗

본 아카이브에 게시된 모든 글·디자인·코드·이미지에 대한 권리는 Heeyeon.Kim에게 있습니다. 글은 출처와 원문 링크를 밝히면 인용하실 수 있습니다. 다만 글 전문 전재, 그리고 디자인·코드·이미지의 복제·배포·2차 저작 및 상업적 사용은 yeony.works [at] gmail.com으로 사전에 문의해 주시기 바랍니다.