Shop
Una custellazione cummerciale flottante nantu à u marmaru biancu
A buttega in linea funziona secondu un mudellu di "tela bianca", cù i prudutti visualizati cum'è carte d'imagine grande è assai curve invece di griglie di miniature. L'intera interfaccia hè incredibilmente fluida: raggi di 20-28px in tuttu, cuntrolli in forma di pillola è un corpu GT Standard compactu di 16px cù un tracciamentu negativu strettu chì rende u testu nitidu è audace. L'unicu accentu audace di u sistema hè un viola vibrante (#5433eb), chì appare in u logu, in u campu circulare di risultati di ricerca è cum'è un'ombra tinta nantu à u listessu buttone. U restu di a paleta hè neutra calda: superfici bianche, una tela grisgia fresca è sottile, bordi sottili è testu quasi neru. A densità ferma compacta cù grondaie di 12px, ma e strisce di l'eroe è di a categuria respiranu grazia à un ritmu verticale generosu di 64-80px, rendendu l'esperienza cummerciale più simile à a navigazione chè à un catalogu.
A larghezza massima hè 1200px, centrata annantu à una tela traslucida #f2f4f5, cù una barra laterale persistente di 64px di larghezza à manca chì cuntene solu icone di navigazione. L'elementu principale hè una striscia à larghezza piena, cù carte di produttu pusizionate sopra un logu viola "negoziu" centratu, è una barra di ricerca in forma di pillola direttamente sottu. E pillole di categuria sò disposte in una sola fila centrata sottu à a barra di ricerca. E sezioni di cuntenutu (Donne, Omi, Bellezza, Casa, Bebè è Zitelli) seguitanu cum'è strisce designate, ognuna cuntenendu una griglia di 4 colonne cù immagini di produttu o una cumpusizione di "elementu principale è griglia" di 2 colonne. U ritmu verticale hè generosu: 64–80px trà e sezioni principali. U piè di pagina hè una striscia scura in fondu à a pagina cù gruppi di ligami in forma di colonna. E frecce di carusellu à u latu drittu di i pannelli orizzontali di u produttu indicanu cuntenutu scorrevole senza punti di paginazione.
A fotografia hè l'elementu visuale dominante: foto di prudutti à schermu pienu contr'à un sfondate biancu, ritagliate 1:1, è imagine di stile di vita cù toni caldi di terra (beige, terracotta, salvia, avorio). L'imagine di i prudutti anu u so propiu culore - l'interfaccia utente ferma acromatica, permettendu à e sfumature di u pruduttu di furnisce varietà visuale. I loghi di marca appariscenu cum'è testu sovrappostu à l'imagine principali scure o chjare, invece di icone individuali. In a cumpusizione principale, e carte di u pruduttu sò pusizionate cum'è una custellazione fluttuante, ligeramente sovrapposta sopra u wordmark. L'icone sò minimaliste è monocrome (contorni neri), à eccezione di l'icone di categuria, chì utilizanu un solu culore di marca. Ùn ci sò illustrazioni, effetti 3D o gradienti in l'imagine di u pruduttu.
Paletta
Marca
- Shop Violet
#5433eb— U buttone d'inviu, a marca di testu punteggiata è u logu di a marca sò l'unichi accenti chì mettenu in risaltu l'azione è l'individualità nantu à u fondu biancu. - Violet Wash
#c0b5f3— Un alone traslucidu daretu à u buttone d'inviu viulettu chì mantene u so splendore senza cambià di tonalità.
Neutru
- Canvas Mist
#f2f4f5— Sfondu di pagina è trattamentu superficiale supplementu daretu à e carte in rilievu. - Pure White
#ffffff— A superficia principale per e carte, i campi di input, i segni flottanti è i buttoni in forma di pillola. - Ink Black
#000000— Testu principale, tituli, icone, simbuli di navigazione è carte di prudutti in modu scuru. - Faint Border
#ebebeb— Linee di divisione sottili nantu à e carte, contorni di campi di input è cornici di buttoni in forma di pillola. - Muted Gray
#787574— Testu secundariu, etichette di navigazione, contorni di l'icone quandu sò inattivi - Cool Stone
#cccccc— Spaziatori, stati disabilitati è sfondi d'icone inattivi
Tipografia
da 11 à 16px · 4 passi
- GT Standard — rimpiazzamentu: Inter · contorni 400 · U carattere principale in tutte e dimensioni - sia per u testu di u corpu sia per i tituli. GTStandard-MRegular à 16px/-0.031em hè u carattere principale per u testu di u corpu, i buttoni è l'etichette. GTStandard-MSemibold à 20px/-0.05em hè utilizatu per parechji tituli grandi; GTStandard-MMedium à 11–12px hè utilizatu per e microdidascalie. Ogni variante di carattere hè visualizata cù un pesu otticu di 400 - a ghjerarchia di caratteri hè ottenuta per mezu di gradienti suttili è una spaziatura negativa densa di e lettere, invece di un cuntrastu in grassetto. Questu hè un stile di firma: Shop ùn grida micca cù caratteri in grassetto, ma piuttostu dà forma à u testu per mezu di a spaziatura di e lettere.
- Shopify Sans — rimpiazzamentu: Inter · contorni 400, 700 · Riservatu per i missaghji à livellu di sistema cum'è i banner di caricamentu di l'app è u testu di accunsentu di i cookies.
Intervalli è forma
| Scopu | Significatu |
|---|---|
| Densità | mediu |
| Passu basicu | 12px |
| Raggiu di u buttone | 9999px |
| Raggiu di a carta | 28px |
| Ombre | ombre morbide |
| Trà e sezioni | 64px |
| Larghezza di a pagina | 1200px |
L'IA custruisce u vostru situ web in stile Shop è u riempirà
- Riempite cù prudutti è publicazioni via u ligame - Instagram, TikTok, Facebook.
- Trasferisce u cuntenutu da u vostru vechju situ - basta à specificà l'indirizzu.
- Design mudernu nant'à u megliu mutore: React ( Next.js) cù rendering di u servitore è ottimizazione SEO pronta per l'usu.
- Ottimizazione SEO cumpletamente automatizata per i risultati di ricerca è e raccomandazioni di rete neurale.
Stili simili
- Apple iPhone Duo — Un apparechju pieghevole in una galeria bianca. I rendering visuali di u pruduttu sò in u centru, mentre chì a tipografia è i cuntrolli turchini sò deliberatamente sottumessi.
- AYOCIN — Un totem solare di benessere. Crea schermi chì ricordanu una calda fotografia d'interni: caratteri munumentali, ombre architettoniche dolcemente sfocate è un unicu ughjettu illuminatu situatu in un spaziu calmu è cremosu.
- Apple AirPods 5 — Apple — cinema nant'à un fondu biancu. Un vastu spaziu biancu per u montaggio lascia u locu à publicità cumplette, induve e siluette d'uggetti in muvimentu è l'illuminazione saturata creanu un dramma visuale.
- Hopper — Una finestra sopra à Santorini à u tramontu. Una fotografia addulcita di a destinazione serve cum'è una sovrapposizione atmosferica, sopra à a quale ci sò cuntrolli di navigazione è di prenotazione bianchi è compatti.
- Bose — Un palcuscenicu sonoru nant'à a costa. Una maghjina publicitaria purtata da u ventu riempie l'inquadratura, mentre chì i cuntrolli di campagna in biancu è neru nitidi sò disposti intornu à ella cum'è dettagli di precisione.
- Bauhaus Clock — Orologi ispirati à u Bauhaus - luminescenza meccanica turchese. Incorniciate superfici calme è chjare cù una maghjina di orologio scura è cinematografica è aduprate u turchese cum'è un dettagliu luminosu raru.
- Cursor — Un accogliente attellu di pergamena, illuminatu da carboni fumanti
- Slush — universu gonfiabile di adesivi nantu à carta pastello
- MindMarket — Un libru di fiaba accogliente nantu à carta crema - una tela editoriale amichevule induve i grandi tituli Inter è i caratteri di carta ritagliati coesistenu nantu à una superficia inzuppata di sole, dolce cum'è un adesivo.
- Airbnb — Un muru di galeria bianca tranquilla cù un unicu segnalibru rossu corallu
- Superr — Un quaderno di scola caldu in a dolce luce di u dopumeziornu. Una pagina di culore crema, un marcatore aranciu senza cappucciu, è una pila di adesivi laminati cù u nome chì aspettanu d'esse staccati.
- Apple (España) — A galeria di u museu, in a dolce luce di u ghjornu, hè un unicu spaziu biancu accattivante è senza pesu, cù ogni mostra illuminata da un riflettore contr'à un muru ligeramente culuritu.