Il tema
Colori del marchio, caratteri, design delle card, negozi scuri e gli effetti che valgono per tutto il negozio.
Tema nella barra degli strumenti del designer regola i colori del marchio, i caratteri e i token globali del design — i valori che ogni blocco va a leggere.
I colori e i caratteri del tuo negozio vengono consegnati dentro la pagina, quindi la primissima immagine a schermo è già la tua. I visitatori non vedono mai passare il blu di default della piattaforma prima che arrivi la tua palette.
Design delle card
Quale card prodotto disegnano tutte le griglie e gli elenchi di prodotti:
| Design | Si legge come | Tipico per |
|---|---|---|
| Classic | La card arrotondata originale, con i pulsanti al passaggio del mouse | Giocattoli, gadget, negozi generalisti |
| Retail | Una card da catalogo: etichetta di percentuale, riga della giacenza, marca + modello, riga delle caratteristiche, stelle, pulsanti a icona | Elettronica, utensili, B2B |
| Minimal | Immagine grande, nome e prezzo discreti; il passaggio del mouse mostra la seconda foto, più una barra di aggiunta rapida | Moda, bellezza |
| Editorial | Centrato e arioso, composto nel carattere dei titoli | Gioielli, arte, arredamento, lusso |
| Overlay | L'immagine è la card, la didascalia su un velo scuro | Cibo, esperienze, fotografia, stampe |
| Compact | Una riga orizzontale con una piccola immagine e un pulsante carrello pieno | Alimentari, ricambi, libri |
La scheda Stile di un blocco griglia o elenco mostra le stesse scelte con un indicatore globo/ritorno, così un blocco può differire dalla scelta valida per tutto il negozio e tornarci.
Card Size, Card Image Aspect, Card Text Alignment e Card Style valgono per tutti i design — un design senza superficie di card porta il bordo o l'ombra attorno alla sua immagine. Il design compatto allarga le sue colonne da solo.
Rendere scuro il negozio
Chiedere all'IA un negozio scuro — «tema scuro», «sfondo scuro» — commuta il tema stesso: sfondo della pagina, sfondo secondario, testo e testo attenuato si ribaltano insieme, così ogni blocco segue in una volta invece di lasciare chiare alcune sezioni.
I colori del marchio, i caratteri e i token di stile sopravvivono al cambiamento, e lo stesso vale al contrario per tornare al chiaro.
Non è la stessa cosa del tema scuro della tua dashboard, che tocca solo quello che vedi tu mentre lavori. Il tema del negozio è quello che ricevono i tuoi visitatori.
Gli effetti per tutto il negozio
Due effetti si impostano qui e valgono ovunque, a meno che un blocco non li sovrascriva:
- Effetto di sfondo — l'atmosfera decorativa di una sezione: forme che cadono, aurora, sfere luminose, griglie di punti e linee, particelle, onde, scintille, bolle, raggi di luce, linee di circuito, sfumatura alla deriva — oppure niente.
- Effetto al passaggio del mouse per le card — sollevamento, spotlight, inclinazione, bagliore, zoom — oppure niente.
Entrambi si possono impostare per blocco nella scheda Stile dei blocchi di marketing, e lì un pulsante Ripristina riporta il blocco al valore valido per tutto il negozio.
Gli effetti vengono disattivati automaticamente per i visitatori il cui dispositivo chiede meno animazione.
I caratteri
Titoli e corpo del testo prendono caratteri distinti. Ogni titolo — da h1 a
h6 — prende il carattere dei titoli per regola, così un titolo disegnato da
uno script somiglia a uno disegnato dal server. Un design di card che vuole
deliberatamente il carattere del corpo sul suo titolo lo dice da sé.
Aggiungere un colore o un carattere
I nuovi colori e caratteri del tema appartengono alla piattaforma, non a un singolo negozio. Se ti manca un carattere, apri un ticket — una funzione mancante che noi realizziamo vale 30 crediti IA.