가구·인테리어
포틀릿 디자인
2026-08-22오늘의방
포틀릿 3분할 · 가구·인테리어
방을 조금씩 바꾸는 물건들. 볕이 드는 방 한 구석을 그대로 찍은 사진과 치수 한 줄로 고릅니다.
구현 사항 3 ▾
- 좌 400 · 중앙 640 · 우 400 고정 3분할
- 스타일 축 A 조용한 고급 — 여백과 질감으로 값을 말한다. 구분선을 넉넉히 넣어 영역이 떨어져 보이게 한다
- 16종 · 가구/조명/패브릭/수납/주방·소품 · 경기천년바탕 · 버튼 모서리 8
화면 1

- 메인
/배너 640(1:1) · 퀵메뉴 10칸 · 자리별 상품그룹 · 탭 4개 2열 · 무제한 진열 9개씩 3열열기 ↗ - 상품 목록
/shop갈래·정렬·검색 · 2열/3열 전환열기 ↗ - 상품 상세
/product/side-table**치수를 맨 위에** 둔 사양표 · 하단 고정 구매 바열기 ↗ - 장바구니
/cart수량 변경 · 5만원 이상 무료배송열기 ↗ - 주문·결제
/checkout3단계 스텝열기 ↗ - 주문 완료
/order/OB20260821소품 1~2일 · 가구는 설치 배송열기 ↗ - 내 계정
/account로그인/가입 전환 · 주문·쿠폰·배송지 탭열기 ↗
알아둘 점
- ·오늘의방은 가상 브랜드입니다. 결제와 로그인은 화면만 있고 실제로 동작하지 않습니다.
- ·상품 16종입니다. 4열×3행 12칸을 시켰는데 4열×4행 16칸이 왔고, 덤이라 그대로 썼습니다. 열여섯 장의 촬영 각도와 빛의 방향이 같습니다.
- ·「주방·소품」은 id 가 kitchen 입니다. 유리 화병과 도자기 화병이 여기 들어가는데 「주방」이라고만 하면 사실이 틀려 라벨만 넓혔습니다. 갈래 수(다섯)는 배정표대로이고 id 는 주소가 바뀌지 않도록 그대로입니다 — 30 울림상사의 「관현악」과 같은 처리입니다.
- ·PC 배경 소스가 1376×768 이라 권장치(1920×1200)에 못 미칩니다. Stitch 가 그보다 큰 장을 안 내주는 알려진 제약이고, 늘려 저장하면 화질만 나빠져 그대로 뒀습니다. 넓은 화면에서 cover 로 확대됩니다.
- ·좌측 슬라이드 배너와 카테고리 아이콘은 Stitch 쿼터가 소진돼 사진이 오지 않았습니다. 상품 사진에서 잘라 조립했고, 쿼터가 풀리면 갈아 끼우면 됩니다.
- ·정가 취소선은 규격이 #cbcbcb 로 못 박은 값이고 어드민 슬롯이 아니라 1.6:1 이어도 그대로 뒀습니다. 이 템플릿에서 유일하게 4.5:1 을 넘지 못하는 자리입니다.
- ·768~1079px에서 좌우가 비어 보이는 것은 버그가 아니라 실서비스의 동작을 그대로 재현한 것입니다.