YEONY'S ARCHIVE 202636 IDX
Y
자동차용품

포틀릿 디자인

2026-08-21

기름집

포틀릿 3분할 · 자동차용품

동네 정비소가 그대로 온라인에. 오늘 갈면 오늘 싸게.

구현 사항 3 ▾
  • 좌 400 · 중앙 640 · 우 400 고정 3분할
  • G 마트 전단지 — 할인율 숫자가 화면에서 제일 크다
  • 18종 · 형광 주황 #ff4500 + 검정 · 퀵메뉴 10칸(5열 2행) · 랭킹 10위 · 3열

화면 1

메인 — 3분할 셸
메인 — 3분할 셸

알아둘 점

  • ·스타일 축 G(마트 전단지) — 촌스러움이 목적이다. 색은 형광 주황·검정·흰색 셋뿐이고 회색은 배경에만 쓴다.
  • ·형광 주황은 **색면 전용**이다. 그 위 흰 글자는 3.44:1 이라 못 쓰고 검정이 5.49:1 이다. 배지 글자를 전부 검정으로 뒤집었다.
  • ·어두운 셸이라 지시서의 다섯 곳(크레딧 박스·우측 추천 카드·배지 글자·bg-white 하드코딩·select)을 전부 고쳤다.
  • ·우측 흰 카드 안은 **규격 실측값 그대로**다. 임의로 짙게 만들면 어드민에서 재현할 수 없다. 정가 1.62:1 · 할인율 3.44:1 은 플랫폼 제약이라 그대로 뒀다(README 「알려진 한계」).
  • ·좌 레일은 PC 배경 이미지 위에 글자가 직접 얹힌다. 배경 왼쪽 장식이 1440·1600 구간에서 글자 자리까지 올라와, 회색·주황 양쪽에서 읽히는 값으로 잡았다(최악 5.11:1).
  • ·띠배너는 720×96 이 아니라 720×144 다. 96 으로 누르면 문구가 뭉개진다 — 규격은 「세로는 비율로 자동 변환」이다.

© 2026 Heeyeon.Kim — YEONY'S ARCHIVE

aboutyeony.works [at] gmail.comgithub ↗

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