Marknaden
Priser
Logga inKom igång
FältguidenSociala medier
Sociala medier

Digitala menytavlor: skärmar som säljer på kaféer och barer

En menyskärm läses från slutet av kön, på några sekunder, av någon som bestämmer vad hen ska spendera. Det ändrar nästan varje designval. Så bygger du en som går att läsa, säljer och ändå ser ut som din plats.

GradientlyVerifierat Gradiently-konto·1 oktober 2026·6 minuters läsning
Omslag: Stitched Key · GR·G0ZG·M9

Kortversionen

  • De flesta digitala menytavlor är vanliga tv-apparater, så designa i 1920×1080 för en liggande skärm eller 1080×1920 för en som hänger på högkant.
  • Texten på en menytavla bör bedömas från där kunderna faktiskt står, oftast i slutet av kön, inte från skärmens redigeringsprogram.
  • Mörka bakgrunder med ljus text passar menyskärmar eftersom de minskar bländning och gör orden till det ljusaste i synfältet.
  • Rörelse på en menytavla bör hållas i bakgrunden, medan priser och artikelnamn ska stå stilla.
  • Att dela en lång meny över flera skärmar, eller rotera den långsamt, läses bättre än att krympa allt på en.
På den här sidan
Storlekar för digitala menytavlorSå gör du en menyskärm läsbar från könFärger och bakgrunder för menyskärmarRörelse på en digital menytavlaSå sätter du upp en menytavla från början till skärmHåll priser och erbjudanden uppdaterade

En digital menytavla är en meny designad för en skärm, oftast en vanlig tv i 1920×1080, som läses på flera meters avstånd av människor som bestämmer sig snabbt. Designa den som en skylt snarare än en tryckt meny: färre artiklar per skärm, större text, en mörk lugn bakgrund, priser justerade i en kolumn och rörelse bara bakom orden. Skärmen säljer bäst när en kund hittar sin dryck och dess pris innan hen når kassan.

Hela dagen
Kaffe
1.Flat white 3,40 · Cortado
2.3,20 · Havremjölk gratis
Gradiently · @gradiently

En kategori per skärm i 1920×1080. Rubriken är det största, och priserna ligger på linje.

Storlekar för digitala menytavlor

Nästan varje menyskärm är en tv eller en kommersiell display med samma 16:9-panel. Designa i skärmens egen upplösning så att inget skalas, vilket håller liten text skarp. En 4K-skärm visar en design i 1920×1080 rent i dubbel storlek, men att designa i 3840×2160 ger finare text om din skärm och spelare stöder det.

Liggande skärm 1920×1080

1920 × 1080

Stående skärm 1080×1920

1080 × 1920

Tre skärmar i rad 5760×1080

5760 × 1080

Liggande passar väggen ovanför en disk, stående passar en pelare eller ett fönster. En rad med tre designas som en bred yta och delas upp i tre filer.

Om du hänger en skärm på högkant, kontrollera att skärmen eller spelaren kan rotera sin utsignal. Om den inte kan det, exportera den stående designen och rotera filen ett kvarts varv innan du laddar den.

Så gör du en menyskärm läsbar från kön

Det finns inget universellt minimum, eftersom det beror på skärmstorlek och avstånd. Det pålitliga testet är fysiskt: lägg designen på den riktiga skärmen, gå till slutet av kön och läs den. Om du kisar är den för liten eller för full. Som utgångspunkt för en design i 1920×1080 på en typisk diskskärm:

Kategorirubrik

Utgångsstorlek på 1080 px höjd

96 till 140 px

Anmärkningar

En per skärm, eller högst två
Artikelnamn

Utgångsstorlek på 1080 px höjd

56 till 72 px

Anmärkningar

Gemener med stor begynnelsebokstav läses snabbare än versaler
PrisSamma som artikelnamnet

Anmärkningar

Högerjusterat i en kolumn, ingen valutasymbol behövs om det är självklart
Beskrivning

Utgångsstorlek på 1080 px höjd

32 till 40 px

Anmärkningar

En kort rad eller ingen alls
Allergen- eller kosttaggar

Utgångsstorlek på 1080 px höjd

28 till 32 px

Anmärkningar

