Varumärkesanpassning för online-beställning

Din online-beställningsvy är en förlängning av ditt varumärke. Med Vendions varumärkesanpassning kan du matcha färger, typsnitt, logotyp och ljus/mörk-läge så att gästupplevelsen känns som din restaurang – inte en generisk beställningsapp.

Var används varumärkesanpassningen?

Dina inställningar tillämpas på:

• Beställningssidan – gästens chattvy för QR-beställning
• Widget-inbäddning – iframes på din egen hemsida
• Express-kiosk – självbetjäningsenheten på restaurangen
• Digitala kvitton – kvittolänken som gästen får

Obs: Varumärkesanpassningen gäller ENDAST gästsidor. Admin-sidor och POS använder Vendions standardtema – det är en medveten designregel.

Inställningar som kan anpassas

1. Primärfärg

• Används för knappar, aktiva tillstånd och accenter
• Välj från din fördefinierade palett eller ange hex-värde
• Bör ha bra kontrast mot både ljus och mörk bakgrund

2. Tema (ljust/mörkt)

• Ljust – vit bakgrund, mörk text (bäst för café, bageri, hälsomat)
• Mörkt – mörkgrå bakgrund, vit text (bäst för fine-dining, bar, nattklubb)

3. Typsnitt

Välj bland stödda typsnitt:

• System – använder enhetens standardfont (snabbast laddning)
• Inter – modern sans-serif (neutral, läsbar)
• DM Sans – geometrisk sans-serif (modern, trendig)
• Playfair – klassisk serif med kontrast (elegant, fine-dining)
• Cormorant – italiensk inspirerad serif (sofistikerad)

4. Logotyp

• Ladda upp som PNG eller SVG
• Transparent bakgrund rekommenderas
• Visas i chat-header, varukorg och kvitto
• Optimal storlek: 512×512 px

Så konfigurerar du

1. Gå till Admin → Inställningar → Varumärke
2. Under sektionen Online Order / Gästsida:
   • Klicka Välj primärfärg och välj eller ange hex
   • Välj Tema: Ljust eller Mörkt
   • Välj Typsnitt från dropdown
   • Klicka Ladda upp logotyp för att byta bild
3. Klicka Spara
4. Öppna din beställningslänk i ny flik för att testa

Ändringar slår igenom direkt – ingen omstart krävs.

Bästa praxis

Färgval

• Testa kontrast – använd en WCAG-checker för att säkerställa läsbarhet
• En accentfärg är bättre än tre – för mycket färg förvirrar gästen
• Matcha menyn – om din fysiska meny är mörkblå, använd mörkblå primärfärg

Ljust vs mörkt

• Ljust tema fungerar bäst för:
  • Café, bageri, lunch
  • Restauranger som vill kännas fräscha och öppna
• Mörkt tema fungerar bäst för:
  • Fine-dining, cocktail-barer
  • Kvällsrestauranger, nattklubbar
  • Restauranger med ambient ljussättning

Typsnitt

• Serifer (Playfair, Cormorant) signalerar elegans och kvalitet
• Sans-serifer (Inter, DM Sans) signalerar modernitet och effektivitet
• System-fontet laddar snabbast men kan kännas opersonligt

Logotyp

• Horisontell logotyp fungerar bäst för chat-header
• Använd alltid transparent bakgrund för att matcha temat
• Undvik text-tunga logotyper – de blir svåra att läsa i liten storlek

Widget-inbäddning och varumärke

När du bäddar in Online Order via widget-iframe på din egen hemsida ärver den dina varumärkesinställningar automatiskt. Ingen extra konfiguration behövs.

Framtida tillägg

På roadmappen:

• Egna Google-fonts utöver de fyra stödda
• Animationsinställningar (på/av för rörelsekänsliga användare)
• Välkomstbild (hero-bild i chat-start)
• Anpassade CTA-texter på knappar