디자인 원칙

01

숫자가 먼저 읽힌다

Numbers first

결제 서비스의 핵심 정보는 금액 · 건수 · 상태입니다. 금액은 항상 tabular 숫자로, 화면에서 가장 큰 위계를 갖습니다. 라벨은 숫자를 설명하는 보조 역할에 머뭅니다.

02

차분한 신뢰

Calm confidence

돈을 다루는 화면은 들뜨지 않습니다. 넓은 흰 여백과 무채색이 기본이며, 브랜드 퍼플은 ‘다음 행동’ 한 곳에만 씁니다. 장식용 그라데이션 · 일러스트 · 과한 그림자는 쓰지 않습니다.

03

한 화면, 한 가지 결정

One decision per screen

고객 접점(앱 · QR · 키오스크)에서는 한 화면에 하나의 주요 행동만 둡니다. 업무용 웹은 정보 밀도가 높아도 주요 버튼(Primary)은 영역당 하나로 제한합니다.

04

맥락에 맞는 밀도

Density by context

같은 버튼도 관리자에서는 36px, POS에서는 56px, 키오스크에서는 72px입니다. 컴포넌트는 하나, 크기는 플랫폼 토큰이 결정합니다.

05

되돌릴 수 있게, 확실하게

Reversible & explicit

결제 취소 · 환불 · 정산 확정처럼 되돌릴 수 없는 작업은 반드시 확인 단계를 거치고, 금액과 대상을 다시 보여줍니다. 가능한 작업은 토스트의 ‘실행 취소’로 되돌릴 수 있게 합니다.

06

모두가 쓸 수 있게

Accessible by default

본문 대비 4.5:1, 터치 영역 최소 44px(단말 48px 이상), 키보드로 모든 기능 접근. 색만으로 상태를 전달하지 않고 아이콘과 텍스트를 함께 씁니다.