Bang & Olufsen
Σκανδιναβική γκαλερί σε πορσελάνη. Όταν η σελίδα B&O είναι σκοτεινή, το έργο φωτίζεται, σαν γλυπτό σε μια εσοχή τα μεσάνυχτα. Όταν φωτίζεται, το έργο φαίνεται να αιωρείται πάνω σε λευκό μετάξι, χωρίς τίποτα άλλο να αποσπά την προσοχή του.
Η Bang & Olufsen λειτουργεί με βάση την αρχή της γκαλερί-μουσείου: σχεδόν λευκοί καμβάδες από πορσελάνη στους οποίους τα προϊόντα αιωρούνται σαν γλυπτά αντικείμενα, διακόπτονται από περιστασιακά χρωματικά ένθετα που εκτείνονται σε όλο το πλάτος της οθόνης - ένα βαθύ ιώδες ultramarine που καταλαμβάνει ολόκληρη την οθόνη, μερικές φορές ένα πλούσιο κόκκινο τερακότα - για συναισθηματικές πινελιές. Η τυπογραφία είναι μια ενιαία, ειδικά σχεδιασμένη νεο-γκροτέσκ γραμματοσειρά (BeoSupreme) που μιλάει από μόνη της: μόλις αισθητή σε μεγάλες οθόνες, γενναιόδωρα γεμάτα κεφαλαία γράμματα σε μικρο-ετικέτες, δεν απαιτούνται άλλες γραμματοσειρές. Τα στοιχεία έχουν μειωθεί στο ελάχιστο: ημιδιαφανή χειριστήρια σε σχήμα χαπιού, λεπτά περιγράμματα, χωρίς διακοσμητικές σκιές, χωρίς κουμπιά διαβάθμισης, χωρίς εικονίδια. Το πλέγμα είναι γενναιόδωρο, ο αρνητικός χώρος είναι πολυτέλεια. Κάθε προϊόν έχει τη δική του πλίνθο. το γύρω λευκό είναι χώρος. Το χρώμα κατανέμεται σαν ένα πολύτιμο υλικό - όταν εμφανίζεται, καταλαμβάνει ολόκληρο το πλαίσιο.
Το κοντέινερ μέγιστου πλάτους 1440px είναι κεντραρισμένο και έχει 25px οριζόντια περιθώρια στις άκρες. Το στοιχείο hero καταλαμβάνει ολόκληρο το πλάτος της σελίδας (διασπώντας το κοντέινερ) και η κάμερα ultramarine εκτείνεται από άκρη σε άκρη. Τα πλέγματα προϊόντων είναι ομοιόμορφα διατεταγμένα σε 4-5 στήλες με κενά 25px και κάνουν οριζόντια κύλιση σε κινητές συσκευές. Οι ενότητες εναλλάσσονται μεταξύ λευκού φόντου και έγχρωμων καμερών πλήρους πλάτους—ο ρυθμός έχει ως εξής: λευκό πλέγμα προϊόντων → στοιχείο hero ultramarine → λευκό πλέγμα προϊόντων → πλούσιο κόκκινο banner σύνταξης → λευκό πλέγμα προϊόντων → υποσέλιδο ultramarine. Η πλοήγηση είναι μια μινιμαλιστική επάνω γραμμή που αιωρείται πάνω από τις λευκές και έγχρωμες ενότητες (το κείμενο είναι ανεστραμμένο σε λευκό σε σκούρο φόντο). Η σελίδα "αναπνέει"—τα κενά μεταξύ των ενοτήτων είναι 60-80px, τα μεμονωμένα προϊόντα έχουν τον δικό τους χώρο μέσα στα κελιά και δεν υπάρχει πυκνότητα πληροφοριών.
Η φωτογραφία προϊόντων είναι το μοναδικό οπτικό στοιχείο: δεν υπάρχουν εικόνες lifestyle, μοντέλα ή περιβαλλοντικό πλαίσιο. Τα προϊόντα γυρίζονται σε καθαρά ουδέτερα φόντα (λευκό, μαύρο και σκούρο μπλε σε ντεγκραντέ) με ελεγχόμενο φωτισμό στούντιο που αναδεικνύει τα υλικά: ματ αλουμίνιο, υφή δέρματος, ανοδιωμένος χαλκός και ματ σιλικόνη. Το κόψιμο είναι σφιχτό, κεντραρισμένο και το κύριο θέμα τονίζεται. Η απόδοση των χρωμάτων είναι απαλή και κατάλληλη για το υλικό: ο χαλκός γίνεται αντιληπτός ως χαλκός, όχι ως «χρυσή ώρα». Τα δευτερεύοντα οπτικά μοτίβα περιλαμβάνουν αραιές σιλουέτες προϊόντων πλήρους οθόνης σε αντίθεση με πλούσια, μονοχρωματικά επίπεδα (υπερμαρίνιο, κόκκινο τερακότα) για δραματικές εκδοτικές στιγμές. Εικονογραφία: λεπτή γραμμή 1px, μονόχρωμο μαύρο σε λευκό ή λευκό σε σκούρο, γεωμετρικό, χωρίς γέμισμα, χωρίς πολυχρωμία.
Παλέτα
Μάρκα
- Ultramarine Velvet
#060daa— Εικόνες φόντου στο επάνω και στο κάτω μέρος των σελίδων, εντυπωσιακά τμήματα που εκτείνονται σε όλο το πλάτος της σελίδας και γεμίσματα υποσέλιδου—ένα πλούσιο, σχεδόν μαύρο-μπλε-βιολετί χρώμα που χρησιμοποιείται για να καλύψει ολόκληρα καρέ και να δώσει μια θεατρική αίσθηση σε ένα μόνο προϊόν.
Ουδέτερος
- Porcelain Canvas
#ffffff— Οι εικόνες φόντου σελίδας, ο σχεδιασμός της κάρτας προϊόντος και οι γραμμές πλοήγησης αποτελούν τη θεμελιώδη βάση πάνω στην οποία βασίζεται κάθε προϊόν. - Bone
#fcfaee— Μια δευτερεύουσα επιφάνεια για μπλοκ σε ζεστούς, ουδέτερους τόνους, κείμενο κουμπιού σε σκούρο φόντο, ένας εναλλακτικός καμβάς όταν το λευκό δίνει την αίσθηση αποστείρωσης. - Obsidian
#191817— Το κύριο κείμενο και το κείμενο περιγραφής προϊόντος έχουν ένα ζεστό, σχεδόν μαύρο χρώμα που φαίνεται πιο απαλό από το καθαρό #000000 σε λευκό φόντο. - Pure Ink
#000000— Περιγράμματα εικονιδίων, μικροετικέτες, διακριτικά περιγράμματα και οι πιο έντονες αντιθέσεις κειμένου. - Graphite
#555555— Δευτερεύον κείμενο, μεταδεδομένα, ετικέτες τιμών, σιωπηλό βοηθητικό κείμενο - Mist
#e5e5e5— Λεπτά όρια δεδομένων εισόδου και ο μόνος δομικός διαχωριστής στο σύστημα.
Τυπογραφία
από 12 έως 36px · 5 βήματα
- BeoSupreme — αντικατάσταση: Neue Haas Grotesk Display Pro (closest) · περιγράμματα 400, 500, 700 · Μία ενιαία γραμματοσειρά που αντικατοπτρίζει ολόκληρη την ταυτότητα της επωνυμίας. Για τίτλους και επικεφαλίδες: βάρος 500–700, 24–36px με μικρή απόσταση μεταξύ των γραμμάτων (-0,056em → -0,014em) για αξιόπιστους, συνοπτικούς τίτλους. Για κείμενο σώματος και περιβάλλον χρήστη: βάρος 400, 14–16px, κανονική απόσταση μεταξύ των γραμμάτων, απόσταση μεταξύ των γραμμάτων 1,5–1,7. Μικροετικέτες (πλοήγηση, εικονίδια, το σύνθημα "Ιδρύθηκε το 1925"): βάρος 500, 9–12px με μεγάλη απόσταση μεταξύ των γραμμάτων έως +0,143em, εμφανίζονται με κεφαλαία γράμματα για χρήση ως διακριτικές αρχιτεκτονικές σχολιασμοί. Δεν υπάρχει άλλη ανταγωνιστική γραμματοσειρά.
- object-fit: cover; object-position: center; — αντικατάσταση: Inter · περιγράμματα 400 · προσαρμογή-αντικειμένου: κάλυμμα· θέση-αντικειμένου: κέντρο· - βρέθηκε στα εξαγόμενα δεδομένα αλλά δεν περιγράφεται από την Τεχνητή Νοημοσύνη.
Διαστήματα και μορφή
| Σκοπός | Εννοια |
|---|---|
| Πυκνότητα | πυκνός |
| Βασικό βήμα | 8-16px |
| Ακτίνα κουμπιού | 40px |
| Ακτίνα κάρτας | 0px |
| Σκιές | χωρίς περιγράμματα αντί για σκιές |
| Μεταξύ τμημάτων | 60-80px |
| Πλάτος σελίδας | 1440px |
Η Τεχνητή Νοημοσύνη θα δημιουργήσει τον ιστότοπό σας σε στυλ Bang & Olufsen και θα τον γεμίσει
- Συμπληρώστε με προϊόντα και αναρτήσεις μέσω του συνδέσμου - Instagram, TikTok, Facebook.
- Μεταφέρετε περιεχόμενο από τον παλιό σας ιστότοπο—απλώς καθορίστε τη διεύθυνση.
- Μοντέρνος σχεδιασμός στην καλύτερη μηχανή αναζήτησης: React ( Next.js) με απόδοση διακομιστή και βελτιστοποίηση SEO από την πρώτη στιγμή.
- Πλήρως αυτοματοποιημένη βελτιστοποίηση SEO για αποτελέσματα αναζήτησης και προτάσεις νευρωνικών δικτύων.
Παρόμοια στυλ
- Structured — Αναγεννησιακή γκαλερί σε χαρτί σαν πλαστελίνη
- Apple (España) — Η γκαλερί του μουσείου, σε απαλό φως ημέρας, είναι ένας ενιαίος, σαγηνευτικός, χωρίς βαρύτητα λευκός χώρος, με κάθε έκθεμα να φωτίζεται από έναν προβολέα σε έναν ελαφρώς φιμέ τοίχο.
- Apple (España) — Η βιτρίνα της Obsidian Gallery είναι μια σκοτεινή αίθουσα εκθέσεων όπου ένα μόνο αντικείμενο τιτανίου λάμπει σε ένα κατάμαυρο φόντο.
- 099 SUPPLY — Ένας τοίχος γκαλερί γεμάτος με ασπρόμαυρα αντικείμενα
- Custo — Μια γκαλερί σε χρώμα gunmetal με μονολιθική γραμματοσειρά. Ένας εκθεσιακός χώρος σε απαλούς γκριζοπράσινους τόνους, όπου ένα μόνο σκούρο αντικείμενο και μια γραμματοσειρά 57px μιλούν από μόνα τους.
- Apple (España) — Η Πινακοθήκη του Λευκού Μουσείου το μεσημέρι
- VITURE — Μια παρουσίαση προϊόντος με νέον πίσω από τζάμια μεσονυχτίου – ένας σκοτεινός εκθεσιακός χώρος όπου μια πορτοκαλί ακτίνα διαπερνά το σκοτάδι, φωτίζοντας ένα ζευγάρι γυαλιά σε μια βάση.
- HNST Studio — Ένα άνετο στούντιο με λεκιασμένα από τη σκουριά λινά υφάσματα είναι μια γκαλερί αργής μόδας όπου μια μοναδική πινελιά καμένου πορτοκαλί ζεσταίνει το κατά τα άλλα μοναστικό εσωτερικό του κρεμ και του ανθρακί.
- OFFFICE : — μια γκαλερί νουάρ τυλιγμένη σε μονολιθική γραμματοσειρά
- ARTU — Τοίχος γκαλερί σε λευκό χαρτί. Το ARTU αντιμετωπίζει τον χώρο προβολής σαν ένα μουσειακό σκηνικό - φωτογραφίες προϊόντων μεγάλης κλίμακας, διακριτικά σημάδια και μια πινελιά λάιμ στο κάτω μέρος που ολοκληρώνει τη σύνθεση.
- Specht Studio — Ένας τοίχος γκαλερί γεμάτος διακριτική περιέργεια. Το χρωμιωμένο φινίρισμα του στούντιο είναι μια λευκή επιφάνεια και μαύρα γράμματα. Τα οπτικά πυροτεχνήματα επικεντρώνονται εξ ολοκλήρου στα πλακάκια του έργου.
- MindMarket — Ένα ζεστό βιβλίο παραμυθιού σε κρεμ χαρτί - ένας φιλικός εκδοτικός καμβάς όπου μεγάλοι τίτλοι της Inter και κομμένοι χάρτινοι χαρακτήρες συνυπάρχουν σε μια ηλιόλουστη, μαλακή σαν αυτοκόλλητο επιφάνεια.