COS
μια μοντέρνα γκαλερί με λευκούς τοίχους
Το COS χρησιμοποιεί την οπτική γραμματική μιας γκαλερί σύγχρονης τέχνης: απέραντους λευκούς τοίχους, μονόχρωμες φωτογραφίες μεγάλου μεγέθους και τυπογραφία που δεν επηρεάζει τα μοντέλα. Η διεπαφή είναι ουσιαστικά άχρωμη - αχρωματική - χρησιμοποιώντας σχεδόν μαύρο (#080808) σε καθαρό λευκό (#ffffff) ως τη μόνη δομική αντίθεση, με μια μόνο πινελιά κόκκινου (#c80000) να προορίζεται ως διακριτική έμφαση για στιγμές που θα έπρεπε να φαίνονται επείγουσες αλλά όχι εμφανείς. Η απόσταση είναι γενναιόδωρη και κατάλληλη από άποψη σύνταξης, με τις εσοχές των ενοτήτων να φτάνουν τα 135px και τα στοιχεία να διαλύονται στη σελίδα: λεπτά περιγράμματα στο #dadada, χωρίς σκιές, χωρίς διαβαθμίσεις, χωρίς στρογγυλεμένες γωνίες. Η τυπογραφία (SuisseIntl) είναι το μόνο στολίδι - μια ενιαία γκροτέσκα οικογένεια γραμματοσειρών που παραμένει συνεπής από τις μικρο-ετικέτες των 12px έως τις περιγραφές κατηγοριών των 35px, μετατοπιζόμενη ελαφρώς προς το θετικό για να θυμίζει τις γραμματοσειρές της γκαλερί.
Το μοντέλο σελίδας πλήρους ύψους—ο καμβάς εκτείνεται από άκρη σε άκρη χωρίς κοντέινερ μέγιστου πλάτους και το περιεχόμενο αγκυρώνεται διαιρώντας εικόνες και λευκό χώρο αντί για μια κεντρική στήλη. Ο ήρωας είναι μια κάθετη διαίρεση 50/50 δύο συντακτικών πορτρέτων πλήρους πλάτους, τόσο κυρίαρχη που χρησιμεύει ως η δομική κάρτα της επωνυμίας. Κάτω από τον ήρωα, οι ενότητες εναλλάσσονται μεταξύ μπλοκ κειμένου σε λευκό φόντο (κεντραρισμένο, σε μία μόνο στήλη) και πρόσθετων εικόνων πλήρους ύψους. Ο κάθετος ρυθμός είναι ευρύχωρος: τα κενά μεταξύ των ενοτήτων δημιουργούν μια αίσθηση χώρου μεταξύ των λωρίδων, όπως σε έναν τοίχο μουσείου. Η πλοήγηση είναι μια ενιαία λεπτή λευκή λωρίδα με ένα κεντρικό λογότυπο και έναν επιλογέα τοπικής ρύθμισης με δεξιά ευθυγράμμιση—δεν υπάρχει οριζόντια γραμμή κατηγορίας, ούτε ορατό mega-μενού στο κύριο πλαίσιο. Η πυκνότητα πληροφοριών είναι χαμηλή: μία δήλωση ανά ενότητα, μία εικόνα ανά ιδέα.
Οι φωτογραφίες μόδας μεγάλου μεγέθους, σχεδιασμένες από το περιοδικό, κυριαρχούν στη σελίδα—πορτρέτα πλήρους πλάτους και λήψεις τριών τετάρτων μοντέλων, υπό ελεγχόμενο φωτισμό στούντιο, κυρίως ουδέτερες και απαλές με ζεστούς τόνους. Οι εικόνες είναι πυκνά τοποθετημένες, γεμίζοντας τον χώρο από άκρη σε άκρη, χωρίς στρογγυλεμένες γωνίες, διακοσμητικές μάσκες ή επάλληλα πλαίσια. Μια χαρακτηριστική τεχνική είναι το πλαίσιο «δύο πορτρέτα δίπλα-δίπλα» (MUJER / HOMBRE): δύο εξίσου σημαντικά πορτρέτα τοποθετημένα δίπλα-δίπλα, το καθένα με μία ετικέτα κατηγορίας στην κάτω αριστερή γωνία. Οι φωτογραφίες πλαισιώνονται σαν εκτυπώσεις γκαλερί—το θέμα είναι εμφανές, το πλαίσιο απουσιάζει, η ανθρώπινη κλίμακα απουσιάζει και η παλέτα είναι μονόχρωμη. Χωρίς σκηνές από τη ζωή, χωρίς στηρίγματα, χωρίς ανάγλυφα φόντα.
Παλέτα
Ουδέτερος
- Canvas White
#ffffff— Μια ελαφριά επιφάνεια στήριξης για τη δημιουργία ενός διακριτικού φόντου και τον διαχωρισμό των τμημάτων. Δεν πρέπει να χρησιμοποιείται ως το κύριο χρώμα για την παρότρυνση για δράση. - Ink Black
#080808— Κείμενο σώματος, εικονίδια, σύνδεσμοι, τύπος πλοήγησης, περιγράμματα κουμπιών, λογότυπο, κείμενο υποσέλιδου - ένα πιο απαλό χρώμα από το καθαρό μαύρο για να αποτρέπεται η εμφάνιση των φωτογραφιών πολύ ευκρινών σε σχέση με αυτό. - True Black
#000000— Επικάλυψη του κύριου κειμένου σε σκούρες εικόνες, κείμενο σώματος, ετικέτες κουμπιών - το καθαρό μαύρο χρησιμοποιείται μόνο για τα πιο αντίθετα τυπογραφικά στοιχεία. - Mist Gray
#dadada— Λεπτά περιγράμματα, υπογραμμισμένα πεδία εισαγωγής, διακριτικά διαχωριστικά, περιγράμματα όταν είναι απενεργοποιημένα—η πιο ήσυχη ουδέτερη απόχρωση, ορατή μόνο από αυτό που διαχωρίζει. - Signal Red
#c80000— Το κόκκινο χρώμα χρησιμεύει ως πρόσθετη πινελιά στις διακοσμητικές λεπτομέρειες και για την έμφαση στις χαμηλές συχνότητες.
Τυπογραφία
από 12 έως 35px · 3 βήματα
- SuisseIntl — αντικατάσταση: Neue Haas Grotesk Display · περιγράμματα 400, 500, 700 · Μία μόνο γραμματοσειρά χρησιμοποιείται σε όλη τη διεπαφή για την πλοήγηση, το κυρίως κείμενο, τις επικεφαλίδες, τα κουμπιά και τις περιγραφές προϊόντων. Η θετική απόσταση μεταξύ των γραμμάτων (0,01–0,04em) είναι ασυνήθιστη για μια γραμματοσειρά οθόνης και βελτιώνει την αίσθηση ενός έντυπου καταλόγου. Το βάρος 700 προορίζεται για τις περιγραφές κατηγοριών, 500 για την πλοήγηση και τα κουμπιά και 400 για όλα τα υπόλοιπα. Η επωνυμία είναι συνεπής με μια ενιαία οικογένεια γραμματοσειρών και ένα πολύ στενό εύρος μεγέθους (12–35px)—η γραμματοσειρά δεν υπερισχύει ποτέ.
Διαστήματα και μορφή
| Σκοπός | Εννοια |
|---|---|
| Πυκνότητα | ευρύχωρος |
| Βασικό βήμα | 8px |
| Ακτίνα κουμπιού | 0px |
| Ακτίνα κάρτας | 0px |
| Σκιές | χωρίς περιγράμματα αντί για σκιές |
| Μεταξύ τμημάτων | 135px |
Η Τεχνητή Νοημοσύνη θα δημιουργήσει τον ιστότοπό σας σε στυλ COS και θα τον γεμίσει
- Συμπληρώστε με προϊόντα και αναρτήσεις μέσω του συνδέσμου - Instagram, TikTok, Facebook.
- Μεταφέρετε περιεχόμενο από τον παλιό σας ιστότοπο—απλώς καθορίστε τη διεύθυνση.
- Μοντέρνος σχεδιασμός στην καλύτερη μηχανή αναζήτησης: React ( Next.js) με απόδοση διακομιστή και βελτιστοποίηση SEO από την πρώτη στιγμή.
- Πλήρως αυτοματοποιημένη βελτιστοποίηση SEO για αποτελέσματα αναζήτησης και προτάσεις νευρωνικών δικτύων.
Παρόμοια στυλ
- Airbnb — Ένας ήσυχος λευκός τοίχος γκαλερί με έναν μόνο κοραλλιογενή σελιδοδείκτη
- Apple (España) — λευκή βιτρίνα γκαλερί
- Silencio — Ένα λευκό δωμάτιο με αιωρούμενα αντικείμενα. Μια γκαλερί από ζεστό χαρτί, όπου κάθε στοιχείο καταλαμβάνει τη θέση του σε ένα φόντο αρνητικού όγκου, και η σιωπή είναι μια σκόπιμη σχεδιαστική απόφαση.
- Oakâme — Ένα ηλιόλουστο εργαστήριο Προβηγκίας σκαλισμένο από ζεστή πέτρα
- Nike — Μια μονόχρωμη συλλογή αθλητικών επιτευγμάτων – λευκοί τοίχοι, το προϊόν ως έργο τέχνης, χρώμιο διαλυμένο στο φόντο
- Arc — βιομηχανική λευκή γκαλερί πάνω από το νερό των μεσάνυχτων
- Rivian — Ένας ηλεκτρικός μονόλιθος στον τσιμεντένιο τοίχο της γκαλερί. Η Rivian παρουσιάζει κάθε όχημα ως γλυπτό σε έναν απέραντο λευκό χώρο, με τυπογραφία τόσο μεγάλη που γίνεται αρχιτεκτονικό στοιχείο, και ένα μόνο ζεστό κίτρινο που σπάει τη μονοχρωματική ατμόσφαιρα, σαν ηλιακό φως σε μια ματ επιφάνεια.
- Analogue — Μαύρη προθήκη γκαλερί – τα αγαθά αιωρούνται στο κενό
- ddna — ζεστή μουσειακή προθήκη σε ακατέργαστο λινό
- Zellerfeld — Ένα εργαστήριο γλύπτη σε λευκό μάρμαρο—οι μονολιθικές επιφάνειες του βάθρου, μια μοναδική σπίθα κοβαλτίου, ένας ψίθυρος πεζών γραμμάτων από το δάπεδο μέχρι την οροφή
- UY Studio — Η πέτρινη στοά του μοναστηριού είναι ένας ήσυχος χώρος με τσιμεντένιους τοίχους, όπου μπουκάλια αρωμάτων στέκονται σε λευκές βάσεις, φωτισμένες από μία λάμπα 400 watt και τέσσερις ζεστές γκρι λάμπες.
- Basic.Space — επιμελητική γκαλερί σε λευκό μάρμαρο