FARFETCH España
Μια γκαλερί μόδας σε στυλ «λευκού κύβου». Φανταστείτε έναν πολυτελές χώρο λιανικής πώλησης όπου οι τοίχοι, τα πατώματα και τα φωτιστικά είναι βαμμένα σε λευκό χρώμα και μόνο τα ρούχα και οι άνθρωποι που τα φορούν δημιουργούν κάθε απόχρωση, υφή και οπτική έκφραση.
Το Farfetch λειτουργεί ως μια γκαλερί μόδας "λευκού κύβου": η διεπαφή είναι σχεδόν εντελώς απαλλαγμένη από χρώματα, επιτρέποντας στη φωτογραφία σύνταξης να υπαγορεύει όλες τις οπτικές αποφάσεις. Η τυπογραφία παρέχει όλη τη δομική εργασία - μια ειδικά σχεδιασμένη γεωμετρική γραμματοσειρά sans-serif (Farfetch Basis) χρησιμοποιείται σε βάρη 400 και 700, ενώ οι επικεφαλίδες ενοτήτων και το λογότυπο αποδίδονται σε γραμματοσειρά serif που αντιμετωπίζει το κείμενο ως σύνθεση. Η διάταξη είναι αρχιτεκτονική: περιεχόμενο στο κέντρο, πλήρους πλάτους, άκαμπτα πλέγματα προϊόντων 3 και 4 στηλών, άφθονος χώρος για τοποθέτηση ενοτήτων (48–72px) και πλήρης έλλειψη διακοσμητικών στοιχείων. Τα στοιχεία είναι απαλλαγμένα από διακοσμητικά στοιχεία - διακριτικές υπογραμμίσεις για αναζήτηση, κρυφοί σύνδεσμοι πλοήγησης, ονόματα κατηγοριών με κεφαλαία γράμματα κάτω από εικόνες, επίπεδα πλακίδια προϊόντων χωρίς σκιές ή περιγράμματα. Το μόνο χρώμα στο σύστημα είναι οι ίδιες οι φωτογραφίες. η διεπαφή είναι ένα πλαίσιο, όχι η ίδια η εικόνα.
Η σελίδα διαθέτει μια σύνθεση πλήρους πλάτους στο κέντρο με μέγιστο πλάτος περιεχομένου ~1280px. Η κεφαλίδα είναι ένα λεπτό πλαίσιο τριών ζωνών (πλοήγηση κατηγορίας στα αριστερά, κεντρικό σύμβολο κειμένου και βοηθητικά εικονίδια στα δεξιά), από κάτω του οποίου βρίσκεται ένα πεδίο αναζήτησης στα δεξιά. Η πρώτη ενότητα είναι ένα πλέγμα τριών στηλών με πλακίδια κατηγορίας πλήρους πλάτους (MUJER, HOMBRE, INFANTIL), το καθένα με μια ετικέτα επικάλυψης. Κάτω από κάθε ενότητα κατηγορίας υπάρχει ένα πλέγμα τεσσάρων στηλών με κάρτες κατηγορίας προϊόντων (NOVEDADES, ROPA, BOLSOS, ZAPATOS) με τίτλους με κεφαλαία γράμματα. Οι τίτλοι των ενοτήτων είναι στο κέντρο και γραμμένοι με γραμματοσειρά με κάθετη εσοχή ~48px στο επάνω και στο κάτω μέρος. Δεν υπάρχουν εναλλασσόμενες λωρίδες φόντου—ολόκληρη η σελίδα είναι ένα συμπαγές λευκό πεδίο. Το υποσέλιδο είναι ανεστραμμένο σε #222222 ως μία μόνο σκούρα λωρίδα. Η πλοήγηση είναι μια μινιμαλιστική επάνω γραμμή χωρίς σταθερά στοιχεία, χωρίς mega μενού και χωρίς πλαϊνή γραμμή.
Το οπτικό σύστημα κυριαρχείται από τη φωτογραφία μόδας για το editorial—μεγάλες εικόνες υψηλής ανάλυσης που γεμίζουν ολόκληρη τη σελίδα, με μοντέλα σε αρχιτεκτονικούς εσωτερικούς χώρους και κοντινά πλάνα προϊόντων. Η ίδια η φωτογραφία εκτελείται σε μια απαλή, αποκορεσμένη παλέτα: τοίχοι από σκυρόδεμα, φυσική πέτρα, ουδέτεροι εσωτερικοί χώροι, απαλό, κατευθυντικό φως ημέρας. Τα μοντέλα φωτογραφίζονται σε μεσαίο και ολόσωμο μήκος, με πόζες για το editorial, όχι τις αυστηρές πόζες των καταλόγων ηλεκτρονικού εμπορίου. Οι εικόνες προϊόντων (τσάντες, παπούτσια) απομονώνονται σε ένα ουδέτερο γκρι ή πέτρινο φόντο, χωρίς κανένα πλαίσιο τρόπου ζωής—το θέμα ΕΙΝΑΙ ο πρωταγωνιστής. Η διεπαφή δεν προσθέτει οπτικά στοιχεία: ούτε εικονίδια, ούτε διαφημιστικά αυτοκόλλητα, ούτε διακοσμητικά πλαίσια. Όλος ο οπτικός πλούτος προέρχεται από το τμήμα φωτογραφίας, όχι από το σύστημα σχεδιασμού.
Παλέτα
Ουδέτερος
- Carbon
#222222— Κείμενο σώματος, κείμενο σελίδας, σύνδεσμοι πλοήγησης, εικονίδια, λογότυπο, υποσέλιδο και σχεδόν μαύρος χρωματικός τόνος για ολόκληρο το μονόχρωμο σύστημα. - Paper
#ffffff— Ο καμβάς της σελίδας, οι εικόνες φόντου καρτών, οι επιφάνειες πλακιδίων προϊόντων, τα πεδία εισαγωγής και το κυρίαρχο φόντο, το οποίο καθιστά τη φωτογραφία τη μόνη χρωματική έμφαση. - Ash Gray
#b6b6b6— Λεπτές γραμμές στα εικονίδια, επιπλέον περιγράμματα, υπογράμμιση αναζήτησης στο φόντο, σύμβολο κράτησης θέσης κειμένου με φάντασμα στα πεδία εισαγωγής—η πιο αθόρυβη επιλογή, όχι ουδέτερη ως προς το κείμενο. - Stone
#f5f5f5— Εφέ μετάβασης κατά την τοποθέτηση του δείκτη του ποντικιού για γραμμές πλοήγησης, δευτερεύων τόνος επιφάνειας για υπομπάρες και φόντα διαφημίσεων, το πιο απαλό εφέ μετάβασης στη στοίβα. - Graphite
#727272— Σίγαση βοηθητικού κειμένου, ανενεργά περιγράμματα φόρμας και απενεργοποιημένα περιγράμματα εικονιδίων—ένα μεσαίο γκρι χρώμα που υποδηλώνει μείωση της έμφασης χωρίς να θυσιάζεται η αναγνωσιμότητα. - Smoke
#e6e6e6— Λεπτά διαχωριστικά μεταξύ των σειρών προϊόντων, μια μόλις αισθητή δομική γραμμή σε μια κατά τα άλλα άψογη διάταξη.
Τυπογραφία
από 13 έως 30px · 3 βήματα
- Farfetch Basis — αντικατάσταση: Söhne (paid) or Inter (free) — both share the geometric humanist proportions; Inter as the practical open-source fallback · περιγράμματα 400, 700 · Μια ειδικά σχεδιασμένη γεωμετρική γραμματοσειρά sans-serif χρησιμοποιείται για όλα όσα εμφανίζονται στον χρήστη: σύνδεσμοι πλοήγησης στα 13–15px/400, κείμενο σώματος και περιγραφές προϊόντων στα 15px/400, επικεφαλίδες ενοτήτων στα 22–30px/400 και το λογότυπο FARFETCH στα 700. Οι επικεφαλίδες μόνο με 400 αποτελούν μια σκόπιμη απομάκρυνση από την έντονη γραφή: οι επικεφαλίδες ενοτήτων έχουν ένα κανονικό, σίγουρο, αλλά όχι υπερβολικά έντονο βάρος, ενώ το 700 προορίζεται για το λογότυπο και τα πιο εκφραστικά ονόματα κατηγοριών. Αυτή η ειδική γεωμετρία εξασφαλίζει ομοιόμορφη αντίθεση πινελιάς και μια διακριτική, ανθρωπιστική ζεστασιά που η τυπική γραμματοσειρά Helvetica δεν θα επιτύγχανε.
Διαστήματα και μορφή
| Σκοπός | Εννοια |
|---|---|
| Πυκνότητα | πυκνός |
| Βασικό βήμα | 24px |
| Ακτίνα κουμπιού | 0px |
| Ακτίνα κάρτας | 0px |
| Σκιές | χωρίς περιγράμματα αντί για σκιές |
| Μεταξύ τμημάτων | 48-72px |
| Πλάτος σελίδας | 1280px |
Η Τεχνητή Νοημοσύνη θα δημιουργήσει τον ιστότοπό σας σε στυλ FARFETCH España και θα τον γεμίσει
- Συμπληρώστε με προϊόντα και αναρτήσεις μέσω του συνδέσμου - Instagram, TikTok, Facebook.
- Μεταφέρετε περιεχόμενο από τον παλιό σας ιστότοπο—απλώς καθορίστε τη διεύθυνση.
- Μοντέρνος σχεδιασμός στην καλύτερη μηχανή αναζήτησης: React ( Next.js) με απόδοση διακομιστή και βελτιστοποίηση SEO από την πρώτη στιγμή.
- Πλήρως αυτοματοποιημένη βελτιστοποίηση SEO για αποτελέσματα αναζήτησης και προτάσεις νευρωνικών δικτύων.
Παρόμοια στυλ
- MAKR — Μια μουσειακή προθήκη για χειροποίητα δερμάτινα είδη. Ένα ήσυχο, ολόλευκο δωμάτιο όπου ετικέτες με ζεστό μαύρο μελάνι αιωρούνται κάτω από μεγάλες φωτογραφίες δερμάτινων ειδών που κρατιούνται στο χέρι ή δίπλα σε τοπία, με τη μόνη χρωματική αντίθεση να είναι μια απαλή λωρίδα φασκόμηλου.
- Franco Maria Ricci Editore — Κατάλογος της Art Deco Gallery - Γυαλισμένες χρυσές γραμμές σε τραγανή λευκή περγαμηνή
- Laura Monin — Τοίχος εκδοτικής γκαλερί, λευκό μάρμαρο, σφραγίδα μελανιού
- OhDada — Τοίχος της εκδοτικής γκαλερί
- Cursor — Ένα ζεστό εργαστήριο περγαμηνής, φωτισμένο από αναμμένα κάρβουνα
- Structured — Αναγεννησιακή γκαλερί σε χαρτί σαν πλαστελίνη
- MindMarket — Ένα ζεστό βιβλίο παραμυθιού σε κρεμ χαρτί - ένας φιλικός εκδοτικός καμβάς όπου μεγάλοι τίτλοι της Inter και κομμένοι χάρτινοι χαρακτήρες συνυπάρχουν σε μια ηλιόλουστη, μαλακή σαν αυτοκόλλητο επιφάνεια.
- Airbnb — Ένας ήσυχος λευκός τοίχος γκαλερί με έναν μόνο κοραλλιογενή σελιδοδείκτη
- Apple (España) — Η γκαλερί του μουσείου, σε απαλό φως ημέρας, είναι ένας ενιαίος, σαγηνευτικός, χωρίς βαρύτητα λευκός χώρος, με κάθε έκθεμα να φωτίζεται από έναν προβολέα σε έναν ελαφρώς φιμέ τοίχο.
- Lamborghini — Μαύρο χρώμα αμαξώματος στην αίθουσα εκθέσεων, κάτω από τους προβολείς - ένα κίτρινο αυτοκίνητο
- Amplemarket — Ένας ηλιόλουστος χώρος εργασίας γεμάτος κομφετί
- Getharvest — Ένα γραφείο σε χρυσή ώρα – ένας ζεστός κρεμ καμβάς, λευκές καρτ ποστάλ κρεμασμένες στον καμβά και μια μόνο φωτεινή πορτοκαλί φλόγα