Ga naar inhoud
Jonot Docs

Pas je huisstijl aan

De klantgerichte onderdelen van Jonot — het wachtrijdisplay, de kiosk en de ticketpagina van de klant op zijn eigen telefoon — kunnen opnieuw worden gestyled om te passen bij de huisstijl van je organisatie in plaats van de standaard look van Jonot. Huisstijl wordt per organisatie toegepast en verspreidt zich live naar elk gekoppeld apparaat zonder opnieuw te hoeven implementeren.

De clip hieronder toont dezelfde drie onderdelen die door verschillende merkidentiteiten heen wisselen — logo, kleuren, lettertypen en hoekafronding veranderen allemaal samen, terwijl het onderliggende product precies hetzelfde blijft.

Wat je kunt aanpassen

Section titled “Wat je kunt aanpassen”

Open Instellingen → Huisstijl in het adminpaneel:

  • Logo — een gehoste afbeeldings-URL. Deze verschijnt in de voettekst van de klantticketpagina en de kiosk, en — op het display — boven de kop “Nu aan de beurt”.
  • Logogrootte — een groottevermenigvuldiger (0,8–1,6×, standaard 1.0) die je logo groter of kleiner maakt op de schermen van klant, kiosk en display.
  • Primaire en secundaire kleur — de twee kernmerkkleuren die worden gebruikt voor knoppen, koppen en accenten.
  • Accentkleur — een ondersteunende kleur voor secundaire markeringen.
  • Oproep-flitskleur — de kleur van de schermvullende flits die het display toont wanneer een ticket wordt opgeroepen (zie Notificatiegeluiden voor het flitsgedrag zelf).
  • Tekst-, achtergrond-, oppervlak- en randkleur — het overige palet dat elk scherm leesbaar houdt tegen je gekozen merkkleuren.
  • Hoekafronding — van scherp (0) tot volledig afgerond, consistent toegepast op kaarten, knoppen en panelen.
  • Merklettertypen — een stapel van tot drie lettertypen, elk geleverd via Google Fonts, toegepast in terugvalvolgorde: het eerste lettertype is primair, en latere lettertypen dekken tekens die de eerdere missen. Herschik de stapel met de omhoog-/omlaagknoppen, en geef elk lettertype een optioneel schriftsysteem-filter (Latijns, Grieks, Japans, Koreaans, Chinees, …) om de kiezer te beperken tot lettertypen die de schriftsystemen dekken die je ingeschakelde talen nodig hebben. Een dekkingshint markeert elk schriftsysteem dat je gekozen lettertypen niet dekken. Laat de stapel leeg om terug te vallen op de standaard van Jonot (Inter). Elk lettertype wordt on demand geladen voor de onderdelen die het nodig hebben.
  • Letterschaal — een groottevermenigvuldiger (0,85–1,5×) voor organisaties die overal grotere of compactere tekst willen.

Het adminpaneel toont een live voorbeeld van de schermen van display, kiosk en klantticket terwijl je bewerkt, zodat je het effect van elke wijziging kunt zien voordat je opslaat.

Je logo uploaden

Section titled “Je logo uploaden”

Jonot rendert precies wat je uploadt — er is geen automatisch bijsnijden of opvulling. Als je ademruimte rond je merk wilt, bak die ruimte dan in de afbeelding zelf in.

  • Transparante achtergrond. Een logo op een effen achtergrond toont die achtergrond als een vak op elk onderdeel.
  • Horizontale of vierkante opmaak werkt het beste. Een brede, landschapsgeoriënteerde logo — of een vierkant merk — schaalt netjes in de voettekst en de displayhero. Vermijd extreem hoge, portretgeoriënteerde stapelingen; deze krimpen tot een streepje om binnen de beschikbare breedte te passen.
  • Formaat: PNG, JPEG of WebP. SVG-uploads worden geweigerd.
  • Grootte: maximaal 1 MB.
  • Resolutie: minstens 400×160 px (of de equivalente beeldverhouding voor een vierkant merk), zodat het logo scherp blijft bij de grotere formaten die de Logogrootte-instelling toelaat.

Gebruik de instelling Logogrootte (0,8–1,6×, standaard 1.0) om fijn af te stemmen hoe groot je logo verschijnt zodra het is geüpload — het live voorbeeld weerspiegelt de wijziging onmiddellijk.

Hoe wijzigingen worden doorgevoerd

Section titled “Hoe wijzigingen worden doorgevoerd”

Opgeslagen huisstijlwijzigingen worden doorgestuurd naar elk gekoppeld display, elke kiosk en elke geopende klantticketpagina van je organisatie via hetzelfde live kanaal dat wordt gebruikt voor wachtrijupdates — er is geen cache om te wissen en geen app-update om op te wachten. Een klant met een al geopende ticketpagina ziet de nieuwe look toegepast zonder te vernieuwen.

Orgbrede reikwijdte

Section titled “Orgbrede reikwijdte”

Huisstijl wordt ingesteld op organisatieniveau en geldt voor elke locatie. Er is momenteel geen overschrijving per locatie — alle locaties binnen een org delen één merkidentiteit.

Gerelateerde gidsen

Section titled “Gerelateerde gidsen”