Mercury
Αλπικές όχθες το σούρουπο
Η Mercury λειτουργεί μέσα σε μια αλπική τραπεζική αισθητική: ένας σχεδόν μαύρος καμβάς (#171721) δημιουργεί μια κινηματογραφική ατμόσφαιρα που θυμίζει παρατηρητήριο, όπου οι επιφάνειες περιεχομένου αιωρούνται σαν ελαφρώς πιο ανοιχτόχρωμες κάρτες γραφίτη. Η διεπαφή είναι κυρίως μονόχρωμη - κείμενο σε χρώμα ελεφαντόδοντου σε όνυχα, με ένα μόνο ζωντανό στοιχείο κοβαλτίου (#5266eb) που χρησιμοποιείται αποκλειστικά για την κεντρική λειτουργία "Ανοιχτού Λογαριασμού". Η τυπογραφία φέρει την κύρια εκφραστικότητα: μια προσαρμοσμένη γραμματοσειρά εμφάνισης 480 (ούτε έντονη ούτε ανοιχτόχρωμη) σε συνδυασμό με μια διακριτική γραμματοσειρά σώματος 400 δημιουργεί ένα σίγουρο αλλά ποτέ φανταχτερό στυλ. Τα στοιχεία είναι επίπεδα και χωρίς πλαίσιο, βασιζόμενα σε μια ακτίνα κάρτας γραφίτη 12px και χειριστήρια σε σχήμα κάψουλας για να ορίσουν τη δομή αντί για τις σκιές. Το κύριο στοιχείο φωτογραφίας, το οποίο καταλαμβάνει ολόκληρη την επιφάνεια της σελίδας - ομιχλώδη βουνά πάνω σε ένα μοναχικό τραπέζι - καθορίζει τον τόνο πριν ξεκινήσει η διεπαφή χρήστη, και κάθε επόμενο στοιχείο διατηρεί αυτό το ήσυχο, premium σκοτάδι.
Όλο το περιεχόμενο έχει σχεδιαστεί σε σκούρο στυλ πλήρους πλάτους. Η κύρια οθόνη είναι μια φωτογραφία πλήρους πλάτους 100px με κεντρικό τίτλο, υποκείμενο κείμενο και ένα μπλοκ φόρμας για τη συλλογή στοιχείων επικοινωνίας μέσω email (μέγιστο πλάτος ~640px). Κάτω από την κύρια οθόνη, το περιεχόμενο οργανώνεται σε ενότητες μέγιστου πλάτους 1200px με κατακόρυφα περιθώρια 72px, εναλλάσσοντας μεταξύ διάταξης κειμένου δύο στηλών στα αριστερά και εικόνας στα δεξιά, και καρτών περιγραφής προϊόντος τριών στηλών. Η πλοήγηση είναι μια διαφανής επάνω γραμμή που επικαλύπτεται στην κύρια οθόνη, η οποία, καθώς κάνετε κύλιση, μεταβαίνει σε ένα συμπαγές σκούρο γέμισμα που θυμίζει παγωμένο γυαλί (θάμπωμα φόντου). Το υποσέλιδο είναι σκούρο με κείμενο σημείωσης. Ο κάθετος ρυθμός είναι γενναιόδωρος - ευρύχωρη πυκνότητα με άφθονο χώρο μεταξύ των ενοτήτων. Δεν υπάρχει πλευρική πλοήγηση. όλη η πλοήγηση βρίσκεται στην επάνω γραμμή.
Η κύρια ενότητα κυριαρχείται από κινηματογραφικές φωτογραφίες πλήρους πλάτους - ατμοσφαιρικά, εμπνευσμένα τοπία (ομιχλώδη βουνά, απομονωμένοι χώροι εργασίας στη φύση) - που παρουσιάζουν την τραπεζική δραστηριότητα ως μια στοχαστική, εξαιρετική εμπειρία. Οι φωτογραφίες είναι υψηλής ποιότητας, ελαφρώς αποκορεσμένες, με ψυχρούς τόνους και μια διακριτική σκούρα επικάλυψη για να διατηρηθεί η αναγνωσιμότητα του κειμένου. Κάτω από την κύρια ενότητα, οι εικόνες εναλλάσσονται με στιγμιότυπα οθόνης της διεπαφής χρήστη του προϊόντος και αφηρημένα, ατμοσφαιρικά φόντα. Δεν υπάρχουν εικόνες, ούτε εικονίδια που μοιάζουν με έργα τέχνης - τα οπτικά στοιχεία είναι είτε φωτογραφικά είτε καθαρά λειτουργικά. Το στυλ εικονιδίων σε όλη τη διεπαφή χρήστη είναι ένα μινιμαλιστικό, ιβουάρ στυλ γραμμών/γλυφών που χρησιμοποιείται στην πλοήγηση, τα κουμπιά και τα στοιχεία φόρμας.
Παλέτα
Μάρκα
- Cobalt
#5266eb— Το μοβ χρησιμοποιείται για γεμάτα κουμπιά, επιλεγμένες καταστάσεις πλοήγησης και στιγμές μετατροπής που βασίζονται στην εστίαση.
Ουδέτερος
- Onyx Canvas
#171721— Φόντο κύριας σελίδας, βασική επικάλυψη για την αρχική οθόνη, καμβάδες για το υποσέλιδο και τις ενότητες. - Graphite Card
#1e1e2a— Οι υπερυψωμένες επιφάνειες του χαρτονιού και των τμημάτων είναι ένα βήμα ελαφρύτερες από τον καμβά, δημιουργώντας έναν ομαλό διαχωρισμό. - Obsidian Button
#272735— Επιπλέον γεμίσματα κουμπιών, ενσωματωμένα φόντα φόρμας, διακριτικές διαδραστικές επιφάνειες. - Slate Border
#70707d— Διαχωριστικά μεσαίου πάχους και δομικά όρια μεταξύ μπλοκ περιεχομένου. - Mist Border
#e2e3ed— Λεπτά, μόλις αισθητά περιγράμματα, μόλις αισθητά περιγράμματα κουμπιών, άκρες πεδίων εισαγωγής - ένα ανοιχτόχρωμο περίγραμμα σε σκούρο φόντο. - Ash Text
#c3c3cc— Κύριο κείμενο, βοηθητικό κείμενο, πρόσθετες ετικέτες - απλοποιημένη ιεραρχία χωρίς απώλεια αναγνωσιμότητας.
Τυπογραφία
από 12 έως 65px · 9 βήματα
- arcadia — αντικατάσταση: Inter · περιγράμματα 360, 400, 420, 480 · Κύρια και Χρήστη - Μια γραμματοσειρά για πλοήγηση, κυρίως κείμενο, κουμπιά, πεδία εισαγωγής, ετικέτες και βοηθητικό κείμενο, με βάρος 400 για το κυρίως κείμενο και 480 για έμφαση. Η ενδιάμεση κλίμακα βάρους (360, 420, 480) αντί για την τυπική (300/400/600) δίνει στο κείμενο Mercury μια σαφώς ισορροπημένη εμφάνιση - ποτέ έντονη, ποτέ λεπτή, πάντα μετρημένη.
- arcadiaDisplay — αντικατάσταση: Söhne Breit · περιγράμματα 360, 480, 530 · Η γραμματοσειρά για τις επικεφαλίδες και τα διακοσμητικά στοιχεία χρησιμοποιείται σε βάρος 480 για όλα τα μεγέθη επικεφαλίδων από 28px έως 65px, ενώ το βάρος 530 προορίζεται για τα μεγαλύτερα διακοσμητικά στοιχεία. Το χαμηλό ύψος γραμμής (1,1–1,2) και η θετική απόσταση μεταξύ των γραμμάτων (0,01–0,02em) δίνουν στο διακοσμητικό κείμενο μια ευρεία, αρχιτεκτονική εμφάνιση, αντί για τη συμπιεσμένη δομή που συναντάται στο κείμενο σύνταξης.
Διαστήματα και μορφή
| Σκοπός | Εννοια |
|---|---|
| Πυκνότητα | μέσος |
| Βασικό βήμα | 12px |
| Ακτίνα κουμπιού | 32px |
| Ακτίνα κάρτας | 12px |
| Σκιές | χωρίς περιγράμματα αντί για σκιές |
| Μεταξύ τμημάτων | 72px |
| Πλάτος σελίδας | 1200px |
Η Τεχνητή Νοημοσύνη θα δημιουργήσει τον ιστότοπό σας σε στυλ Mercury και θα τον γεμίσει
- Συμπληρώστε με προϊόντα και αναρτήσεις μέσω του συνδέσμου - Instagram, TikTok, Facebook.
- Μεταφέρετε περιεχόμενο από τον παλιό σας ιστότοπο—απλώς καθορίστε τη διεύθυνση.
- Μοντέρνος σχεδιασμός στην καλύτερη μηχανή αναζήτησης: React ( Next.js) με απόδοση διακομιστή και βελτιστοποίηση SEO από την πρώτη στιγμή.
- Πλήρως αυτοματοποιημένη βελτιστοποίηση SEO για αποτελέσματα αναζήτησης και προτάσεις νευρωνικών δικτύων.
Παρόμοια στυλ
- Origin Financial — Μια μεσονύκτια γκαλερί ήσυχης χλιδής. Ένα ήσυχο, σχεδόν σκοτεινό δωμάτιο όπου οι μεγάλες γραμματοσειρές serif και μερικά φωτισμένα χρωματιστά πάνελ δημιουργούν την αίσθηση ότι τα χρηματοοικονομικά είναι ένα προσεκτικά επιμελημένο έργο τέχνης.
- Air — γλυπτό "Μεσόνυχος Ουρανός Μέσα από Γυαλί"
- Slash — Μεσονύχτιο θησαυροφυλάκιο με επιχρυσωμένα καθολικά βιβλία
- dope.security — Μεσονύκτιος τερματικός σταθμός με μωβ φάρους
- Modal — Ένα φωσφορίζον τερματικό σε ένα σκοτεινό δωμάτιο διακομιστή - η μόνη πηγή φωτός είναι ένα φωτεινό πράσινο χρώμα
- Giga — Μεσονύχτιος ορίζοντας πάνω από παγωμένο οψιανό
- Dovetail — Κέντρο Ελέγχου Blueprint τα Μεσάνυχτα
- Dovetail — Ένα σχέδιο κάτω από ένα μαύρο φεγγάρι—μόλις ορατές γραμμές γραφήματος, λευκή γραμματοσειρά, μια μωβ λάμψη
- AgentQL — Βόρειο Σέλας πάνω από τον τερματικό σταθμό τη νύχτα
- Supabase — Ένας επεξεργαστής κώδικα τα μεσάνυχτα με μια φωσφοριζέ πράσινη κουκκίδα—ένας μοναδικός χρωματικός παλμός σε μια θάλασσα από σκόνη άνθρακα
- Changelog — Η κονσόλα του παρατηρητηρίου πίσω από το σκούρο γυαλί
- GitHub — Ένας πίνακας εντολών διαστήματος με βιοφωταυγή σημεία ελέγχου—ένας σκοτεινός, ατμοσφαιρικός χώρος εργασίας όπου μια μοναδική πράσινη λάμψη δείχνει τον δρόμο προς τα εμπρός.