# Design URL: https://supporto.leggimenu.it/impostazioni/design/ Sezione: Impostazioni Aggiornato: 2026-07-09 > Personalizza l'aspetto del tuo menu: colori, tema, font e layout. La tab Design decide l'aspetto del tuo menu digitale: come si presentano le categorie e le voci, il colore, i caratteri, il tema chiaro o scuro e qualche tocco in più riservato all'estensione Brand. È la parte divertente: qui dai al menu la faccia del tuo locale. Si sistema in 5-10 minuti e ogni modifica è reversibile. Niente è definitivo: cambi un'opzione, salvi, guardi com'è venuta sul menu e se non ti piace torni indietro quando vuoi. ::: ## Come arrivare a Design 1. Apri il menu laterale del gestionale e clicca **Impostazioni**. 2. In cima alla pagina clicca la tab **Design**. (Screenshot: Tab Design delle Impostazioni con la barra delle tab in cima e le opzioni Versione, Stile Categoria e Stile Voce) 3. Modifica le opzioni seguendo la descrizione che trovi sotto. Quelle che non tocchi restano sui valori predefiniti. 4. Clicca il bottone verde **Salva** in alto a destra (o in fondo alla pagina) per applicare le modifiche. Diverse opzioni di questa tab richiedono l'estensione **Brand** . Senza Brand le vedi lo stesso, ma sono bloccate: cliccandole compare l'invito ad attivare l'estensione e il valore non viene salvato. Trovi tutto nella sezione **Estensioni** del gestionale. ::: ## Le opzioni in dettaglio I campi sono presentati nello stesso ordine in cui li trovi nella tab. ### Versione Sceglie il tipo di menu digitale che mostri ai clienti. Tre opzioni: - **Standard** (gratuita): il menu interattivo classico, con categorie e voci navigabili. È quella consigliata per quasi tutti i locali ed è il valore predefinito. - **Pagina Unica** : tutto il menu su una sola pagina che si scorre dall'alto verso il basso, senza entrare e uscire dalle categorie. Trovi una demo dal vivo sul link indicato sotto al campo. - **PDF o Immagine** : al posto del menu interattivo mostri direttamente un file PDF o un'immagine che hai caricato tu. Con **PDF o Immagine** il cliente vede solo il file statico che carichi: niente categorie navigabili, niente ricerca, niente ordini online, niente traduzione automatica. Usala solo se hai davvero bisogno di mostrare un menu cartaceo digitalizzato; per tutto il resto la versione **Standard** è molto più potente. ::: (Screenshot: Sezione Versione con le tre opzioni Standard, Pagina Unica e PDF o Immagine e il link demo della versione selezionata) ### Stile Categoria Decide come appaiono le categorie del menu. Due stili: - **Categoria Estesa** (gratuita, predefinita): ogni categoria mostra subito tutte le informazioni con un'immagine grande e ben visibile. - **Categoria Compatta** : categorie più strette, la lista si accorcia di parecchio. Utile per menu molto lunghi dove il cliente vuole avere tutto sott'occhio in fretta. Sotto a ogni stile trovi dei link demo (ristorante, pizzeria, bar, stabilimento) per vedere la differenza dal vivo prima di scegliere. ### Immagine Categoria Automatica Interruttore **On/Off**, predefinito **Off**. Decide cosa mostrare quando una categoria non ha un'immagine sua. Quando è **On** e non hai caricato un'immagine per la categoria, il sistema usa in automatico una foto presa dalle voci di quella categoria. Se nemmeno le voci hanno foto, mostra uno sfondo stilizzato basato sul tuo **Colore Principale**. Risultato: il menu resta sempre curato esteticamente, senza buchi grigi. ### Stile Voce Come lo Stile Categoria, ma applicato alle singole voci (i piatti). Due stili: - **Voce Estesa** (gratuita, predefinita): ogni voce mostra subito tutte le informazioni con un'immagine grande. - **Voce Compatta** : voci più strette, lista molto più corta da scorrere. Estesa rende il menu più invitante (le foto vendono), Compatta lo rende più veloce da consultare. Molti locali usano Estesa per i piatti con foto e tengono Compatta solo se hanno listini lunghissimi senza immagini, tipo le carte dei vini. ::: (Screenshot: Menu pubblico su smartphone in stile Esteso, con immagine grande del piatto e tutte le informazioni in vista) (Screenshot: Menu pubblico su smartphone in stile Compatto, con voci strette su una sola riga e lista molto più corta) ### Menu PDF o Immagine Compare solo se hai l'estensione Brand. Qui **carichi il tuo menu PDF già pronto** (oppure un'immagine) da mostrare quando scegli la Versione **PDF o Immagine**: è utile se hai già un menu impaginato e vuoi usarlo così com'è al posto del menu digitale interattivo. Formati accettati: **PDF**, **JPG**, **PNG** o **GIF**. Peso massimo: **10 MB**. Il pulsante **Seleziona File** apre la finestra di scelta del tuo dispositivo. Puoi **sostituire** il file quando vuoi caricandone uno nuovo (stessi formati, stesso limite di 10 MB): il **link del menu e il QR Code restano invariati**, non devi ristampare nulla. Per rimuovere il file caricato, spunta la casella **Clicca qui per eliminare il tuo file** sotto al campo e poi clicca Salva. ### Immagine Anteprima Menu L'immagine che fa da copertina quando condividi il link del menu (WhatsApp, social) usando la versione PDF o Immagine. Formati: **JPG**, **PNG** o **GIF**. Peso massimo: **5 MB**. Se non la carichi, viene usata un'immagine standard. Per eliminarla, spunta la casella di eliminazione sotto al campo e clicca Salva. ### Carosello Categorie Interruttore **On/Off**, predefinito **Off**. Quando è **On**, in cima al menu compare una striscia orizzontale con le categorie che il cliente può far scorrere col dito per saltare subito a quella che cerca, senza scorrere tutta la pagina. ### Carosello Sottocategorie Interruttore **On/Off**, predefinito **Off**. Aggiunge una seconda striscia orizzontale con le sottocategorie, quando ci sono. Questa opzione compare nella tab solo dopo che hai attivato il **Carosello Categorie**. Se non la vedi, accendi prima il Carosello Categorie e ricompare in automatico. ::: ### Includi Box Informativi Interruttore **On/Off**, predefinito **Off**. Compare anch'esso solo con il Carosello Categorie attivo. Quando è **On**, nel carosello in cima al menu compaiono anche le categorie impostate come **Box Informativo** (quelle scheda-informazione, tipo "Storia del locale" o "Info allergeni"), non solo le categorie con i piatti. Lascialo **Off** se vuoi che il carosello mostri solo le categorie ordinabili. ### Colore Principale Il colore guida del tuo menu. Si propaga su parecchi elementi: icone, dettagli grafici e gli sfondi stilizzati delle categorie senza foto. Lo imposti scrivendo il codice colore nel campo dedicato. Usa un **colore scuro**: aumenta il contrasto e quindi la leggibilità di parole e icone, soprattutto sui telefoni in piena luce. I colori molto chiari su sfondo bianco si leggono male. ::: ### Icona Personalizzata L'icona che rappresenta il tuo menu fuori dal menu stesso: quella che appare quando un cliente **salva il menu sulla home del telefono** (come se fosse un'app) e la piccola **favicon** nelle schede del browser. Di base leggimenu usa le proprie icone; con l'estensione Brand puoi metterci il logo o il simbolo del tuo locale. Carichi **un solo file** e il gestionale genera in automatico tutto il set di icone nelle varie misure e forme richieste da telefoni e browser. Non devi preparare nulla a mano. **Formati accettati:** SVG, PNG o JPG. Ti consigliamo l'**SVG**, perché resta perfettamente nitido a qualsiasi dimensione. Se usi PNG o JPG, parti da un'immagine **quadrata di almeno 512x512 pixel**. (Screenshot: Campo Icona Personalizzata nella tab Design con il bottone Sfoglia e la casella per eliminare l'icona, prima del caricamento) Dopo il caricamento vedi subito un'**anteprima reale** di come apparirà l'icona: tonda in stile Android, con gli angoli arrotondati in stile iPhone e come favicon su una scheda del browser chiara e scura. Se ti convince, clicca **Salva**: viene salvato esattamente ciò che vedi nell'anteprima. (Screenshot: Anteprima delle icone generate dal logo caricato: versione Android tonda, iOS con angoli arrotondati e favicon su scheda chiara e scura) Se il tuo logo è **monocromatico** e lo carichi in **SVG**, la favicon si adatta da sola al tema chiaro o scuro del browser, restando sempre ben visibile. Con loghi a più colori oppure in PNG o JPG questo adattamento non avviene: l'icona resta identica su entrambi i temi. ::: Per tornare alle icone standard di leggimenu, spunta la casella `Clicca qui per eliminare la tua icona personalizzata` sotto al campo e poi clicca Salva. ### Carattere Titoli Il tipo di carattere (font) usato per i titoli del menu. Lo scegli da un elenco a tendina. Se non scegli niente, viene usato il predefinito **Source Sans Pro**. ### Carattere Testo Il carattere usato per il testo (descrizioni, prezzi, dettagli). Anche questo da elenco a tendina. Predefinito: **Roboto**. Per un menu ordinato e leggibile non esagerare: scegli un carattere ben leggibile per il testo e tieni quello dei titoli in coordinato. Caratteri troppo decorativi sono belli ma stancano la lettura su mobile. ::: ### Tema Interruttore **Chiaro / Scuro**. Decide il colore di fondo del menu: il tema **Chiaro** ha sfondi tendenti al bianco, il tema **Scuro** sfondi tendenti al nero. Il predefinito è **Scuro**. (Screenshot: Menu pubblico su smartphone con tema Chiaro, sfondi tendenti al bianco) (Screenshot: Menu pubblico su smartphone con tema Scuro, sfondi tendenti al nero) ### Modalità speciale Aggiunge un tocco a tema per le occasioni speciali (per esempio Natale, Carnevale, Halloween) con piccoli effetti grafici sul menu. La scegli da un elenco a tendina; il valore predefinito è **nessuna**. È un dettaglio simpatico per i periodi di festa, ma ricordati di riportarla su **nessuna** quando la ricorrenza è passata, altrimenti il menu resta "natalizio" a marzo. ::: ### Accessibilità ottimizzata Interruttore **On/Off**, predefinito **Off**. Quando è **On**, il menu diventa più facile da usare per tutti: **caratteri ingranditi** e **area di tocco più ampia** sui pulsanti, così è più comodo anche per chi ha difficoltà di vista o tocca lo schermo con meno precisione. ## Vedi anche Generali" href="/impostazioni/generali/" description="Nome, logo, immagine principale, contatti e colore di base del tuo menu digitale." /> ## Domande frequenti ### Perché alcune opzioni sono bloccate e non riesco a selezionarle? Le opzioni con il badge **Brand** (stile Compatta, caroselli sottocategorie e box informativi, caratteri personalizzati, modalità speciale, versione Pagina Unica e PDF) richiedono l'estensione Brand. Senza, le vedi ma non puoi salvarle: cliccandole compare l'invito ad attivare l'estensione. Le trovi nella sezione **Estensioni** del gestionale. ### Che differenza c'è tra stile Esteso e Compatto? Lo stile **Esteso** mostra ogni categoria o voce in grande, con immagine ben visibile: più invitante, ottimo se hai belle foto. Lo stile **Compatto** rimpicciolisce tutto e accorcia molto la lista: più veloce da scorrere, utile per menu lunghissimi. Puoi scegliere stili diversi per categorie e voci. ### Posso cambiare i caratteri del menu gratis? No, la scelta dei caratteri (titoli e testo) richiede l'estensione **Brand**. Sul piano gratuito il menu usa i caratteri predefiniti: Source Sans Pro per i titoli e Roboto per il testo. Sono caratteri puliti e leggibili, pensati apposta per i menu. ### Il PDF sostituisce il menu interattivo? Sì. Se scegli la Versione **PDF o Immagine**, il cliente vede solo il file che hai caricato: niente categorie navigabili, ricerca, ordini online o traduzione. Se vuoi mantenere queste funzioni, resta sulla Versione **Standard**. I tuoi contenuti (categorie, voci, foto, traduzioni) non vengono comunque cancellati: restano salvati e tornano visibili se rimetti la Versione Standard. ### Posso sostituire il PDF caricato mantenendo lo stesso link e QR? Sì. Carichi un nuovo file dal campo **Menu PDF o Immagine** (stessi formati, stesso limite di 10 MB) e sostituisce il precedente. Il **link del menu e il QR Code non cambiano**: chi ha già stampato il tuo QR continua a vedere il menu aggiornato senza che tu debba ristampare nulla. ### Dove imposto il logo, il dominio personalizzato o il QR con il mio marchio? Non da qui. Il **logo** e l'immagine principale si impostano nella tab **Impostazioni Generali**. Il **dominio personalizzato** e il **QR code con logo** fanno parte dell'estensione Brand e si gestiscono nelle rispettive aree dedicate: parti dalla sezione **Estensioni** per attivarli. ### Perché la mia icona non cambia colore in modalità scura? L'adattamento automatico chiaro/scuro funziona solo con loghi **monocromatici caricati in formato SVG**: in quel caso la favicon del browser diventa chiara sul tema scuro e scura sul tema chiaro, restando sempre leggibile. Se il tuo logo ha più colori, un gradiente, oppure lo hai caricato in PNG o JPG, l'icona resta identica su entrambi i temi. È il comportamento previsto, non un errore. ### Come tolgo l'icona personalizzata? Vai in Impostazioni > Design, nel campo **Icona Personalizzata** spunta la casella `Clicca qui per eliminare la tua icona personalizzata` e clicca **Salva**. Il menu torna a usare le icone standard di leggimenu. ### Ho cambiato un'opzione ma sul menu non vedo differenze Assicurati di aver cliccato il bottone verde **Salva**: le modifiche si applicano solo dopo il salvataggio. Se hai già salvato, ricarica la pagina del menu sul telefono (a volte resta in memoria la versione vecchia per qualche minuto).