YEONY'S ARCHIVE 202636 IDX
Y
생활잡화·마트

포틀릿 디자인

2026-08-22

알뜰상회

포틀릿 3분할 · 생활잡화·마트

생필품을 묶음으로 싸게 파는 마트. 첫 장이 곧 특가다.

구현 사항 3 ▾
  • 스타일 G 마트 전단지 — 큰 숫자와 원색, 여백을 만들면 실패한다
  • 오늘의 떨이를 배너 바로 밑으로 — 전단지는 첫 장이 곧 특가다
  • 12종 · 청소/주방/세탁/수납/위생 · 특가 탭 · 3열

화면 1

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

알아둘 점

  • ·알뜰상회는 가상 브랜드입니다. 결제와 로그인은 화면만 있고 실제로 동작하지 않습니다.
  • ·상품 12종입니다. 시안 시트에서 잘라 넣었고, 시킨 순서와 실제 그림이 맞는지 열어서 확인했습니다.
  • ·가격과 할인율은 전부 만들어 넣은 값입니다. 전 품목에 할인이 걸려 있는 것이 이 몰의 성격입니다.
  • ·정가 취소선(#cbcbcb)의 낮은 대비는 규격 문서에 박힌 값이라 고치지 않았습니다. 어드민 슬롯이 아니라 올리면 재현할 수 없습니다.
  • ·768~1079px에서 좌우가 비어 보이는 것은 버그가 아니라 실서비스의 동작을 그대로 재현한 것입니다.
  • ·규격은 docs/portlet-spec.md 를 따릅니다.

© 2026 Heeyeon.Kim — YEONY'S ARCHIVE

aboutyeony.works [at] gmail.comgithub ↗

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