자동차용품
포틀릿 디자인
2026-08-21기름집
포틀릿 3분할 · 자동차용품
동네 정비소가 그대로 온라인에. 오늘 갈면 오늘 싸게.
구현 사항 3 ▾
- 좌 400 · 중앙 640 · 우 400 고정 3분할
- G 마트 전단지 — 할인율 숫자가 화면에서 제일 크다
- 18종 · 형광 주황 #ff4500 + 검정 · 퀵메뉴 10칸(5열 2행) · 랭킹 10위 · 3열
화면 1

알아둘 점
- ·스타일 축 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 으로 누르면 문구가 뭉개진다 — 규격은 「세로는 비율로 자동 변환」이다.