Photonemo Kiosk

UI 칼선 가이드

외부 디자이너를 위한 키오스크 UI 레이아웃 가이드

키오스크 UI 스킨/테마를 디자인할 때 참고할 영역 구분 가이드입니다. 각 화면의 header, content, nav, 터치 영역 등의 경계를 점선과 색상으로 표시하고, px 치수를 기입합니다.

뷰포트 스펙

항목
CSS 뷰포트 너비1280px
CSS 뷰포트 높이800px (기준)
물리 해상도1920×1200~1920×1280
DPR1.5x

범례

선 스타일의미
빨간 점선 (stroke-dasharray 6 3)영역 경계 (칼선)
파란 점선 (stroke-dasharray 4 2)터치 영역
초록 실선안전 영역

전체 흐름 개요

SVG 다운로드 전체 흐름 개요

화면별 가이드