
Electronic Materials Office
Μια λαμπερή χόβολη σε μια στοά διακοσμημένη με κάρβουνο
Το Γραφείο Ηλεκτρονικών Υλικών είναι ένα εργαστήριο που λειτουργεί αργά το βράδυ: ένας ματ μαύρος καμβάς, ένα μόνο λαμπερό πορτοκαλί χρώμα και μια γραμματοσειρά που ψιθυρίζει αντί να δηλώνει. Η διεπαφή αντιμετωπίζει κάθε οθόνη σαν ένα σκοτεινό στούντιο—οι φωτογραφίες του πληκτρολογίου είναι η μόνη πραγματική πηγή φωτός και το περιβάλλον χρήστη την υπακούει. Οι τίτλοι, τοποθετημένοι σε GT-Flexa βάρους 200, αιωρούνται σε έναν τεράστιο αρνητικό χώρο. Το κείμενο του σώματος είναι σκόπιμα μικρό και ανθρωπιστικό (Times). Το χρώμα μετριέται: καθαρό λευκό για γραμματοσειρά, απαλό μωβ (#9e9eff) για συνδέσμους και μία μόνο πορτοκαλί (#f45500) παρότρυνση για δράση στη σελίδα που λάμπει με τη δική της λάμψη 30px. Τα στοιχεία ταιριάζουν σφιχτά σε ακτίνα 20px, τα περιγράμματα είναι μόλις αισθητά στο #9d9d9d και οι μόνες σκιές στο σύστημα είναι δύο χρωματιστά φωτοστέφανα γύρω από την κύρια ενέργεια.
Ένας καμβάς πλήρους πλάτους, σε σχήμα ανθρακί με περιεχόμενο στο κέντρο, μέγιστου πλάτους (~1200px). Η κύρια οθόνη ξεκινά με μια κάρτα πολυμέσων ακτίνας 20px που περιέχει ένα βίντεο προϊόντος, καταλαμβάνοντας περίπου το 80% του πλάτους του παραθύρου προβολής, ακολουθούμενη αμέσως από μια επικεφαλίδα GT-Flexa 200 πολλαπλών γραμμών που αναδιπλώνεται σχεδόν στο πλήρες πλάτος του περιεχομένου. Ρυθμός ενότητας: μια ενιαία ενότητα περιγραφής προϊόντος με κεφαλαία γράμματα σε στυλ Tobias, ακολουθούμενη από ένα πλέγμα 2x2 (στην επιφάνεια εργασίας) καρτών περιγραφής προϊόντος. Οι κάρτες χρησιμοποιούν περιγράμματα 1px #9d9d9d και υδρορροές 24px μεταξύ τους. Γενναιόδωρη κάθετη αναπνοή—οι ενότητες χωρίζονται από 48–128px αρνητικού χώρου σε σχήμα ανθρακί αντί για διαχωριστικά. Η πλοήγηση είναι ένα ενιαίο, διαφανές πλαίσιο αγκυρωμένο στην κορυφή, με ένα σύμπλεγμα κρυφών συνδέσμων και μια ενιαία παρότρυνση για δράση Ember. Χωρίς πλαϊνή μπάρα, χωρίς mega-μενού, χωρίς δευτερεύουσα πλοήγηση.
Οι εικόνες προορίζονται μόνο για σκοπούς επίδειξης προϊόντος—μια κοντινή λήψη μακροεντολής του πληκτρολογίου Altar I σε εντελώς μαύρο φόντο, με οπίσθιο φωτισμό από πάνω, που κάνει το περίβλημα να λάμπει και τα πλήκτρα να αντανακλούν το φως γύρω από τις άκρες. Χωρίς τρόπο ζωής, χωρίς ανθρώπινα χέρια, χωρίς περιβαλλοντικό πλαίσιο. Η εικόνα έχει υψηλή αντίθεση και είναι σκούρα. Το μόνο χρώμα εκτός της μονόχρωμης παλέτας είναι ο πορτοκαλί διακόπτης λειτουργίας στο ίδιο το πληκτρολόγιο, ο οποίος αντικατοπτρίζει την παρότρυνση για δράση του Ember Orange. Οι εικόνες είναι τετράγωνες ή 16:9, τοποθετημένες πάντα σε κάρτες με ακτίνα 20px και εκτείνονται πέρα από τις άκρες της κάρτας (δεν υπάρχει γέμισμα γύρω από τη φωτογραφία και το κείμενο βρίσκεται κάτω από την άκρη). Στυλ εικονιδίου: η μόνη εικονογραφία είναι ένας μικρός γεμάτος κύκλος (●) πριν από το λογότυπο—μια μονή πορτοκαλί κουκκίδα, πάχους ~6px.
Παλέτα
Μάρκα
- Ember Orange
#f45500— Το κύριο κουμπί δράσης με γέμισμα είναι η μόνη χρωματική επιφάνεια στο περιβάλλον χρήστη, συνοδευόμενη πάντα από ένα πορτοκαλί φωτοστέφανο 30px, κάνοντάς το να λάμπει σαν νήμα. Η εξωτερική λάμψη 30px στο κύριο κουμπί κλήσης αντιγράφει το σύμβολο εξαγώνου Ember Orange, αλλά υπάρχει ως σκιά και όχι ως γέμισμα, κάνοντας το κουμπί να φαίνεται φωτισμένο από μέσα.
Ουδέτερος
- Studio Charcoal
#202020— Οι επιφάνειες από καμβά και χαρτόνι είναι σαν το δάπεδο μιας σκοτεινής γκαλερί, ποτέ εντελώς μαύρες, έτσι ώστε το μάτι να μπορεί να ξεκουραστεί στις απαλές άκρες. - Bone White
#ffffff— Κύριο κείμενο, λεπτά περιγράμματα στις εικόνες και μια σπάνια ανεστραμμένη επιφάνεια. Ολόκληρη η ιεραρχία γραμματοσειρών διατηρείται ανεξάρτητα. - Ash Gray
#9d9d9d— Το σίγαση κειμένου, τα διακριτικά περιγράμματα καρτών και οι ανενεργές λεζάντες είναι οι μόνες αποχρώσεις του μεσαίου γκρι στο χρωματικό σχήμα, οι οποίες χρησιμοποιούνται όταν το λευκό είναι πολύ έντονο. - Mid Felt
#eaeaea— Ένα ελαφρύ επιφανειακό πλύσιμο για ανεστραμμένα πάνελ ή modal πλέγματα - μια απόχρωση του λευκού που βρίσκεται ανάμεσα στο μπεζ και τον σκούρο καμβά. - Carbon
#000000— Η πιο εντυπωσιακή έμφαση δίνεται στις πινελιές με εικονίδια και στα πλαίσια με αντίθεση, όπου ο καμβάς με κάρβουνο είναι πολύ ανοιχτόχρωμος για να κρατήσει καλά το σχήμα του. - Lavender Link
#9e9eff— Το χρώμα του ενσωματωμένου συνδέσμου και το περίγραμμα του πρόσθετου πλαισίου δράσης δημιουργούν μια απαλή, ψυχρή αντίθεση με το ζεστό πορτοκαλί, διασφαλίζοντας ότι οι δράσεις είναι ευανάγνωστες στο ανθρακί φόντο.
Τυπογραφία
από 16 έως 86px · 8 βήματα
- GT-Flexa — αντικατάσταση: Inter (200/400) or Manrope (200/400) · περιγράμματα 200, 400 · Η κύρια γραμματοσειρά για επικεφαλίδες και διακοσμητικά στοιχεία. Το βάρος των 200 επιτρέπει κάθε επικεφαλίδα άνω των 24px—αυτό είναι ένα χαρακτηριστικό στυλ: στα 68px και 86px, τα γράμματα φαίνεται να διαλύονται στην ατμόσφαιρα αντί να φωνάζουν. Το βάρος των 400 είναι κατάλληλο για υποεπικεφαλίδες και λεζάντες καρτών, όπου είναι μόλις ακουστά. Η απόσταση μεταξύ των γραμμών μειώνεται στο 1,0 στα μεγαλύτερα μεγέθη, έτσι ώστε η διακοσμητική γραμματοσειρά να στοιβάζεται η μία πάνω στην άλλη σαν στήλη αέρα.
- Tobias-light — αντικατάσταση: Söhne Buch or Inter Tight · περιγράμματα 400 · Ένα δευτερεύον τυπογραφικό στυλ για τις επικεφαλίδες ενοτήτων και το λογότυπο του υποσέλιδου. Χρησιμοποιείται ένα βήμα κάτω από το GT-Flexa 200 για να δημιουργήσει μια τονική αντίθεση—το Tobias έχει μια πιο αρχιτεκτονική, εκφραστική αίσθηση, ενώ το GT-Flexa είναι πιο ατμοσφαιρικό. Η αρνητική απόσταση μεταξύ των γραμμάτων περιορίζει τις ευρείες αναλογίες του Tobias Light.
- Times — αντικατάσταση: Source Serif 4 or PT Serif · περιγράμματα 400 · Το κυρίως κείμενο και οι παράγραφοι των επικεφαλίδων αποτελούν σκόπιμο αντίστιξη στις γεωμετρικές, διακοσμητικές γραμματοσειρές, που χρησιμοποιούν serifs. Οι serifs προσθέτουν ζεστασιά και συντακτική αυθεντία στις περιγραφές των προϊόντων χωρίς να υπερβαίνουν το μέγεθος του κυρίως κειμένου.
Διαστήματα και μορφή
| Σκοπός | Εννοια |
|---|---|
| Πυκνότητα | πυκνός |
| Βασικό βήμα | 4-8px |
| Ακτίνα κουμπιού | 20px |
| Ακτίνα κάρτας | 20px |
| Σκιές | χωρίς περιγράμματα αντί για σκιές |
| Μεταξύ τμημάτων | 48-128px |
| Πλάτος σελίδας | 1200px |
Η Τεχνητή Νοημοσύνη θα δημιουργήσει τον ιστότοπό σας σε στυλ Electronic Materials Office και θα τον γεμίσει
- Συμπληρώστε με προϊόντα και αναρτήσεις μέσω του συνδέσμου - Instagram, TikTok, Facebook.
- Μεταφέρετε περιεχόμενο από τον παλιό σας ιστότοπο—απλώς καθορίστε τη διεύθυνση.
- Μοντέρνος σχεδιασμός στην καλύτερη μηχανή αναζήτησης: React ( Next.js) με απόδοση διακομιστή και βελτιστοποίηση SEO από την πρώτη στιγμή.
- Πλήρως αυτοματοποιημένη βελτιστοποίηση SEO για αποτελέσματα αναζήτησης και προτάσεις νευρωνικών δικτύων.
Παρόμοια στυλ
- OFFFICE : — μια γκαλερί νουάρ τυλιγμένη σε μονολιθική γραμματοσειρά
- Bibliothèque — Μια μαύρη γκαλερί σε σχήμα κύβου κάτω από προβολέα – μια μοναχική φωτισμένη πλάκα σε μια τεράστια, σκοτεινή αίθουσα
- 21 TSI — Ένα κατακόκκινο κενό, μια ενιαία σιλουέτα – ένα editorial υψηλής ραπτικής όπου η διεπαφή χρήστη διαλύεται στην ατμόσφαιρα
- Structured — Αναγεννησιακή γκαλερί σε χαρτί σαν πλαστελίνη
- CHAIBOY — Ένας μαύρος τοίχος γκαλερί με μία μόνο φωτιζόμενη φωτογραφία
- Holiday 100 — Μια συλλογή από δώρα τα μεσάνυχτα—ένας σερίφ τίτλος χρησιμεύει ως προβολέας, ένας σκοτεινός καμβάς ως βελούδινος τοίχος και κάθε εικόνα προϊόντος κρέμεται σαν ένα προσεκτικά επιλεγμένο πλαίσιο.
- Apple (España) — Η γκαλερί του μουσείου, σε απαλό φως ημέρας, είναι ένας ενιαίος, σαγηνευτικός, χωρίς βαρύτητα λευκός χώρος, με κάθε έκθεμα να φωτίζεται από έναν προβολέα σε έναν ελαφρώς φιμέ τοίχο.
- Analogue — Μαύρη προθήκη γκαλερί – τα αγαθά αιωρούνται στο κενό
- Apple (España) — Η βιτρίνα της Obsidian Gallery είναι μια σκοτεινή αίθουσα εκθέσεων όπου ένα μόνο αντικείμενο τιτανίου λάμπει σε ένα κατάμαυρο φόντο.
- Studio Oker — Μια σκοτεινή γκαλερί με κατακόκκινες πινελιές—ένα δωμάτιο με χαρτοφυλάκιο επενδεδυμένο με μαύρους τοίχους, όπου λευκά γράμματα μοιάζουν να αιωρούνται και ένας μόνο κόκκινος ψίθυρος διακόπτει τη σιωπή.
- 099 SUPPLY — Ένας τοίχος γκαλερί γεμάτος με ασπρόμαυρα αντικείμενα
- Retool — Ένα ζεστό εργαστήριο οψιδιανού - μια επιφάνεια για εργαλεία ακριβείας, φωτισμένη από αναμμένα κάρβουνα, όπου δημιουργούνται τα πάντα