Telegramu, WhatsApp+380637610482
Valery Danyuk
Valery DanyuksviluppatoreSviluppà strumenti di IA per l'imprese. Alta qualità. Accessibile.Scrive in Telegram
FARFETCH España — un'anteprima di un situ in questu stile

FARFETCH España

Una galeria di moda in stile "cubu biancu". Imaginate un spaziu cummerciale di lussu induve i muri, i pavimenti è l'attrezzature sò sbiancati di biancu, è solu i vestiti è e persone chì i portanu creanu ogni tonalità, struttura è espressione visuale.

Farfetch funziona cum'è una galeria di moda "cubu biancu": l'interfaccia hè guasi cumpletamente priva di culore, chì permette à a fotografia editoriale di dittà tutte e decisioni visuali. A tipografia furnisce tuttu u travagliu strutturale - un carattere sans-serif geometricu persunalizatu (Farfetch Basis) hè utilizatu in pesi 400 è 700, mentre chì i tituli di sezzione è u logu sò resi in un carattere serif chì tratta u testu cum'è una cumpusizione. U layout hè architettonicu: cuntenutu centratu à larghezza piena, griglie di prudutti rigide à 3 è 4 colonne, ampiu spaziu per u piazzamentu di e sezzioni (48-72px) è una mancanza cumpleta di elementi decorativi. I cumpunenti sò spogliati di abbellimenti - sottolineature suttili per a ricerca, ligami di navigazione nascosti, nomi di categurie maiuscule sottu à l'imagine, piastrelle di prudutti piatte senza ombre o bordi. L'unicu culore in u sistema sò e fotografie stesse; l'interfaccia hè una cornice, micca l'imagine stessa.

A pagina presenta una cumpusizione centrata, à larghezza piena, cù una larghezza massima di cuntenutu di ~1280px. L'intestazione hè un pannellu finu à trè zone (navigazione di categuria à manca, segnu di testu centratu è icone ausiliarie à diritta), sottu à quale si trova un campu di ricerca à diritta. A prima sezione hè una griglia à trè colonne di piastrelle di categuria à larghezza piena (MUJER, HOMBRE, INFANTIL), ognuna cù un'etichetta sovrapposta. Sottu à ogni sezione di categuria si trova una griglia à quattru colonne di carte di categuria di prudutti (NOVEDADES, ROPA, BOLSOS, ZAPATOS) cù tituli in maiuscule. I tituli di e sezioni sò centrati è scritti in un carattere cù un rientro verticale di ~48px in cima è in fondu. Ùn ci sò strisce di fondu alternate - tutta a pagina hè un campu biancu solidu. U piè di pagina hè invertitu à #222222 cum'è una sola striscia scura. A navigazione hè una barra superiore minimalista senza elementi fissi, senza mega menu è senza barra laterale.

U sistema visuale hè duminatu da a fotografia di moda editoriale - imagine grande è d'alta risoluzione chì riempienu tutta a pagina, cù mudelli in interni architettonichi è primi piani di prudutti. A fotografia stessa hè eseguita in una paleta tenue è desaturata: muri di cimentu, petra naturale, interni neutri, luce di ghjornu dolce è direzionale. I mudelli sò fotografati à mezza lunghezza è à figura intera, cù pose editoriali, micca e pose strette di i cataloghi di e-commerce. L'imagine di i prudutti (borse, scarpe) sò isolate contr'à un sfondate neutru grisgiu o di petra, senza alcun cuntestu di stile di vita - u sughjettu HÈ u prutagunista. L'interfaccia ùn aghjusta micca elementi visuali: nè icone, nè adesivi promozionali, nè cornici decorative. Tutta a ricchezza visuale vene da u dipartimentu di fotografia, micca da u sistema di cuncepimentu.

Paletta

Neutru

  • Carbon #222222 — Testu di u corpu, testu di a pagina, ligami di navigazione, icone, logò, piè di pagina è un tonu di culore guasi neru per tuttu u sistema monocromaticu.
  • Paper #ffffff — A tela di a pagina, l'imagine di fondu di a carta, e superfici di e piastrelle di u pruduttu, i campi di input è u fondu dominante, chì face di a fotografia l'unicu accentu di culore.
  • Ash Gray #b6b6b6 — Tratti d'icona suttili, bordi supplementari, sottolineatura di ricerca in u fondu, segnaposto di testu fantasma in i campi di input - l'opzione più silenziosa, micca neutra in quantu à u testu.
  • Stone #f5f5f5 — Effettu di transizione di u mouse sopra per e barre di navigazione, tonu di superficia secundariu per i sottopannelli è i sfondi publicitari, l'effettu di transizione u più dolce in a pila.
  • Graphite #727272 — Testu d'aiutu silenziatu, bordi di furmulariu inattivi è contorni d'icone disattivati - un grisgiu mediu chì segnala una riduzione di l'enfasi senza sacrificà a leggibilità.
  • Smoke #e6e6e6 — Divisori suttili trà e file di prudutti, una linea strutturale appena percettibile in un layout altrimenti senza soluzione di continuità.

Tipografia

da 13 à 30px · 3 passi

  • Farfetch Basis — rimpiazzamentu: Söhne (paid) or Inter (free) — both share the geometric humanist proportions; Inter as the practical open-source fallback · contorni 400, 700 · Un carattere sans-serif geometricu cuncipitu persunalizatu hè utilizatu per tuttu ciò chì hè visualizatu à l'utilizatore: ligami di navigazione à 13–15px/400, testu di u corpu è descrizzioni di i prudutti à 15px/400, tituli di sezzione à 22–30px/400, è u logu FARFETCH à 700. I tituli solu 400 sò un alluntanamentu deliberatu da u grassetto: i tituli di sezzione anu un pesu regulare, sicuru, ma micca eccessivamente grassetto, mentre chì 700 hè riservatu per u logu è i nomi di categurie più espressivi. Questa geometria speciale assicura un cuntrastu uniforme di u trattu è un calore suttile è umanisticu chì u carattere Helvetica standard ùn ottenerebbe micca.

Intervalli è forma

ScopuSignificatu
Densitàdensu
Passu basicu24px
Raggiu di u buttone0px
Raggiu di a carta0px
Ombrenò - bordi invece di ombre
Trà e sezioni48-72px
Larghezza di a pagina1280px

L'IA custruisce u vostru situ web in stile FARFETCH España è 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

  • MAKR — Una vetrina di museu per articuli di pelle artigianali. Una stanza tranquilla è tutta bianca induve l'etichette in inchiostru neru caldu flottanu sottu à grandi fotografie di articuli di pelle tenuti in manu o contr'à paisaghji, l'unicu cuntrastu di culore una striscia tenuta di salvia.
  • Franco Maria Ricci Editore — Catalogu di a Galleria Art Déco - Righe d'oru lucidate nantu à pergamena bianca croccante
  • Laura Monin — Muru di a galeria editoriale, marmaru biancu, timbru d'inchiostru
  • OhDada — Muru di a galeria editoriale
  • Cursor — Un accogliente attellu di pergamena, illuminatu da carboni fumanti
  • Structured — Galleria rinascimentale nantu à carta simile à a plastilina
  • 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
  • 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.
  • Lamborghini — Culore neru di a carrozzeria in u showroom, sottu à i riflettori - una vittura gialla
  • Amplemarket — Un locu di travagliu inzuppatu di sole è pienu di confetti
  • Getharvest — Un scrivanu à l'ora d'oru - una tela crema calda, carte postale bianche appese à a tela, è una sola fiamma aranciu luminosa