Allbirds
Φυσικά υλικά σε λευκό λινό
Το Allbirds λειτουργεί με μια ήρεμη, φυσική αυτοπεποίθηση—έναν σχεδόν εξ ολοκλήρου αχρωματικό καμβά, που συμπληρώνεται από ζεστή άμμο (#e0dacf) και απαλούς γήινους τόνους που προέρχονται απευθείας από φωτογραφίες προϊόντων. Η διεπαφή χρήστη δεν επηρεάζει την εμπειρία του προϊόντος: λευκές επιφάνειες, λεπτά περιγράμματα, πλοήγηση με κεφαλαία γράμματα και χειριστήρια σε σχήμα χαπιού που μοιάζουν περισσότερο με φυσικά κουμπιά παρά με στοιχεία ιστού. Η Self Modern (μια προσαρμοσμένη γραμματοσειρά serif) χρησιμοποιείται για τις λίγες κρίσιμες στιγμές που απαιτούν συντακτική προσοχή—επικεφαλίδες και ονόματα συλλογών—ενώ η Geograph χρησιμοποιείται για κάθε γράμμα, κείμενο σώματος και κουμπί σε τρία ισορροπημένα βάρη. Οι κάρτες κατηγοριών γίνονται ένα σύστημα χρωμάτων: η καθεμία παίρνει την απόχρωση φόντου της από το προϊόν που παρουσιάζεται, μετατρέποντας την πλοήγηση σε μια ζωντανή παλέτα Pantone.
Το μέγιστο πλάτος είναι ~1200px, στο κέντρο με γενναιόδωρη πλευρική επένδυση. Το κύριο στοιχείο είναι μια λωρίδα σύνταξης πλήρους πλάτους σε φόντο ζεστής άμμου με ένα μεγάλο καρουζέλ προϊόντος που ακτινοβολεί από το κέντρο. Η πλοήγηση κατηγορίας είναι ένα πλέγμα τεσσάρων πανομοιότυπων έγχρωμων καρτών σε τέσσερις στήλες, καθεμία από τις οποίες περιέχει ένα μόνο μοντέλο παπουτσιού στο κέντρο. Κάτω από την πτυχή, η διάταξη εναλλάσσεται μεταξύ διαχωρισμένων πάνελ πλήρους πλάτους (φωτογραφία lifestyle στα αριστερά + δείγμα προϊόντος στα δεξιά) και κεντραρισμένων καρουζέλ προϊόντων κάτω από έναν μικρό, υπογραμμισμένο τίτλο ενότητας. Ο συνολικός ρυθμός είναι: πίνακας σύνταξης πλήρους πλάτους → πλέγμα τεσσάρων στηλών → καρουζέλ προϊόντος στο κέντρο → διαχωρισμός δύο στηλών → καρουζέλ προϊόντος στο κέντρο. Η απόσταση μεταξύ των ενοτήτων είναι 40-56px, δημιουργώντας ευάερες αλλά όχι υπερβολικές μεταβάσεις. Η πλοήγηση είναι μια μινιμαλιστική, σταθερή επάνω γραμμή με κεντραρισμένους κύριους συνδέσμους.
Η φωτογραφία είναι ολόκληρο το οπτικό σύστημα. Όλες οι λήψεις προϊόντων είναι κοντινές, από μια ελαφριά γωνία, σε ένα συμπαγές φόντο που ταιριάζει ή συμπληρώνει το χρώμα έμφασης του παπουτσιού, μετατρέποντας ουσιαστικά κάθε φωτογραφία σε μια χρωματική μελέτη. Οι φωτογραφίες lifestyle τραβήχτηκαν σε ζεστούς, ηλιόλουστους τόνους, σε φυσικά τοπία (χωράφια αγαύης, ξύλινες βεράντες, ανώμαλο έδαφος), διακριτικά απαλά για να ταιριάζουν με την απαλή παλέτα. Δεν υπάρχουν εικόνες, δεν υπάρχουν τρισδιάστατες απεικονίσεις, δεν υπάρχουν αφηρημένα γραφικά. Σε συνεργασία με την Pantone, η κυριολεκτική χρωματική παλέτα χρησιμοποιείται ως γραφικό στοιχείο. Η εικονογραφία είναι μινιμαλιστική και μονόχρωμη (εικονίδια περιγράμματος σε θέσεις πλοήγησης και βοηθητικές θέσεις).
Παλέτα
Ουδέτερος
- Canvas White
#ffffff— Εικόνες φόντου σελίδας, επιφάνειες καρτών, εικόνες φόντου κάρτας προϊόντος. - Charcoal
#212121— Υποστηρίζεται ένα ουδέτερο χρώμα για δευτερεύοντα στοιχεία διεπαφής χρήστη, διαχωριστικά και ετικέτες με σίγαση. Δεν θα πρέπει να χρησιμοποιείται ως κύριο χρώμα για παροτρύνσεις για δράση. - True Black
#000000— Επικεφαλίδες, εικονίδια, πλαίσια υψηλής αντίθεσης, κείμενο πλοήγησης. - Warm Sand
#e0dacf— Φόντο κύριου τμήματος, πρόσθετη απόχρωση επιφάνειας, μεγάλα συντακτικά πάνελ. - Olive Char
#222519— Υποστηρίζεται ένα ουδέτερο χρώμα για δευτερεύοντα στοιχεία διεπαφής χρήστη, διαχωριστικά και ετικέτες με σίγαση. Δεν θα πρέπει να χρησιμοποιείται ως κύριο χρώμα για παροτρύνσεις για δράση. - Iron Gray
#525252— Δευτερεύον κείμενο, βοηθητικό κείμενο, διακριτικά πλαίσια.
Τυπογραφία
από 12 έως 40px · 6 βήματα
- Self Modern — αντικατάσταση: Playfair Display · περιγράμματα 400 · Οι τίτλοι και τα άρθρα χρησιμοποιούνται με φειδώ, επισημαίνοντας βασικές φράσεις και τίτλους συλλογών. Οι γραμματοσειρές serif και italic σπάνε τη μονοτονία των γραμματοσειρών sans-serif και μεταφέρουν το μήνυμα: «Αυτή είναι η ουσία της ιστορίας».
- Geograph — αντικατάσταση: Inter · περιγράμματα 400, 500, 700 · Η κύρια γραμματοσειρά για το περιβάλλον χρήστη περιλαμβάνει κείμενο σώματος, ετικέτες πλοήγησης, κουμπιά, επικεφαλίδες προϊόντων, υποσέλιδα, πεδία εισαγωγής και εικονίδια. 500 για επισημασμένες επικεφαλίδες, 700 για ονόματα προϊόντων. Η μεγάλη απόσταση μεταξύ των γραμμάτων (0,025em–0,10em) σε κεφαλαία γράμματα σε ετικέτες πλοήγησης και κατηγορίες καθιερώνει ένα συνεπές στυλ επωνυμίας.
- HurmeGeometricSans3 — αντικατάσταση: Inter · περιγράμματα 400 · Σπάνια χρησιμοποιείται ως εφεδρική ή ειδική ετικέτα για ένα κουμπί. Το Geograph χρησιμοποιεί αυτό το σύστημα καθημερινά.
Διαστήματα και μορφή
| Σκοπός | Εννοια |
|---|---|
| Πυκνότητα | πυκνός |
| Βασικό βήμα | 8-16px |
| Ακτίνα κουμπιού | 9999px (pill) |
| Ακτίνα κάρτας | 16px |
| Σκιές | χωρίς περιγράμματα αντί για σκιές |
| Μεταξύ τμημάτων | 40-56px |
| Πλάτος σελίδας | 1200px |
Η Τεχνητή Νοημοσύνη θα δημιουργήσει τον ιστότοπό σας σε στυλ Allbirds και θα τον γεμίσει
- Συμπληρώστε με προϊόντα και αναρτήσεις μέσω του συνδέσμου - Instagram, TikTok, Facebook.
- Μεταφέρετε περιεχόμενο από τον παλιό σας ιστότοπο—απλώς καθορίστε τη διεύθυνση.
- Μοντέρνος σχεδιασμός στην καλύτερη μηχανή αναζήτησης: React ( Next.js) με απόδοση διακομιστή και βελτιστοποίηση SEO από την πρώτη στιγμή.
- Πλήρως αυτοματοποιημένη βελτιστοποίηση SEO για αποτελέσματα αναζήτησης και προτάσεις νευρωνικών δικτύων.
Παρόμοια στυλ
- Lightship — Ένα κινηματογραφικό διοράμα του ανοιχτού δρόμου. Ζεστοί κρεμ τοίχοι γκαλερί διακοσμημένοι με μεγάλες φωτογραφίες τοπίων τοποθετημένες σε κοντινά διαστήματα, λεπτές μαύρες γραμματοσειρές μόλις που διακρίνονται στα κάδρα, και μια μοναδική φωτεινή πορτοκαλί πινελιά που σπάει τη μονόχρωμη σαν φωτιά σε λιβάδι.
- Faire ES — χονδρικός κατάλογος ζεστής κρέμας
- Adanola — Ένα editorial lookbook σε λευκό χαρτί. Μια φωτογράφιση μόδας όπου η τυπογραφία και η φωτογραφία αναπνέουν σε καθαρές λευκές επιφάνειες, με μαύρο μελάνι για την γραμματοσειρά και μια διακριτική, χαρακτηριστική γραμματοσειρά sans-serif (Favorit), που αντανακλά το συνολικό στυλ της μάρκας.
- Oura Ring — Ένα ζεστό εργαστήριο παρασκευής βρώμης, λουσμένο στο απαλό φως της ημέρας
- Stykka — Ένα σκανδιναβικό εργαστήριο σε λευκό φως – ένας ήσυχος, χειροποίητος εκθεσιακός χώρος όπου η μόνη φωνή είναι η φωτογραφία
- DJI — Αεροδιαστημικός μαύρος καμβάς με μία μόνο ηλεκτρίκ μπλε ανταύγεια
- Altitude Beverages — Μονόχρωμο εξώφυλλο περιοδικού. Φανταστείτε ένα εξώφυλλο περιοδικού μόδας χωρίς κανένα χρώμα εκτός από τις φωτογραφίες—το κείμενο και ο λευκός χώρος αφηγούνται όλη την ιστορία.
- AATHER — Μια ανοιχτή παλάμη, μια μοναδική φλόγα - μια ήσυχη πολυτέλεια που περιέχεται στην ηρεμία
- Cowboy — Μια βελγική γκαλερί ποδηλάτων σε ένα κατάλευκο πορσελάνινο περιβάλλον. Ένας εκθεσιακός χώρος όπου οι ματ επιφάνειες, οι μεγάλες γραμματοσειρές που χρησιμοποιούνται στα εκδοτικά υλικά και η σχεδόν απουσία διακόσμησης τραβούν την προσοχή στο ποδήλατο και το περιεχόμενό του.
- Refero — Σύνταξη σε λευκό μάρμαρο - μια σελίδα προϊόντος που δημιουργήθηκε από τυπογράφο, όπου ο τίτλος serif είναι η επαγγελματική κάρτα της μάρκας και όλα τα άλλα είναι διακριτικά.
- Face Formula — Ένα σκανδιναβικό πορτρέτο του εκδότη. Ένα ήρεμο, περιοδικού στιλ πορτραίτο, όπου το βλέμμα του μοντέλου και ο τίτλος, γραμμένοι με συμπυκνωμένη γραμματοσειρά serif, μιλούν από μόνα τους σε ένα δροσερό, ομιχλώδες φόντο.
- Shupatto — Προθήκη μουσείου σε λευκό μάρμαρο