브랜딩 사용자 지정하기

Jonot의 고객 대면 화면 — 대기열 디스플레이, 키오스크, 고객 본인 휴대폰의 번호표 페이지 — 는 Jonot 기본 디자인 대신 귀하 조직의 브랜드에 맞게 다시 꾸밀 수 있습니다. 브랜딩은 조직 단위로 적용되며 재배포 없이 페어링된 모든 기기에 실시간으로 반영됩니다.

아래 영상은 동일한 세 화면이 여러 브랜드 정체성을 순환하며 보여주는 모습입니다 — 로고, 색상, 서체, 모서리 반경이 함께 바뀌는 동안 제품 자체는 완전히 동일하게 유지됩니다.

사용자 지정할 수 있는 항목

관리자 패널에서 설정 → 브랜딩을 여세요.

로고 — 호스팅된 이미지 URL입니다. 고객 번호표 페이지와 키오스크의 하단에, 그리고 디스플레이에서는 “현재 호출 중” 제목 위에 표시됩니다.
로고 크기 — 고객, 키오스크, 디스플레이 화면에서 로고를 확대하거나 축소하는 배율(0.8–1.6배, 기본값 1.0)입니다.
기본 색상과 보조 색상 — 버튼, 헤더, 강조 요소 전반에서 사용되는 두 가지 핵심 브랜드 색상입니다.
강조 색상 — 보조 강조 표시에 사용되는 색상입니다.
호출 플래시 색상 — 번호표가 호출될 때 디스플레이가 화면 전체에 표시하는 플래시의 색상입니다(플래시 동작 자체는 알림음 참고).
텍스트, 배경, 표면, 테두리 색상 — 선택한 브랜드 색상 위에서 모든 화면이 잘 읽히도록 유지하는 나머지 색상 팔레트입니다.
모서리 반경 — 각진 모양(0)부터 완전히 둥근 모양까지, 카드·버튼· 패널에 일관되게 적용됩니다.
브랜드 글꼴 — 각각 Google Fonts에서 제공되는 최대 3개의 글꼴 스택으로, 대체 순서로 적용됩니다. 첫 번째 글꼴이 기본이며, 이후 글꼴은 앞선 글꼴이 지원하지 않는 문자를 보완합니다. 위/아래 컨트롤로 스택 순서를 바꿀 수 있고, 각 글꼴에 선택적으로 스크립트 필터(라틴, 그리스, 일본어, 한국어, 중국어 등)를 지정해 활성화된 언어에 필요한 스크립트를 지원하는 글꼴만 선별할 수 있습니다. 지원 범위 안내는 선택한 글꼴이 지원하지 않는 스크립트를 알려줍니다. 스택을 비워두면 Jonot 기본값(Inter)이 사용됩니다. 각 글꼴은 필요한 화면에서만 필요 시점에 로드됩니다.
글꼴 배율 — 전체적으로 더 크거나 더 촘촘한 글자를 원하는 조직을 위한 크기 배율(0.85–1.5배)입니다.

관리자 패널은 편집하는 동안 디스플레이, 키오스크, 고객 번호표 화면의 실시간 미리보기를 보여주므로, 저장하기 전에 각 변경 사항의 효과를 확인할 수 있습니다.

로고 업로드하기

Jonot은 업로드한 이미지를 그대로 렌더링합니다 — 자동으로 여백을 넣거나 잘라내지 않습니다. 로고 주위에 여백이 필요하다면 이미지 파일 자체에 그 여백을 포함해 주세요.

투명 배경. 단색 배경이 있는 로고는 모든 화면에서 그 배경이 사각형 박스로 표시됩니다.
가로형 또는 정사각형 구성이 가장 잘 어울립니다. 가로로 넓은 로고나 정사각형 마크는 하단과 디스플레이 히어로 영역에 깔끔하게 맞습니다. 세로로 매우 긴 형태는 피하세요 — 사용 가능한 너비에 맞추기 위해 얇게 축소됩니다.
형식: PNG, JPEG, WebP. SVG 업로드는 거부됩니다.
크기: 최대 1MB.
해상도: 최소 400×160px(또는 정사각형 마크의 경우 동일한 비율)로, 로고 크기 컨트롤이 허용하는 더 큰 크기에서도 로고가 선명하게 유지되도록 합니다.

로고를 업로드한 후 크기를 미세 조정하려면 로고 크기 컨트롤 (0.8–1.6배, 기본값 1.0)을 사용하세요 — 실시간 미리보기에 변경 사항이 즉시 반영됩니다.

변경 사항 전파 방식

저장된 브랜딩 변경 사항은 대기열 업데이트에 사용되는 것과 동일한 실시간 채널을 통해 조직의 페어링된 모든 디스플레이, 키오스크, 열려 있는 고객 번호표 페이지로 전송됩니다 — 캐시를 지울 필요도, 앱 업데이트를 기다릴 필요도 없습니다. 이미 번호표 페이지를 열어 둔 고객은 새로고침 없이 새로운 디자인이 적용되는 것을 보게 됩니다.

조직 전체 범위

브랜딩은 조직 수준에서 설정되며 모든 지점에 적용됩니다. 현재 지점별 재정의는 지원되지 않습니다 — 한 조직의 모든 지점은 하나의 브랜드 정체성을 공유합니다.