플랫폼
플랫폼 개요
ON:GI의 제품은 서로 다른 사용자 · 기기 · 거리에서 쓰입니다. 컴포넌트와 토큰은 하나로 유지하고, 밀도와 레이아웃 패턴만 플랫폼에 맞게 바꿉니다.
플랫폼 목록
콘솔
console.ongi.site
매출 확인, 메뉴·직원·정산 관리를 위한 가맹점 전용 백오피스
POS
pos.ongi.site
피크 타임에 빠르고 실수 없이 주문을 받고 결제하는 터치 우선 단말 UI
키오스크
kiosk.ongi.site
처음 보는 사람도 멀리서 읽고 한 손으로 끝낼 수 있는 셀프 주문 UI
앱
iOS · Android
결제 수단·포인트·주문 내역을 관리하는 회원 전용 모바일 앱
QR 주문
order.ongi.site
설치·가입 없이 스캔 한 번으로 메뉴를 고르고 주문하는 경량 웹
결제
pay.ongi.site
가맹점이 원하는 PG사를 연결하고, 고객은 PG와 관계없이 같은 화면에서 결제하는 통합 결제 플랫폼
이벤트
event.ongi.site
행사 구역의 참여 매장 · 영업 상태 · 공지를 모아 보고 QR 주문으로 이어지는 안내 페이지
투표
vote.ongi.site
베스트 부스 · 신메뉴 선호도처럼 행사와 매장이 여는 투표에 한 번의 터치로 참여하고 결과를 보는 페이지
대기 · 예약
wait.ongi.site
원격 줄서기로 순서를 받고 호출 알림을 기다리거나, 날짜 · 시간을 골라 방문을 예약하는 페이지
홈페이지
ongi.site
ON:GI 서비스 소개 · 도입 문의 · POS 다운로드 · 고객지원을 제공하는 공식 웹사이트
같은 컴포넌트, 다른 밀도
아래는 모두 같은 코드(<Button size="md"> · <TextField>)입니다. 감싸는 요소의 data-platform만 다릅니다.
업무용 웹
md = 36px
App · QR · Pay · Event
md = 48px
POS
md = 56px
KIOSK
md = 72px
플랫폼 비교
플랫폼 추가 시
새 제품이 생기면 새 컴포넌트를 만들지 말고,tokens.css에 [data-platform="…"] 블록을 추가해 컨트롤 높이 · 글자 크기 · 라운드만 정의하세요.