Zellerfeld
Ένα εργαστήριο γλύπτη σε λευκό μάρμαρο—οι μονολιθικές επιφάνειες του βάθρου, μια μοναδική σπίθα κοβαλτίου, ένας ψίθυρος πεζών γραμμάτων από το δάπεδο μέχρι την οροφή
Το Zellerfeld μοιάζει με μια γκαλερί ψηφιακών γλυπτών σε λευκό μάρμαρο - μια αγορά για τρισδιάστατα εκτυπωμένα παπούτσια, όπου οι μονόχρωμες επιφάνειες, ο άφθονος λευκός χώρος και οι μεγάλες, πεζές γραμματοσειρές επιτρέπουν σε κάθε προϊόν να λειτουργεί σαν μουσειακό έκθεμα. Η διεπαφή είναι εξαιρετικά περιορισμένη: ένας αχρωματικός καμβάς με ένα μόνο ηλεκτρικό χρώμα κοβαλτίου (#000aff) που προορίζεται για επείγουσες στιγμές - εικονίδια, ενεργή πλοήγηση "Κατάστημα" και η τρέχουσα κατάσταση διαφάνειας. Οι κάρτες επιπλέουν σε ένα ζεστό γκρι φόντο μαργαριταριού, αντί για καθαρό λευκό, δίνοντας στο πλέγμα ένα απτό, γύψινο εκμαγείο. Η γραμματοσειρά παραμένει μια ενιαία προσαρμοσμένη sans-serif (Roobert) με μικρή απόσταση μεταξύ των γραμμάτων, και το Space Mono χρησιμοποιείται μόνο για τιμολόγηση, καταχωρίσεις προϊόντων και τεχνικά μεταδεδομένα. Ως αποτέλεσμα, η σελίδα του προϊόντος μοιάζει περισσότερο με ιστότοπο τύπου design παρά με ταμείο λιανικής - τα αντικείμενα φωτογραφίζονται, δεν πωλούνται.
Η σελίδα εκτείνεται σε ολόκληρο το πλάτος της και διαθέτει μια λωρίδα περιεχομένου 1440px. Το κύριο στοιχείο είναι ένα banner φωτογραφιών πλήρους οθόνης με μια αιωρούμενη επικάλυψη UI. Οι ενότητες προϊόντων χρησιμοποιούν ένα πλέγμα 4 στηλών, που συμπτύσσεται σε 2 σε tablet και 1 σε κινητές συσκευές. Ο ρυθμός της ενότητας είναι: μεγάλη περιγραφή προϊόντος → πλέγμα αξιολόγησης σύνταξης → πλέγμα νέων κυκλοφοριών → πίνακας πληροφοριών επικοινωνίας τύπου. Κάθε ενότητα προϊόντος κεντράρει το περιεχόμενό της μέσα στη λωρίδα και χρησιμοποιεί 80px κατακόρυφου χώρου μεταξύ των ενοτήτων. Η πλοήγηση είναι μια σταθερή επάνω γραμμή σε μία μόνο σειρά με μια λεπτή λωρίδα διαφημίσεων από πάνω. Οι κάρτες προϊόντων ευθυγραμμίζονται σε ένα αυστηρό πλέγμα—η περιοχή εικόνας επικεντρώνεται πάντα στη σιλουέτα του παπουτσιού με επένδυση 40px πάνω/κάτω μέσα στην κάρτα και το σύμπλεγμα μεταδεδομένων είναι αγκυρωμένο στην κάτω αριστερή γωνία με ένα λογότυπο μάρκας 40x40.
Η φωτογραφία προϊόντος είναι το κυρίαρχο οπτικό στοιχείο—κάθε παπούτσι φωτογραφίζεται σε μια καθαρά λευκή ή γύψινη επιφάνεια σε γωνία τριών τετάρτων, γεμίζοντας ολόκληρη την κάρτα χωρίς κανένα πλαίσιο, μοντέλο ή περιβάλλον. Το κύριο στοιχείο είναι μια ολοκληρωμένη φωτογραφία lifestyle: κομμένες λήψεις ποδιών και παπουτσιών σε άμμο ή τσιμέντο, πάντα σε ανθρώπινη κλίμακα, ποτέ τέλεια ποιότητα στούντιο. Ισχύει η αρχή «το θέμα είναι το κύριο στοιχείο»—τα παπούτσια καταλαμβάνουν το 40% της ορατής περιοχής του κάδρου, ακόμη και στο κύριο στοιχείο σύνταξης. Δεν χρησιμοποιούνται διακοσμητικά γραφικά στοιχεία, αφηρημένα μοτίβα ή εικόνες. Τα εικονίδια είναι γραμμικά, με μαύρο περίγραμμα, ποτέ γεμάτα, ποτέ χρωματισμένα.
Παλέτα
Μάρκα
- Electric Cobalt
#000aff— Νέα εικονίδια, ενεργή γραμμή πλοήγησης, τρέχουσα ένδειξη διαφάνειας, στιγμές ενεργοποίησης—το μόνο χρωματικό σύνθημα στο σύστημα, που χρησιμοποιείται με φειδώ, ώστε να εκλαμβάνεται ως ενεργοποίηση και όχι ως διακόσμηση.
Ουδέτερος
- Pale Iris
#e5e7ff— Ένα νέο χρωματικό γέμισμα για τα σήματα, μια απαλή ανταύγεια και μια φιμέ επιφάνεια για τις επιλογές ετικετών—μια απαλή απόχρωση κοβαλτίου που υποδηλώνει χρώμα χωρίς να διαταράσσει την μονόχρωμη παλέτα. - Ink Black
#111111— Κείμενο σώματος, προεπιλεγμένα περιγράμματα, περιγράμματα εικονιδίων, λεπτά διαχωριστικά - το κυρίαρχο δομικό χρώμα για επικεφαλίδες, λίστες και συνδέσμους. - Pure White
#ffffff— Οι ουδέτερες καταστάσεις φόρμας, το κείμενο εικονιδίου και τα διακριτικά σχόλια στο περιβάλλον χρήστη θα πρέπει να χρησιμοποιούνται όπου το χρώμα παραμένει διακριτικό. Αποφύγετε τη χρήση του ως κύριου χρώματος για παροτρύνσεις για δράση. - Plaster
#ecedee— Δευτερεύουσα επιφάνεια για κάρτες προϊόντων, φόντο γραμμής πλοήγησης, λείο υπερυψωμένο επίπεδο πάνω από τον καμβά. - Slate
#a1a4aa— Η σκίαση του πλαισίου της κάρτας, το ουδέτερο γέμισμα κουμπιών και το σίγαση του πλαισίου κουμπιών είναι γκρι που τονίζουν τις άκρες της κάρτας χωρίς να τις σκουραίνουν. - Fog
#d7d7d7— Φωτεινό πλαίσιο κάρτας, διαχωριστικές γραμμές, χρωματισμός της ανενεργής επιφάνειας.
Τυπογραφία
από 13 έως 128px · 7 βήματα
- Roobert — αντικατάσταση: Inter · περιγράμματα 400, 500, 600, 700 · Η κύρια γραμματοσειρά της επωνυμίας χρησιμοποιείται για τα πάντα, από το κυρίως κείμενο μέχρι τους τίτλους. Η απόσταση μεταξύ των γραμμών είναι σταθερή σε όλα τα μεγέθη, επιτρέποντας στα πεζά γράμματα του λογότυπου να έχουν μια πυκνή, ανάγλυφη μάζα. Το βάρος της γραμματοσειράς αυξάνεται ανάλογα με τα συμφραζόμενα: 400 για το κυρίως κείμενο και το περιβάλλον χρήστη, 500 για τις επισημασμένες επικεφαλίδες, 600 για τα ονόματα προϊόντων και 700 για τους μεγάλους τίτλους.
- Space Mono — αντικατάσταση: JetBrains Mono · περιγράμματα 400, 600 · Τεχνικά μεταδεδομένα—τιμές (189,00 €), αριθμητικές τιμές για τις 10 κορυφαίες θέσεις, σύμβολα ticker και ονόματα καταστημάτων—προστίθενται εκεί όπου η σελίδα θα πρέπει να εκλαμβάνεται ως τεχνική προδιαγραφή και όχι ως διαφημιστικό κείμενο.
- Arial — αντικατάσταση: Inter · περιγράμματα 400 · Arial - Βρέθηκε στα εξαγόμενα δεδομένα αλλά δεν περιγράφεται από την Τεχνητή Νοημοσύνη.
Διαστήματα και μορφή
| Σκοπός | Εννοια |
|---|---|
| Πυκνότητα | μέσος |
| Βασικό βήμα | 16px |
| Ακτίνα κουμπιού | 10px |
| Ακτίνα κάρτας | 10px |
| Σκιές | ελάχιστος |
| Μεταξύ τμημάτων | 80px |
| Πλάτος σελίδας | 1440px |
Η Τεχνητή Νοημοσύνη θα δημιουργήσει τον ιστότοπό σας σε στυλ Zellerfeld και θα τον γεμίσει
- Συμπληρώστε με προϊόντα και αναρτήσεις μέσω του συνδέσμου - Instagram, TikTok, Facebook.
- Μεταφέρετε περιεχόμενο από τον παλιό σας ιστότοπο—απλώς καθορίστε τη διεύθυνση.
- Μοντέρνος σχεδιασμός στην καλύτερη μηχανή αναζήτησης: React ( Next.js) με απόδοση διακομιστή και βελτιστοποίηση SEO από την πρώτη στιγμή.
- Πλήρως αυτοματοποιημένη βελτιστοποίηση SEO για αποτελέσματα αναζήτησης και προτάσεις νευρωνικών δικτύων.
Παρόμοια στυλ
- Airbnb — Ένας ήσυχος λευκός τοίχος γκαλερί με έναν μόνο κοραλλιογενή σελιδοδείκτη
- Apple (España) — λευκή βιτρίνα γκαλερί
- Silencio — Ένα λευκό δωμάτιο με αιωρούμενα αντικείμενα. Μια γκαλερί από ζεστό χαρτί, όπου κάθε στοιχείο καταλαμβάνει τη θέση του σε ένα φόντο αρνητικού όγκου, και η σιωπή είναι μια σκόπιμη σχεδιαστική απόφαση.
- Oakâme — Ένα ηλιόλουστο εργαστήριο Προβηγκίας σκαλισμένο από ζεστή πέτρα
- Nike — Μια μονόχρωμη συλλογή αθλητικών επιτευγμάτων – λευκοί τοίχοι, το προϊόν ως έργο τέχνης, χρώμιο διαλυμένο στο φόντο
- Arc — βιομηχανική λευκή γκαλερί πάνω από το νερό των μεσάνυχτων
- Rivian — Ένας ηλεκτρικός μονόλιθος στον τσιμεντένιο τοίχο της γκαλερί. Η Rivian παρουσιάζει κάθε όχημα ως γλυπτό σε έναν απέραντο λευκό χώρο, με τυπογραφία τόσο μεγάλη που γίνεται αρχιτεκτονικό στοιχείο, και ένα μόνο ζεστό κίτρινο που σπάει τη μονοχρωματική ατμόσφαιρα, σαν ηλιακό φως σε μια ματ επιφάνεια.
- Analogue — Μαύρη προθήκη γκαλερί – τα αγαθά αιωρούνται στο κενό
- ddna — ζεστή μουσειακή προθήκη σε ακατέργαστο λινό
- UY Studio — Η πέτρινη στοά του μοναστηριού είναι ένας ήσυχος χώρος με τσιμεντένιους τοίχους, όπου μπουκάλια αρωμάτων στέκονται σε λευκές βάσεις, φωτισμένες από μία λάμπα 400 watt και τέσσερις ζεστές γκρι λάμπες.
- Basic.Space — επιμελητική γκαλερί σε λευκό μάρμαρο
- COS — μια μοντέρνα γκαλερί με λευκούς τοίχους