Tilpasse merkevaren din

Jonots kundevendte flater — køskjermen, kiosken, og kundens kølappside på sin egen telefon — kan gis nytt tema for å matche merkevaren til organisasjonen din i stedet for Jonots standardutseende. Merkevarebygging settes per organisasjon og forplanter seg live til hver koblede enhet uten en ny utrulling.

Klippet nedenfor viser de samme tre flatene som bytter gjennom flere ulike merkevareidentiteter — logo, farger, skrifter og hjørneradius endres alle sammen, mens det underliggende produktet forblir helt likt.

Hva du kan tilpasse

Åpne Innstillinger → Merkevare i admin-panelet:

Logo — en hostet bilde-URL. Den vises i bunnteksten på kundens kølappside og på kiosken, og — på skjermen — over overskriften «Betjenes nå».
Logostørrelse — en størrelsesfaktor (0,8–1,6×, standard 1,0) som skalerer logoen opp eller ned på kunde-, kiosk- og skjermbildene.
Primær- og sekundærfarge — de to sentrale merkevarefargene brukt på tvers av knapper, overskrifter og aksenter.
Aksentfarge — en støttefarge for sekundære uthevinger.
Oppringningsblinkfarge — fargen på det fullskjerms blinket skjermen viser når en kølapp ropes opp (se Varsellyder for selve blinkeatferden).
Tekst-, bakgrunn-, overflate- og kantfarger — resten av paletten som holder hver skjerm lesbar mot de valgte merkevarefargene dine.
Hjørneradius — fra skarp (0) til fullstendig avrundet, brukt konsekvent på kort, knapper og paneler.
Merkeskrifttyper — en stabel med opptil tre skrifter, hver levert via Google Fonts, brukt i reserveløsning-rekkefølge: den første skriften er primær, senere skrifter dekker tegn de tidligere mangler. Endre rekkefølgen på stabelen med opp-/ned-kontrollene, og gi eventuelt en skrift et skriftsystem-filter (latinsk, gresk, japansk, koreansk, kinesisk, …) for å begrense velgeren til skrifter som dekker skriftsystemene de aktiverte språkene dine trenger. Et dekningshint markerer ethvert skriftsystem de valgte skriftene dine ikke dekker. La stabelen stå tom for å falle tilbake på Jonots standard (Inter). Hver skrift lastes ved behov for flatene som trenger den.
Skriftskala — en størrelsesfaktor (0,85–1,5×) for organisasjoner som ønsker større eller mer kompakt skrift gjennomgående.

Admin-panelet viser en live forhåndsvisning av skjerm-, kiosk- og kundens kølappskjermer mens du redigerer, slik at du kan se effekten av hver endring før du lagrer.

Laste opp logoen din

Jonot viser nøyaktig det du laster opp — det finnes ingen automatisk beskjæring eller polstring. Hvis du vil ha luft rundt merket ditt, bak den avstanden inn i selve bildefilen.

Transparent bakgrunn. En logo med en heldekket bakgrunn vil vise den bakgrunnen som en boks på hver flate.
Horisontale eller kvadratiske oppsett fungerer best. En bred, liggende logo — eller et kvadratisk merke — skaleres pent inn i bunnteksten og skjermens hovedvisning. Unngå ekstremt høye, stående stabler; de krymper til en tynn strime for å passe innenfor tilgjengelig bredde.
Format: PNG, JPEG eller WebP. SVG-opplastinger avvises.
Størrelse: maks 1 MB.
Oppløsning: minst 400 × 160 px (eller tilsvarende sideforhold for et kvadratisk merke), slik at logoen holder seg skarp ved de større størrelsene logostørrelse-kontrollen tillater.

Bruk kontrollen for logostørrelse (0,8–1,6×, standard 1,0) for å finjustere hvor stor logoen din vises etter opplasting — den live forhåndsvisningen gjenspeiler endringen umiddelbart.

Hvordan endringer forplanter seg

Lagrede endringer i merkevarebyggingen sendes til hver koblede skjerm, hver kiosk, og hver åpne kundes kølappside for organisasjonen din over den samme sanntidskanalen som brukes for køoppdateringer — det er ingen buffer å tømme og ingen appoppdatering å vente på. En kunde med en allerede åpen kølappside ser det nye utseendet tas i bruk uten å laste siden på nytt.

Organisasjonsomfattende gyldighet

Merkevarebygging settes på organisasjonsnivå og gjelder for hvert sted. Det finnes for øyeblikket ingen overstyring per sted — alle steder i en organisasjon deler én merkevareidentitet.

Relaterte veiledninger

Tilpasse skjermen — overstyringer av skjermtekst og oppropsblinket.
Varsellyder — Oppropsblinkfarge ligger på samme innstillingsside for merkevarebygging.