Custo
Μια γκαλερί σε χρώμα gunmetal με μονολιθική γραμματοσειρά. Ένας εκθεσιακός χώρος σε απαλούς γκριζοπράσινους τόνους, όπου ένα μόνο σκούρο αντικείμενο και μια γραμματοσειρά 57px μιλούν από μόνα τους.
Το Custo λειτουργεί ως μια γκαλερί βιομηχανικών προϊόντων: ένας ζεστός μεταλλικός καμβάς χρησιμεύει ως φόντο για το φυσικό προϊόν, ενώ η τυπογραφία μεγάλου μεγέθους χρησιμεύει ως ο κύριος οπτικός εξωραϊσμός. Το σύστημα είναι αυστηρά αχρωματικό - χωρίς χρωματικά χρώματα - επιτρέποντας στο σκούρο ανοδιωμένο γραμματοκιβώτιο και τη γεωμετρική βαρύτητα μιας ενιαίας γραμματοσειράς sans-serif να μεταφέρουν ολόκληρη την προσωπικότητα της μάρκας. Κάθε οθόνη εξισορροπεί τον εκτεταμένο λευκό χώρο με μια μνημειώδη τυπογραφική δήλωση, με το σήμα της μάρκας να επαναλαμβάνεται ως ένα σχεδόν αρχιτεκτονικό στοιχείο. Οι επιφάνειες είναι επίπεδες και ματ. Το βάθος δημιουργείται μέσω της ανακλαστικότητας του ίδιου του προϊόντος, όχι μέσω σκιών ή διαβαθμίσεων.
Η διάταξη σελίδας είναι μια κατακόρυφα διατεταγμένη δομή μίας στήλης με μέγιστο πλάτος περιεχομένου ~1280px, κεντραρισμένη εντός του παραθύρου προβολής. Το κύριο στοιχείο σελίδας εκτείνεται σε ολόκληρο το πλάτος της σελίδας, αποδίδεται σε Canvas Gunmetal #9ea29f από άκρη σε άκρη, με μια φωτογραφία ενός γραμματοκιβωτίου στο κέντρο στα δεξιά και ένα λογότυπο CUSTO® 57px να αγκυροβολεί την κάτω άκρη. Κάτω από το κύριο στοιχείο, οι ενότητες εναλλάσσονται: ένα μπλοκ κειμένου δύο στηλών (μικρή λεζάντα στα αριστερά, μεγάλος τίτλος στα δεξιά), ακολουθούμενο από ένα οριζόντιο πλέγμα τριών καρτών εικόνας προϊόντος, στη συνέχεια σειρές κειμένου και εικόνων δύο στηλών, με το κύριο κείμενο να εναλλάσσεται σε κάθε πλευρά. Τα κενά μεταξύ των ενοτήτων είναι 110px, δημιουργώντας σημαντικό κάθετο χώρο. Η πλοήγηση είναι μια ενιαία διαφανής επάνω γραμμή που σβήνει σε Paper White καθώς κάνετε κύλιση. Το εικονίδιο CES είναι ένα σταθερό, αιωρούμενο στοιχείο στην κάτω δεξιά γωνία. Ο συνολικός ρυθμός είναι σαν γκαλερί: λίγα στοιχεία σε κάθε ενότητα, μεγάλη γραμματοσειρά, μεγάλα κενά και μια φωτογραφία προϊόντος ως οπτική στίξη μεταξύ των λωρίδων κειμένου.
Οι εικόνες είναι καθαρά φωτογραφίες προϊόντος του γραμματοκιβωτίου Custo, τραβηγμένες σε τρεις λειτουργίες: πορτρέτα πλήρους μήκους στο μεταλλικό πλαίσιο, λήψεις lifestyle που καταδεικνύουν την ανθρώπινη αλληλεπίδραση με τη συσκευή και κοντινά πλάνα της διεπαφής σάρωσης και του δακτυλίου LED. Όλες οι φωτογραφίες εκτελούνται σε απαλούς τόνους υψηλής αντίθεσης, με το ματ μαύρο φινίρισμα του γραμματοκιβωτίου να χρησιμεύει ως οπτική άγκυρα. Δεν υπάρχουν εικόνες, αφηρημένα γραφικά ή φωτογραφίες αρχείου. Οι φωτογραφίες τοποθετούνται σε κάρτες ακτίνας 8px ή χρησιμοποιούνται σε πλήρη οθόνη πίσω από το λογότυπο 57px. Το εικονίδιο CES είναι η μόνη πολύχρωμη εικόνα σε ολόκληρο τον ιστότοπο.
Παλέτα
Ουδέτερος
- Canvas Gunmetal
#9ea29f— Το ζεστό γκριζοπράσινο φόντο των κύριων και θεματικών ενοτήτων διακρίνει το Custo από τα τυπικά λευκά πρότυπα SaaS και μοιάζει περισσότερο με αρχιτεκτονικό σκυρόδεμα παρά με ψηφιακή επιφάνεια. - Obsidian
#000000— Κείμενο σώματος, λεπτά περιγράμματα, γραμμές εικονιδίων - το μελάνι με την υψηλότερη αντίθεση στο σύστημα, που χρησιμοποιείται για επικεφαλίδες και δομικούς διαχωριστές. - Paper White
#ffffff— Εικόνες φόντου μερών του σώματος, ανεστραμμένο κείμενο σε καμβά με μεταλλικό περίβλημα, κείμενο σε σκούρο φόντο φωτογραφίας προϊόντος. - Anodized Graphite
#4b514d— Η σκούρα επιφάνεια για τη φωτογραφία προϊόντων, οι πρόσθετες επικεφαλίδες και το τρισδιάστατο κείμενο αντικατοπτρίζουν το φινίρισμα του γραμματοκιβωτίου, επομένως η διεπαφή χρήστη και το προϊόν είναι κατασκευασμένα από το ίδιο υλικό. - Brushed Steel
#8e9194— Το διακριτικό κείμενο στο σώμα, τα διαχωριστικά λίστας και τα πρόσθετα περιγράμματα εικονιδίων βρίσκονται ανάμεσα στο Paper White και το Obsidian για ενσωματωμένα μεταδεδομένα και διακριτικούς συνδέσμους. - Linen Mist
#a7aaad— Το ανοιχτό χρώμα του περιγράμματος και των διαχωριστικών για τις επικεφαλίδες και τις διαχωριστικές γραμμές είναι μια διακριτική απόχρωση που δεν ανταγωνίζεται ποτέ τις δομικές γραμμές του χρώματος του οψιδιανού.
Τυπογραφία
από 15 έως 57px · 5 βήματα
- PP Neue Montreal — αντικατάσταση: Inter · περιγράμματα 400 (Medium) · Ένα τυπογραφικό σύστημα μίας οικογένειας χρησιμοποιείται για τα πάντα, από το κυρίως κείμενο έως το επεξηγηματικό κείμενο—η γεωμετρική ομοιομορφία στο βάρος είναι το σήμα κατατεθέν, αποφεύγοντας τη χρήση δευτερευουσών ή ειδικών για την εμφάνιση γραμματοσειρών, επομένως το λεκτικό σήμα 'CUSTO®' που έχει οριστεί στα 57px διαβάζεται ως να ανήκει στην ίδια τυπογραφική οικογένεια με την ετικέτα πεδίου εισαγωγής φόρμας των 15px.
Διαστήματα και μορφή
| Σκοπός | Εννοια |
|---|---|
| Πυκνότητα | ευρύχωρος |
| Βασικό βήμα | 24px |
| Ακτίνα κουμπιού | 31.35px (pill) for primary action; 8px for secondary |
| Ακτίνα κάρτας | 8px |
| Σκιές | χωρίς περιγράμματα αντί για σκιές |
| Μεταξύ τμημάτων | 110px |
| Πλάτος σελίδας | 1280px |
Η Τεχνητή Νοημοσύνη θα δημιουργήσει τον ιστότοπό σας σε στυλ Custo και θα τον γεμίσει
- Συμπληρώστε με προϊόντα και αναρτήσεις μέσω του συνδέσμου - Instagram, TikTok, Facebook.
- Μεταφέρετε περιεχόμενο από τον παλιό σας ιστότοπο—απλώς καθορίστε τη διεύθυνση.
- Μοντέρνος σχεδιασμός στην καλύτερη μηχανή αναζήτησης: React ( Next.js) με απόδοση διακομιστή και βελτιστοποίηση SEO από την πρώτη στιγμή.
- Πλήρως αυτοματοποιημένη βελτιστοποίηση SEO για αποτελέσματα αναζήτησης και προτάσεις νευρωνικών δικτύων.
Παρόμοια στυλ
- 099 SUPPLY — Ένας τοίχος γκαλερί γεμάτος με ασπρόμαυρα αντικείμενα
- Specht Studio — Ένας τοίχος γκαλερί γεμάτος διακριτική περιέργεια. Το χρωμιωμένο φινίρισμα του στούντιο είναι μια λευκή επιφάνεια και μαύρα γράμματα. Τα οπτικά πυροτεχνήματα επικεντρώνονται εξ ολοκλήρου στα πλακάκια του έργου.
- Structured — Αναγεννησιακή γκαλερί σε χαρτί σαν πλαστελίνη
- Airbnb — Ένας ήσυχος λευκός τοίχος γκαλερί με έναν μόνο κοραλλιογενή σελιδοδείκτη
- VSCO — Ο μονόχρωμος τοίχος της γκαλερί είναι μια έκθεση ασπρόμαυρων φωτογραφιών, όπου ένα μόνο ζεστό προβολέα φωτίζει την ακόλουθη δράση.
- Apple (España) — Η γκαλερί του μουσείου, σε απαλό φως ημέρας, είναι ένας ενιαίος, σαγηνευτικός, χωρίς βαρύτητα λευκός χώρος, με κάθε έκθεμα να φωτίζεται από έναν προβολέα σε έναν ελαφρώς φιμέ τοίχο.
- Peak Design — Τοίχος γκαλερί, μερικώς φωτισμένος
- Apple (España) — Η βιτρίνα της Obsidian Gallery είναι μια σκοτεινή αίθουσα εκθέσεων όπου ένα μόνο αντικείμενο τιτανίου λάμπει σε ένα κατάμαυρο φόντο.
- Apple (España) — λευκή βιτρίνα γκαλερί
- teenage engineering — Βιομηχανικός κατάλογος φωτισμού στούντιο - το προϊόν είναι το μόνο σημαντικό αντικείμενο στη σελίδα και όλα τα άλλα συζητούνται γύρω από αυτό
- Apple (España) — Μια βιτρίνα γκαλερί στην πρωινή ομίχλη
- Apple (España) — Η Πινακοθήκη του Λευκού Μουσείου το μεσημέρι