Använd bokstäver som V eller GF, förklarade en gång på skärmen
ElementUtgångsstorlek på 1080 px höjdAnmärkningar
Kategorirubrik96 till 140 pxEn per skärm, eller högst två
Artikelnamn56 till 72 pxGemener med stor begynnelsebokstav läses snabbare än versaler
PrisSamma som artikelnamnetHögerjusterat i en kolumn, ingen valutasymbol behövs om det är självklart
Beskrivning32 till 40 pxEn kort rad eller ingen alls
Allergen- eller kosttaggar28 till 32 pxAnvänd bokstäver som V eller GF, förklarade en gång på skärmen
Utgångspunkter att testa på din egen skärm, inte regler. Större skärmar och kortare köer kan gå mindre.
  • Åtta till tolv artiklar per skärm är gott och väl. Mer än så och ingen hittar något.
  • Välj ett typsnitt med tydliga siffror. Priser läses oftare än namn. Typsnitt för sociala medier listar typsnitt som förblir tydliga på avstånd.
  • Lämna en bred marginal. Vissa tv-apparater beskär kanterna något, så håll texten minst 60 px in från varje sida.
  • Gruppera, rama inte in. Utrymme mellan kategorier gör mer än linjer och ramar.

Färger och bakgrunder för menyskärmar

En skärm är en ljuskälla. En vit bakgrund i full ljusstyrka lyser genom rummet, blekar orden och tröttar ögat. En djup, dämpad bakgrund med ljus text gör menyn till det ljusaste på väggen, vilket är där du vill ha uppmärksamheten. Design för mörkt läge behandlar samma princip för appar.

Mörka bottnar med en varm yta som hålls borta från priserna. Var och en går att kopiera in i en skärmdesign eller en webbmeny.
En hel palett för en menytavla: botten, en mellanton, varmt off-white för text, en accent för dagens erbjudanden och en stillsam färg för kosttaggar.

Använd accenten till en enda sak, oftast erbjudandet eller artikeln du helst vill sälja. Om allt är markerat är ingenting det. Kontrollera kontrasten mot bakgrundens mörkaste och ljusaste delar, inte bara mitten, och färgkontrast och tillgänglighet förklarar hur.

Rörelse på en digital menytavla

Rörelse är det skärmar kan göra och tryck inte kan, och den fångar folk som tittar upp från sina mobiler. Håll den i bakgrunden: en långsam färgdrift, ljus som rör sig över ytan, ett erbjudande som glider in en gång per loop. Artikelnamn och priser ska aldrig röra sig, för folk läser dem under flera sekunder.

Undvik

  • Rullande eller glidande priser
  • Snabba klipp mellan skärmar med några sekunders mellanrum
  • Blinkande ”Erbjudande”-märken
  • En video så rörig att texten måste sitta i en ruta

Gör så här

  • En långsam bakgrundsloop under stilla ord
  • Skärmar som står kvar i 15 sekunder eller mer om de roterar
  • Ett erbjudande som glider in och sedan vilar
  • En loop som fogas utan synligt hopp

En mjukt rörlig bakgrund har också en praktisk fördel: en helt statisk bild som står på tolv timmar om dagen kan lämna ett svagt spöke på vissa skärmar, särskilt OLED-paneler. Exportera loopen som MP4, som nästan varje tv och skyltspelare tar emot från ett USB-minne eller en app. Sömlös loopvideo visar hur du gör skarven osynlig och animerade gradientbakgrunder har idéer för själva rörelsen.

Så sätter du upp en menytavla från början till skärm

  1. 1

    Skriv menyn först

    Skär ner den till det som säljer. Gruppera den i kategorier om åtta till tolv artiklar, en kategori per skärm.

  2. 2

    Välj layouten en gång

    Rubrik uppe till vänster, artiklar i en kolumn, priser högerjusterade. Använd samma layout på varje skärm så att folk lär sig den.

  3. 3

    Designa i skärmens storlek

    1920×1080 eller 1080×1920, med 60 px marginal och en mörk bakgrund.

  4. 4

    Testa från kön

    Lägg den på den riktiga skärmen i den riktiga ljusstyrkan och läs den från där kunderna står.

  5. 5

    Exportera och ladda

    PNG för stilla skärmar, MP4 för rörliga. Namnge filer efter skärm och datum så att rätt fil läggs upp.

Håll priser och erbjudanden uppdaterade

Poängen med en skärm är att den kan ändras. Ha en förlaga per skärm och ändra bara orden, så att en prishöjning eller en ny säsongsdryck tar minuter och utseendet aldrig glider. Frukost- och kvällsmenyer kan vara två versioner av en design, utbytta med en timer om din spelare stöder schemaläggning. Tryckta menyer, bordskort och fönstret bör använda samma typsnitt och bakgrund, och design av restaurangmenyer tar upp den tryckta sidan.

