Skip to content
Jonot Docs

Customise Your Branding

You can change the appearance of Jonot’s queue display, kiosk, and customer ticket page to match your organisation’s brand. Branding applies to the whole organisation. Saved changes appear immediately on every paired device without an app update.

The video below shows the display, kiosk, and customer ticket page using several brand styles. The logo, colors, fonts, and corner radius change together. The features remain the same.

What you can customise

Section titled “What you can customise”

Open Settings → Branding in the admin panel:

  • Logo — a hosted image URL. It appears in the footer of the customer ticket page and kiosk, and — on the display — above the “Now serving” heading.
  • Logo size — a size multiplier (0.8–1.6×, default 1.0) that scales your logo up or down on the customer, kiosk, and display screens.
  • Primary and secondary colors — the main brand colors used across buttons, headers, and accents.
  • Accent color — used for hover states and interactive focus rings.
  • Highlight color — used for icons, labels and status, never for buttons or links.
  • Call flash colour — the colour of the full-viewport flash the display shows when a ticket is called (see Notification Sounds for the flash behaviour itself).
  • Text, background, surface, and border colors — the remaining palette that keeps every screen legible against your chosen brand colors.
  • Corner radius — from sharp (0) to fully rounded, applied consistently to cards, buttons, and panels.
  • Brand fonts — an ordered list of up to three Google Fonts. The first font is the main font. Later fonts provide characters that earlier fonts do not include. Use the up and down controls to change the order. You can add a script filter, such as Latin, Greek, Japanese, Korean, or Chinese, to show fonts that support the writing systems used by your enabled languages. A coverage message identifies any unsupported writing system. Leave the list empty to use Jonot’s default font, Inter. Each screen loads only the fonts it needs.
  • Font scale — a size multiplier (0.85–1.5×) for organisations that want larger or more compact type throughout.

The admin panel previews the display, kiosk, and customer ticket screens as you edit. You can review each change before saving it.

Section titled “Uploading your logo”

Jonot shows the full image you upload without adding or removing space around it. Add any space you want around the logo to the image file before uploading.

  • Transparent background. A logo on a solid background will show that background as a box on every surface.
  • Use a horizontal or square logo. These shapes fit the footer and main display area well. Very tall logos become small because they must fit the available width.
  • Format: PNG, JPEG, or WebP. SVG uploads are rejected.
  • Size: 1 MB maximum.
  • Resolution: at least 400×160 px (or the equivalent aspect ratio for a square mark) so the logo stays sharp at the larger sizes the Logo size control allows.

After uploading the logo, use the Logo size control (0.8–1.6×, default 1.0) to adjust its size. The preview updates immediately.

How changes propagate

Section titled “How changes propagate”

Saved branding changes appear on every paired display, kiosk, and open customer ticket page for your organisation. You do not need to clear a cache, update an app, or reload an open customer ticket page.

Org-wide scope

Section titled “Org-wide scope”

Branding is set at the organisation level and applies to every location. You cannot set different branding for individual locations. All locations in an organisation use the same branding.

Section titled “Related guides”