ORYZO AI
Ένα φωτογραφικό δοκίμιο για έναν σκοτεινό θάλαμο. Ένα μοναχικό αντικείμενο που αιωρείται στο ζεστό σκοτάδι, με κρεμ γραμματοσειρά τη μόνη διακόσμηση.
Το οπτικό σύστημα του ORYZO αντιμετωπίζει κάθε μεμονωμένο αντικείμενο προϊόντος ως μουσειακό έκθεμα: έναν καμβά σε ζεστούς, σκούρους τόνους, κρεμώδη γραμματοσειρά που αιωρείται σε μεγάλο αρνητικό χώρο και πλήρη απουσία στοιχείων διεπαφής που ανταγωνίζονται τη φόρμα. Όλα τα στοιχεία κειμένου είναι γραμμένα με κεφαλαία γράμματα και γραμματοσειρά βάρους 500, με εξαίρεση το κύριο κείμενο στα 29px/400, το οποίο είναι το μόνο στοιχείο συνομιλίας του συστήματος. Ένα μόνο, φωτεινό πορτοκαλί χρώμα χρησιμοποιείται μόνο για γραμμές απόδοσης και συνδέσμους στούντιο—ποτέ για κουμπιά ή παροτρύνσεις για δράση—εξ ου και η σπανιότητά του. Η διάταξη εναλλάσσεται μεταξύ δύο λειτουργιών: ενός φωτογραφικού ήρωα (το προϊόν σε πλαίσιο με εργαλεία και υλικά) και μιας λειτουργίας εμφάνισης που βασίζεται σε κενό (το προϊόν απομονωμένο σε ένα ζεστό, σκούρο φόντο), που συνδέονται με λεπτά, διακεκομμένα διαχωριστικά και χειριστήρια σε σχήμα χαπιού.
Ολόκληρη η σελίδα έχει απεριόριστο πλάτος—δεν υπάρχει κοντέινερ μέγιστου πλάτους και κάθε ενότητα καταλαμβάνει 100vw. Αρχική οθόνη: μια φωτογραφία πλήρους οθόνης από πάνω προς τα κάτω με ένα τεράστιο λογότυπο ORYZO (51px+) στην επάνω αριστερή γωνία, ένα σλόγκαν από πάνω, σταθερή μινιμαλιστική πλοήγηση στην επάνω δεξιά γωνία, μια κάθετη πλαϊνή μπάρα κατά μήκος της δεξιάς άκρης, μια ημιδιαφανή κάρτα πληροφοριών στην κάτω αριστερή γωνία και μια μικρογραφία βίντεο στην κάτω δεξιά γωνία. Επόμενες ενότητες: ένας καμβάς Walnut Shadow πλήρους οθόνης με κεντρική τρισδιάστατη απόδοση του προϊόντος που περιβάλλεται από έναν τίτλο με αριστερή ευθυγράμμιση και ένα αντίγραφο σώματος με δεξιά ευθυγράμμιση—ένα πλέγμα τριών στηλών (κείμενο/αντικείμενο/κείμενο) με φαρδιά κενά 18px. Οι μεταβάσεις μεταξύ των ενοτήτων είναι ομαλές, σκούρες σε σκούρο φόντο. τα μόνα κενά είναι λεπτά διακεκομμένα διαχωριστικά. Η πλοήγηση είναι σταθερή, διαφανής, με μέγιστο 4 στοιχεία. Δεν υπάρχει πλαϊνή μπάρα, ούτε χρώμιο στο υποσέλιδο, ούτε κάρτες μέσα στις κάρτες—κάθε οθόνη μοιάζει με μία οντότητα.
Οι φωτογραφίες είναι εκδοτικού χαρακτήρα, τραβηγμένες από την κορυφή προς τα κάτω και εντός του πλαισίου: ένα σουβέρ από φελλό ακουμπάει σε ένα πράσινο χαλάκι κοπής, περιτριγυρισμένο από μολύβια, ένα μαχαίρι χειροτεχνίας και έναν συνδετήρα - τα εργαλεία του εμπορίου ορατά στο πλαίσιο. Το πράσινο χαλάκι κοπής (#445231) είναι μόνο ένα στοιχείο προβολής, όχι ένα στοιχείο UI. Τα τμήματα που είναι αφιερωμένα στην παρουσίαση προϊόντων κυριαρχούνται από τρισδιάστατες απεικονίσεις: το σουβέρ από φελλό εμφανίζεται απομονωμένο σε φόντο Walnut Shadow, φωτισμένο από πάνω δεξιά με ένα ζεστό φως στο χείλος, με εναλλασσόμενες γωνίες από πάνω προς τα κάτω έως τα τρία τέταρτα. Δεν υπάρχουν φωτογραφίες τρόπου ζωής, δεν υπάρχουν άνθρωποι, δεν υπάρχουν εικόνες αρχείου - το αντικείμενο είναι ο πρωταγωνιστής και τα εργαλεία είναι το πλαίσιό του. Οι εικόνες καταλαμβάνουν ολόκληρη την οθόνη, έχουν καθαρές άκρες (χωρίς στρογγυλεμένες μάσκες) και υποβάλλονται σε επεξεργασία με υψηλή αντίθεση και διόρθωση ζεστού χρώματος.
Παλέτα
Ουδέτερος
- Warm Cream
#ffedd7— Ανοιχτόχρωμο κείμενο σε σκοτεινές επιφάνειες, ανεστραμμένες λεζάντες και εικόνες υψηλής αντίθεσης. - Walnut Shadow
#100904— Ο καμβάς της σελίδας και το πιο βαθύ φόντο είναι ζεστά, σχεδόν μαύρα, αλλά όχι εντελώς μαύρα. Ένα κενό παραμονεύει πίσω από κάθε ανακοίνωση προϊόντος. - Bark Brown
#382416— Η ανυψωμένη επιφάνεια και το γεμάτο φόντο του κουμπιού βρίσκονται ένα χρωματικό βήμα πάνω από τον καμβά και χρησιμοποιούνται για μια ενιαία, συνεχή παρότρυνση για δράση. - Cork Border
#40372e— Λεπτές διαχωριστικές γραμμές, διακεκομμένα διαχωριστικά τμημάτων, μόλις αισθητά περιγράμματα δοχείων – ένα βήμα πιο ζεστά από τον ίδιο τον καμβά. - Driftwood
#6c5f51— Ένα ζεστό, μεσαίου τόνου γκρι για δευτερεύοντα χωρίσματα και απαλά δομικά στοιχεία, γεφυρώνει το χάσμα μεταξύ Bark και Cream. - Ember Accent
#dc5000— Το πορτοκαλί χρησιμοποιείται για την επισήμανση συνδέσμων, ετικετών και σύντομων φράσεων.
Τυπογραφία
από 18 έως 51px · 5 βήματα
- halyard-display-variable — αντικατάσταση: Inter or Söhne · περιγράμματα 400, 500 · Μία μόνο γραμματοσειρά. Το βάρος 500 με βήμα 51px χρησιμοποιείται για τις επικεφαλίδες, επιδεικνύοντας εξαιρετική σιγουριά στη χρήση κεφαλαίων γραμμάτων. Η ίδια γραμματοσειρά με βήμα 400/29px γίνεται η μοναδική γραμματοσειρά για το κυρίως κείμενο, χρησιμοποιώντας μικτή πεζά-κεφαλαία. Η απόσταση μεταξύ των γραμμάτων παραμένει στάνταρ—τα γεωμετρικά σχήματα κάνουν τη δουλειά τους χωρίς συμπίεση. Για πιο δομική αντιστοίχιση, μπορείτε να χρησιμοποιήσετε τα 'Inter', 'Söhne' ή 'Neue Haas Grotesk'.
- Arial — αντικατάσταση: system-ui · περιγράμματα 400, 500 · Ένα εφεδρικό σύστημα για ετικέτες microlegal (κεφαλαία γράμματα 8px, π.χ., "* ADOBE ILLUSTRATOR"). Δεν πρόκειται για απόφαση σχεδιασμού, αλλά για απαίτηση για αυτόματα δημιουργούμενες αποποιήσεις ευθύνης συστήματος.
Διαστήματα και μορφή
| Σκοπός | Εννοια |
|---|---|
| Πυκνότητα | μέσος |
| Βασικό βήμα | 18px |
| Ακτίνα κουμπιού | 8px |
| Ακτίνα κάρτας | 12px |
| Σκιές | χωρίς περιγράμματα αντί για σκιές |
Η Τεχνητή Νοημοσύνη θα δημιουργήσει τον ιστότοπό σας σε στυλ ORYZO AI και θα τον γεμίσει
- Συμπληρώστε με προϊόντα και αναρτήσεις μέσω του συνδέσμου - Instagram, TikTok, Facebook.
- Μεταφέρετε περιεχόμενο από τον παλιό σας ιστότοπο—απλώς καθορίστε τη διεύθυνση.
- Μοντέρνος σχεδιασμός στην καλύτερη μηχανή αναζήτησης: React ( Next.js) με απόδοση διακομιστή και βελτιστοποίηση SEO από την πρώτη στιγμή.
- Πλήρως αυτοματοποιημένη βελτιστοποίηση SEO για αποτελέσματα αναζήτησης και προτάσεις νευρωνικών δικτύων.
Παρόμοια στυλ
- 21 TSI — Ένα κατακόκκινο κενό, μια ενιαία σιλουέτα – ένα editorial υψηλής ραπτικής όπου η διεπαφή χρήστη διαλύεται στην ατμόσφαιρα
- Ysl — Στιγμιότυπο από ασπρόμαυρη ταινία - ένα μοντέλο κάτω από ένα λογότυπο, τίποτα άλλο δεν επιτρέπεται
- Channel Studio — Ένα φωτογραφικό εργαστήριο στούντιο με ένα κοραλί αμπαζούρ
- Assembly Coffee London — Κάρβουνα σε ένα σκοτεινό ψησταριά. Ένας σχεδόν μαύρος καμβάς με ζεστές, αμυδρά φωτισμένες φωτογραφίες προϊόντων και καλλιγραφικά γράμματα σερίφ — η αίσθηση ενός μενού ειδικού καφέ τυπωμένου σε ένα μεταμεσονύκτιο σαμιζντάτ.
- PostNew — Μια γκαλερί ανοιχτή μετά τις ώρες λειτουργίας και σχεδιασμένη στο φως της ημέρας
- Factory — Το τερματικό του «αίθουσας πολέμου» τα μεσάνυχτα. Το «εργοστάσιο» είναι ένας κατάμαυρος πίνακας ελέγχου όπου μια μόνο λευκή κάρτα προσγειώνεται σαν αποστολή φωτισμένη με φακό — το μόνο αντικείμενο στο δωμάτιο είναι η ίδια η εργασία.
- Numbered — Μια φωτογράφιση μόδας σε μαύρο βελούδο. Μια σχεδόν μαύρη πασαρέλα, όπου το κάδρο είναι γεμάτο με ένα μόνο πρόσωπο, με τα μόνα σημάδια να είναι το λευκό μελάνι και μια μόλις αισθητή χάλκινη κλωστή.
- Apple (España) — μαύρο θέατρο με φωτιζόμενα εξαρτήματα
- Home page | Impossible Foods — Μια αιματοβαμμένη πανκ αφίσα σε βελούδινο σκοτάδι. Ένα ειδικά σχεδιασμένο, συμπιεσμένο πανό θολώνει σε έναν καμβά στο χρώμα του κρασιού, ενώ έντονες κόκκινες εκκλήσεις για δράση διαγράφονται σαν μια ετικέτα τιμής σε ένα χασάπη.
- Ferrari — Ένα ξέφρενο καβαλλίνο σε μαύρο μάρμαρο. Μαύρα κενά που διακόπτονται από το αδιαμφισβήτητο κόκκινο της Ferrari, τα λευκά κεφαλαία γράμματα και τα κινηματογραφικά πλάνα πλήρους πλάτους.
- OpenSea — Μαύρο τερματικό συναλλαγών με ματ μπλε πλαίσιο
- Arthursimonini — Πρόγραμμα ταινιών τυπωμένο με μαύρο μελάνι