Gå til indhold
Jonot Docs

Tilpas din branding

Du kan tilpasse skærmen, kiosken og kundens kølapside til organisationens visuelle identitet. Branding gælder for hele organisationen og sendes straks til alle koblede enheder uden en ny udrulning.

Videoen viser de tre visninger med forskellige logoer, farver, skrifttyper og hjørneradier. Funktionerne ændres ikke.

Hvad du kan tilpasse

Sektion kaldt “Hvad du kan tilpasse”

Åbn Indstillinger → Branding i admin-panelet:

  • Logo — en hostet billed-URL. Det vises i footeren på kundens kølapside og på kiosken, og — på skærmen — over overskriften “Betjener nu”.
  • Logostørrelse — en størrelsesfaktor (0,8–1,6×, standard 1.0), der skalerer dit logo op eller ned på kundens, kioskens og skærmens skærme.
  • Primær og sekundær farve — de to centrale brandfarver, der bruges på tværs af knapper, overskrifter og accenter.
  • Accentfarve — bruges til hover-tilstande og interaktive fokusringe.
  • Fremhævningsfarve — bruges til ikoner, etiketter og status, aldrig til knapper eller links.
  • Kaldeblink-farve — farven på det fuldskærmsblink, skærmen viser, når en kølap kaldes (se Notifikationslyde for selve blinkeadfærden).
  • Tekst-, baggrunds-, kortflade- og kantfarver — den resterende palette, der holder hver skærm læsbar mod dine valgte brandfarver.
  • Hjørneradius — fra skarp (0) til fuldt afrundet, anvendt konsekvent på kort, knapper og paneler.
  • Brandskrifttyper — en stak på op til tre skrifttyper, hver leveret af Google Fonts, anvendt i fallback-rækkefølge: den første skrifttype er primær, og senere skrifttyper dækker tegn, den første mangler. Omorganisér stakken med op/ned-kontrollerne, og giv en valgfri skriftsystem-filter (latinsk, græsk, japansk, koreansk, kinesisk, …) til hver skrifttype for at indsnævre vælgeren til skrifttyper, der dækker de skriftsystemer, dine aktiverede sprog har brug for. Et dæknings-hint markerer ethvert skriftsystem, dine valgte skrifttyper ikke dækker. Lad stakken stå tom for at falde tilbage til Jonots standard (Inter). Hver skrifttype indlæses efter behov for de flader, der har brug for den.
  • Skriftskala — en størrelsesfaktor (0,85–1,5×) for organisationer, der ønsker større eller mere kompakt skrift overalt.

Admin-panelet viser en live-forhåndsvisning af skærmens, kioskens og kundens kølapskærme, mens du redigerer, så du kan se effekten af hver ændring, før du gemmer.

Sektion kaldt “Upload af dit logo”

Jonot viser billedet uden automatisk beskæring eller margen. Tilføj derfor selv den ønskede luft omkring logoet i billedfilen.

  • Gennemsigtig baggrund. Et logo på en ensfarvet baggrund viser den baggrund som en boks på hver flade.
  • Vandrette eller kvadratiske opsætninger fungerer bedst. Et bredt, vandret eller kvadratisk logo passer godt i sidefoden og øverst på skærmen. Meget høje logoer bliver små, fordi de skal passe til den tilgængelige bredde.
  • Format: PNG, JPEG eller WebP. SVG-uploads afvises.
  • Størrelse: 1 MB maksimum.
  • Opløsning: mindst 400 × 160 px (eller den tilsvarende billedforhold for et kvadratisk mærke), så logoet forbliver skarpt ved de større størrelser, som kontrollen Logostørrelse tillader.

Brug kontrollen Logostørrelse (0,8–1,6×, standard 1.0) til at finjustere, hvor stort dit logo fremstår, når det er uploadet — live-forhåndsvisningen afspejler ændringen med det samme.

Sådan udbredes ændringer

Sektion kaldt “Sådan udbredes ændringer”

Gemte ændringer sendes til alle koblede skærme, kiosker og åbne kølapsider gennem samme livekanal som køopdateringerne. Du skal ikke rydde en cache eller opdatere en app. Åbne sider skifter udseende uden at blive genindlæst.

Org-dækkende omfang

Sektion kaldt “Org-dækkende omfang”

Branding angives for hele organisationen og gælder for alle lokationer. Du kan ikke angive en anden visuel identitet for en enkelt lokation.

Relaterede vejledninger

Sektion kaldt “Relaterede vejledninger”