51. Brand: colori e logo

Ti serve quando vuoi che il sito clienti rispecchi i colori della tua pizzeria (rosso pomodoro, verde basilico, ecc.) e quando vuoi caricare il tuo logo invece di mostrare il default.

Cosa puoi cambiare oggi via UI: solo i colori

Vai su Impostazioni -> sezione Colori del sito (Impostazioni -> Brand & Cliente, /admin/settings/brand).

Configurazione colori (4 valori)

Hai 4 colori configurabili, divisi in Modalita’ chiara e Modalita’ scura (per chi usa il sito di sera con il telefono in dark mode):

Colore primario chiaro — bottoni, link, accenti (es. rosso pomodoro #E53935)
Colore secondario chiaro — sfondi, badges, card
Colore primario scuro — versione “chiara” del primario per sfondo scuro (di solito un tono piu’ acceso)
Colore secondario scuro — versione scura del secondario

Ogni campo ha:

Un selettore visuale (clicchi sul quadratino colorato e si apre un palette spectrum + slider)
Un codice HEX (puoi anche scriverlo a mano se sai il valore esatto, es. #FF5722)

Anteprima live

Sotto i 4 picker vedi una preview con un bottone “Ordina ora”, un badge “Bestseller” e un finto card scuro che mostra come appariranno i colori sul sito reale.

Reset ai colori default

Bottone Ripristina default in basso a sinistra: rimette i colori brand Brigata originali (utile se hai sperimentato e vuoi tornare indietro).

Salva

Bottone Salva colori in basso a destra. Effettivo subito sul sito clienti (devono aggiornare la pagina).

Cosa NON puoi cambiare via UI: il logo

Il campo restaurants.logoUrl esiste in DB ed e’ usato dal sito clienti (header, kiosk, landing) per mostrare il logo. Tuttavia non c’e’ una UI admin per caricarlo o cambiarlo. Vedi GAP-21 nel backlog di prodotto.

Workaround: per cambiare o caricare il logo, contatta il tuo referente tecnico (chi ha installato Peppe per te, di solito Eraldo). Forniscigli:

Un’immagine quadrata (consigliato 400x400 px o 800x800 px)
Formato PNG con sfondo trasparente (preferito) o JPG su sfondo bianco
Dimensione file: max 200 KB

Lui caricera’ il logo su Cloudinary e aggiornera’ il campo logoUrl direttamente in DB.

Suggerimento: prima di scegliere i colori, prova a scaricarli dal tuo logo o dal materiale stampato (volantini, insegne). Se non hai un brand definito, sceglie un primario caldo (rosso, arancione) e un secondario neutro (grigio scuro, marrone): questa combinazione e’ classica per pizzerie e funziona bene.

Attenzione: evita colori troppo chiari come primario (giallo pallido, rosa baby): bottoni e link diventano illeggibili su sfondo bianco. Tieni un contrasto alto (testo bianco su primario scuro).