跳转到内容

定制您的品牌

Jonot 的顾客端界面 — 队列显示屏、自助终端,以及顾客自己手机上的排队号页面 — 可以重新换肤,以匹配您组织的品牌,而不是 Jonot 的默认外观。品牌按组织应用, 并通过实时通道推送到每一台已配对设备,无需重新部署。

下面的视频展示了同样的三个界面循环切换几种不同的品牌形象 — 标志、颜色、字体 和圆角一起变化,而底层产品完全不变。

管理后台中打开设置 → 品牌定制

  • 标志 — 一个托管的图片 URL。它显示在顾客排队号页面和自助终端的页脚, 以及 — 在显示屏上 — “正在办理”标题上方。
  • 标志大小 — 一个尺寸倍数(0.8–1.6×,默认 1.0),在顾客端、自助终端 和显示屏上放大或缩小您的标志。
  • 主色和辅助色 — 用于按钮、页眉和强调的两个核心品牌色。
  • 强调色 — 用于悬停状态和交互焦点环。
  • 高亮色 — 用于图标、标签和状态,不用于按钮或链接。
  • 呼叫闪烁颜色 — 显示屏在排队号被叫号时显示的全屏闪烁的颜色(闪烁行为 本身见 通知声音)。
  • 文字、背景、表面和边框颜色 — 其余的调色板,确保每个屏幕在您选定的 品牌色下都清晰可读。
  • 圆角半径 — 从直角(0)到完全圆角,一致地应用于卡片、按钮和面板。
  • 品牌字体 — 最多三种字体的字体栈,每种都由 Google Fonts 提供,按回退 顺序应用:第一种字体为主字体,后面的字体覆盖前面字体缺少的字符。用上下 控件调整字体栈顺序,并可为任何字体设置可选的文字系统筛选(Latin、 Greek、Japanese、Korean、Chinese、……),把选择器缩小到覆盖您启用语言所需 文字系统的字体。覆盖提示会标出您所选字体未覆盖的任何文字系统。字体栈留空 即回退到 Jonot 默认(Inter)。每种字体按需为需要它的界面加载。
  • 字体比例 — 一个尺寸倍数(0.85–1.5×),供希望整体字号更大或更紧凑的 组织使用。

管理后台在您编辑时实时预览显示屏、自助终端和顾客排队号屏幕,让您在保存前 看到每项更改的效果。

Jonot 渲染的就是您上传的内容 — 没有自动裁剪或留白。如果您希望标志周围有 呼吸空间,请把这个间距直接做进图片文件里。

  • 透明背景。 带实色背景的标志会在每个界面上把该背景显示成一个方块。
  • 横版或方形组合效果最佳。 宽幅横版标志 — 或方形标志 — 能干净地缩放 到页脚和显示屏主视觉区。避免极窄的竖版堆叠;它们会被缩小到一条细缝 以适应可用宽度。
  • 格式:PNG、JPEG 或 WebP。SVG 上传会被拒绝。
  • 大小:最大 1 MB。
  • 分辨率:至少 400×160 像素(方形标志则为等效宽高比),以便在标志大小 控件允许的大尺寸下保持清晰。

使用标志大小控件(0.8–1.6×,默认 1.0)微调标志上传后的显示大小 — 实时预览会立即反映更改。

保存的品牌更改会通过用于队列更新的同一实时通道,推送到您组织的每一台已配对 显示屏、自助终端和已打开的顾客排队号页面 — 没有需要清除的缓存,也没有需要 等待的应用更新。已经打开排队号页面的顾客无需重新加载就能看到新外观。

品牌在组织级设置,适用于所有门店。目前不支持按门店覆盖 — 一个组织内的所有 门店共享同一个品牌形象。

  • 定制显示屏 — 显示屏文案覆盖和叫号闪烁。
  • 通知声音 — 叫号闪烁颜色在同一个品牌定制设置页面上。