Tilpasse merkevaren din
Du kan tilpasse køskjermen, kiosken og kundens kølappside til organisasjonens profil. Innstillingene gjelder for hele organisasjonen og sendes til alle tilkoblede enheter uten at appene må distribueres på nytt.
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
Section titled “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 — brukes for hover-tilstander og interaktive fokusringer.
- Fremhevingsfarge — brukes til ikoner, etiketter og status, aldri til knapper eller lenker.
- 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
Section titled “Laste opp logoen din”Jonot beskjærer ikke bildet og legger ikke til luft rundt det. Hvis logoen trenger mer luft, legger du den 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 sendes til enhetene
Section titled “Hvordan endringer sendes til enhetene”Lagrede endringer sendes i sanntid til alle tilkoblede skjermer og kiosker og alle åpne kølappsider i organisasjonen. Kundene ser det nye utseendet uten å laste siden på nytt.
Organisasjonsomfattende gyldighet
Section titled “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
Section titled “Relaterte veiledninger”- Tilpasse skjermen — overstyringer av skjermtekst og oppropsblinket.
- Varsellyder — Oppropsblinkfarge ligger på samme innstillingsside for merkevarebygging.