Till 11,30
Frukost
Granola 6,50 · Ägg på surdeg 8,00
Gradiently · @gradiently

Förmiddagsversionen av tavlan.

Från 17.00
Spritztimmen
Aperol 8,50 · Hugo 8,50 · Alkoholfri 6,00
Gradiently · @gradiently

Samma layout på kvällen, med en annan bakgrund.

Gradientlys Studio har menymallar som bär din egen Mark, så att bakgrunden är unik för din plats och gör plats för orden av sig själv. Med Pro kan du exportera rörliga tavlor som MP4 upp till 4K och hålla priserna i ett kalkylblad: massskapande fyller varje skärms text och tabeller från det, vilket passar en kedja som kör samma meny på flera platser.

Designa med en levande gradient

Inlägg, stories, presentationer och banners i alla storlekar, med text som alltid går att läsa.

Börja designa, gratis

Vanliga frågor

Vilken storlek ska en digital menytavla ha?

Designa i 1920×1080 för en liggande tv, eller 1080×1920 för en skärm på högkant. Använd 3840×2160 bara om din skärm och spelare hanterar 4K-filer.

Hur stor ska texten vara på en menyskärm?

Det beror på skärmstorlek och avstånd, så testa från slutet av kön. På en design med 1080 pixlars höjd är artikelnamn på omkring 56 till 72 pixlar en vettig utgångspunkt.

Ska en digital menytavla ha mörk eller ljus bakgrund?

Mörk fungerar oftast bättre. Den minskar bländning i rummet och gör ljus text till det ljusaste på skärmen.

Vilket filformat använder menyskärmar?

PNG eller JPG för stilla tavlor och MP4 för rörliga. Nästan varje smart-tv och skyltspelare spelar MP4 från ett USB-minne eller en app.

Ska en menytavla vara animerad?

Mjuk bakgrundsrörelse hjälper den att fånga blicken, men håll artikelnamn och priser stilla så att folk kan läsa dem.

Dela den här guiden

Skriven av GradientlyVerifierat Gradiently-konto

Teamet bakom Gradiently, ett designverktyg byggt kring Marks: levande gradienter som får allt du gör att kännas som ditt.

Se vår profil

På den här sidan

Storlekar för digitala menytavlorSå gör du en menyskärm läsbar från könFärger och bakgrunder för menyskärmarRörelse på en digital menytavlaSå sätter du upp en menytavla från början till skärmHåll priser och erbjudanden uppdaterade

Dela den här guiden

Nästa i Sociala medier

Instagram-estetik: 20 stilar och hur du håller fast vid en

Läs vidare

Alla guider om Sociala medier
Användning

Design av restaurangmeny: layout, typografi och tryckstorlekar

5 minuters läsning

En meny läses i dunkelt ljus, av någon hungrig, på ungefär den tid det tar att hälla upp vattnet. Så lägger du upp en så att den läses lätt, trycks rent och matchar allt annat du publicerar.

Användning

Varumärke för café: från kaffemugg till Instagram

5 minuters läsning

Ett litet café är ett varumärke folk håller i handen varje morgon. Så bygger du ett som fungerar på en kopp, en kritatavla och en telefonskärm, utan byråbudget.

Användning

Marknadsföring för vinbar: inlägg för provningar, menyer och kvällar

5 minuters läsning

En vinbar säljer en kväll, inte en flaska. Så får du inlägg, menyer och eventgrafik att kännas som själva rummet: dämpat ljus, fina glas, något nytt att prova.

Hitta looken som bara är din.

Varje Mark är en levande bakgrund med en enda ägare. Prova en ledig Mark och säkra din när det känns rätt.

Börja designa

Kontrollera ett certifikat

Skriv ett certifikatnummer eller en Marks kod för att se vem som äger den.

Fungerar med ChatGPT och Claude

Be din AI om en design. Den skapar den i din Mark, redo att redigera.

ChatGPTClaude
Så ansluter du

Produkt

  • Marknaden
  • Utforska
  • Priser
  • Certifikat

Lär dig

  • Fältguiden
  • Hjälpcenter
  • Nyheter

Utvecklare

  • Översikt
  • ChatGPT och Claude
  • API-referens
  • API-nycklar

Företaget

  • Om oss
  • Kontakta oss
  • Logga in

Juridik

  • Villkor
  • Integritet
  • Återbetalningar
  • Mark-skydd
  • Cookies
  • Alla policyer
Rör dig över bokstäverna. Var och en bär en riktig Mark.Tryck på en bokstav för att se dess Mark.Ett namn. Tio Marks inuti.
© 2026 Gradiently