INO
Μια μουσειακή προθήκη στη σιωπή – κάθε έκθεμα αιωρείται σε έναν λευκό χώρο, σαν ένα μόνο αντικείμενο πίσω από γυαλί, πλαισιωμένο από μια σχεδόν μαύρη, μόλις ακουστή γραμματοσειρά
Το INO λειτουργεί ως μια σχεδόν μονόχρωμη γκαλερί κοσμημάτων: ένας καθαρός λευκός καμβάς, ένα ενιαίο, ζεστό, σχεδόν μαύρο μελάνι και σχεδόν πλήρης απουσία χρώματος. Το οπτικό σύστημα αντιμετωπίζει κάθε δαχτυλίδι σαν μουσειακό έκθεμα - φωτογραφίες κλινικών προϊόντων που αιωρούνται σε έναν εκτεταμένο αρνητικό χώρο, με ιεραρχία που κατασκευάζεται μέσω της θέσης, της απόστασης μεταξύ των γραμμάτων και του όγκου του λευκού και όχι μέσω της κλίμακας ή του χρώματος της γραμματοσειράς. Η πλοήγηση βρίσκεται στο κάτω μέρος της σελίδας και αποτελείται από τέσσερις κουκκίδες με ετικέτες (γεμάτες ή κενές), μια σκόπιμη αντιστροφή της παραδοσιακής επάνω γραμμής ηλεκτρονικού εμπορίου. Το ίδιο το σήμα της μάρκας είναι ένα σύνολο ομόκεντρων περιγραμμάτων δακτυλίων, που αντανακλούν το σχήμα του προϊόντος και χρησιμεύουν ως τυπογραφικό γλυπτό και όχι ως λογότυπο.
Ένας καμβάς πλήρους πλάτους χωρίς μέγιστο όριο πλάτους περιεχομένου. Η κύρια οθόνη καταλαμβάνει ολόκληρο το πλάτος της σελίδας, με φωτογραφίες και γραφικά ομοιόμορφα κατανεμημένα (50/50). Τα πλέγματα προϊόντων εμφανίζονται ως γραμμές τριών στηλών με ένα γενναιόδωρο οριζόντιο περιθώριο από την άκρη του παραθύρου προβολής. Η κάτω πλοήγηση είναι κεντραρισμένη και αγκυρωμένη στο υποσέλιδο της σελίδας, αντί να είναι καρφιτσωμένη. Οι αλλαγές ενότητας χρησιμοποιούν είτε φωτογραφία σύνταξης πλήρους οθόνης είτε καθαρό λευκό χώρο—ποτέ χρωματική γραμμή, διαχωριστική γραμμή ή διαβάθμιση. Ο κάθετος ρυθμός είναι ελεύθερος: 80/1/1 μεταξύ των κύριων ενοτήτων, επιτρέποντας στη σελίδα να αναπνέει αντί να γεμίζει με περιεχόμενο. Δεν υπάρχει πλαϊνή μπάρα, ούτε mega-μενού, ούτε επάνω γραμμή κεφαλίδας—το λογότυπο "INO" βρίσκεται αποκλειστικά στην επάνω αριστερή γωνία της κύριας οθόνης.
Δύο ξεχωριστές λειτουργίες προβολής εικόνας συνυπάρχουν: η κλινική φωτογραφία προϊόντος σε ένα επίπεδο, ανοιχτό γκρι, απρόσκοπτο φόντο (κάθε δακτύλιος φωτογραφίζεται κεντραρισμένος, χωρίς χέρια, στυλιζαρισμένα στηρίγματα ή επιφανειακές σκιές - το αντικείμενο είναι ο πρωταγωνιστής) και οι αφηγηματικές εικόνες συντακτών (ένας δακτύλιος σε ένα κουτί με γρασίδι, ένα χέρι που κρατά μια αλυσίδα), που αποδίδονται ως αποκορεσμένα, πλήρους οθόνης αποσπάσματα συντακτών. Οι εικόνες προϊόντων χρησιμεύουν ως κάρτες προϊόντων. Οι εικόνες συντακτών μεταφέρουν την ατμόσφαιρα της μάρκας. Και οι δύο είναι μονόχρωμες ή σχεδόν μονόχρωμες - το γρασίδι στην κύρια εικόνα είναι η μόνη νότα πράσινου, και ακόμη και αυτό είναι σε απόχρωση δάσους. Δεν χρησιμοποιούνται εικονίδια στη διεπαφή - ένα σύμβολο ομόκεντρου δακτυλίου αντικαθιστά κάθε εικονογραφία.
Παλέτα
Ουδέτερος
- Obsidian Ink
#212123— Ουδέτερες καταστάσεις φόρμας, κείμενο εικονιδίου και διακριτική ανατροφοδότηση UI όπου τα χρωματικά σχήματα θα πρέπει να παραμένουν διακριτικά. - Bone
#ffffff— Σελίδες από καμβά, επιφάνειες από χαρτόνι, ανεστραμμένο κείμενο σε σκούρο φόντο. Η κυρίαρχη επιφάνεια· σχεδόν ολόκληρη η ιστοσελίδα βρίσκεται εδώ. - Carbon
#000000— Γέμισμα εικονιδίων, διακοσμητικά γραφικά περιγράμματα και γέμισμα ενεργής κατάστασης για την ένδειξη σημείου πλοήγησης. Χρησιμοποιείται με φειδώ για μέγιστη τονική αντίθεση με το χρώμα "οστού". - Ash
#999999— Περιγράμματα μέτριας αντίθεσης, περιγράμματα ελέγχου και δομικά διαχωριστικά. - Pebble
#a6a6a7— Υποτονικό υποστηρικτικό κείμενο, λεπτά διαχωριστικά για το κύριο κείμενο και τα δευτερεύοντα μεταδεδομένα. Το πιο ανοιχτό λειτουργικό γκρι χρησιμοποιείται για τις ετικέτες τιμών και το συνοδευτικό κείμενο που θα πρέπει να υποχωρεί στο φόντο.
Τυπογραφία
από 11 έως 18px · 4 βήματα
- Sequel100Wide — αντικατάσταση: Jost (400 · περιγράμματα 400 · Η μόνη εταιρική γραμματοσειρά που χρησιμοποιείται αποκλειστικά στο βάρος 400 σε όλα τα περιβάλλοντα - πλοήγηση, κείμενο σώματος, επικεφαλίδες, τίτλοι, τιμολόγηση και λεζάντες. Το γεωμετρικό σύμβολο με μεγάλη απόσταση μεταξύ των γραμμάτων αντικατοπτρίζει ολόκληρο το εταιρικό στυλ. Η έλλειψη έντονης βαρύτητας είναι σκόπιμη: η ιεραρχία επιτυγχάνεται μέσω της χρήσης κεφαλαίων, της απόστασης μεταξύ των γραμμάτων και της τοποθέτησης, αντί μέσω της μεταβολής του βάρους της γραμματοσειράς.
- Arial — αντικατάσταση: system-ui · περιγράμματα 400 · Ένα εφεδρικό σύστημα για την απόδοση κουμπιών σε παλαιότερα περιβάλλοντα. Δεν αποτελεί μέρος της επωνυμίας—εμφανίζεται μόνο εάν το Sequel100Wide δεν φορτώσει.
Διαστήματα και μορφή
| Σκοπός | Εννοια |
|---|---|
| Πυκνότητα | πυκνός |
| Βασικό βήμα | 23px |
| Ακτίνα κουμπιού | 50px |
| Ακτίνα κάρτας | 8px |
| Σκιές | χωρίς περιγράμματα αντί για σκιές |
| Μεταξύ τμημάτων | 80-120px |
Η Τεχνητή Νοημοσύνη θα δημιουργήσει τον ιστότοπό σας σε στυλ INO και θα τον γεμίσει
- Συμπληρώστε με προϊόντα και αναρτήσεις μέσω του συνδέσμου - Instagram, TikTok, Facebook.
- Μεταφέρετε περιεχόμενο από τον παλιό σας ιστότοπο—απλώς καθορίστε τη διεύθυνση.
- Μοντέρνος σχεδιασμός στην καλύτερη μηχανή αναζήτησης: React ( Next.js) με απόδοση διακομιστή και βελτιστοποίηση SEO από την πρώτη στιγμή.
- Πλήρως αυτοματοποιημένη βελτιστοποίηση SEO για αποτελέσματα αναζήτησης και προτάσεις νευρωνικών δικτύων.
Παρόμοια στυλ
- Airbnb — Ένας ήσυχος λευκός τοίχος γκαλερί με έναν μόνο κοραλλιογενή σελιδοδείκτη
- Peak Design — Τοίχος γκαλερί, μερικώς φωτισμένος
- 099 SUPPLY — Ένας τοίχος γκαλερί γεμάτος με ασπρόμαυρα αντικείμενα
- Apple (España) — λευκή βιτρίνα γκαλερί
- Apple (España) — Μια βιτρίνα γκαλερί στην πρωινή ομίχλη
- Custo — Μια γκαλερί σε χρώμα gunmetal με μονολιθική γραμματοσειρά. Ένας εκθεσιακός χώρος σε απαλούς γκριζοπράσινους τόνους, όπου ένα μόνο σκούρο αντικείμενο και μια γραμματοσειρά 57px μιλούν από μόνα τους.
- Silencio — Ένα λευκό δωμάτιο με αιωρούμενα αντικείμενα. Μια γκαλερί από ζεστό χαρτί, όπου κάθε στοιχείο καταλαμβάνει τη θέση του σε ένα φόντο αρνητικού όγκου, και η σιωπή είναι μια σκόπιμη σχεδιαστική απόφαση.
- Oakâme — Ένα ηλιόλουστο εργαστήριο Προβηγκίας σκαλισμένο από ζεστή πέτρα
- Nike — Μια μονόχρωμη συλλογή αθλητικών επιτευγμάτων – λευκοί τοίχοι, το προϊόν ως έργο τέχνης, χρώμιο διαλυμένο στο φόντο
- Sociotype — Ένα τυπικό μουσειακό δείγμα σε λευκό χαρτί
- Arc — βιομηχανική λευκή γκαλερί πάνω από το νερό των μεσάνυχτων
- Rivian — Ένας ηλεκτρικός μονόλιθος στον τσιμεντένιο τοίχο της γκαλερί. Η Rivian παρουσιάζει κάθε όχημα ως γλυπτό σε έναν απέραντο λευκό χώρο, με τυπογραφία τόσο μεγάλη που γίνεται αρχιτεκτονικό στοιχείο, και ένα μόνο ζεστό κίτρινο που σπάει τη μονοχρωματική ατμόσφαιρα, σαν ηλιακό φως σε μια ματ επιφάνεια.