Slush
φουσκωτό σύμπαν από αυτοκόλλητα σε παστέλ χαρτί
Το Slush λειτουργεί σαν άλμπουμ με αυτοκόλλητα: ένας καμβάς από παστέλ χαρτί, τεράστιες, ογκώδεις κορδέλες σε έντονο μπλε χρώμα και ένα ουράνιο τόξο από ζωηρά αυτοκόλλητα διάσπαρτα σαν κομφετί. Η γραμματοσειρά είναι τεράστια και συμπυκνωμένη (Πλάγια 800 επί 200–640px, απόσταση μεταξύ γραμμών 0,75–0,80), έτσι ώστε οι λέξεις να γίνονται γλυπτά αντικείμενα και όχι προτάσεις. Έξι πλούσια, χαρακτηριστικά χρώματα λειτουργούν ως μια γενική παλέτα αυτοκόλλητων - κάθε χρώμα εμφανίζεται ως ένα γεμάτο αυτοκόλλητο, επιφάνεια κάρτας ή διακοσμητικό στρώμα, ποτέ ως διακριτική πινελιά. Τα στοιχεία είναι απαλά στρογγυλεμένα (20–40px σε κάρτες, σε σχήμα χαπιού στην πλοήγηση) και περιγράφονται με μαύρο περίγραμμα για ένα χειροποίητο εφέ. Το αποτέλεσμα είναι λιγότερο μια σελίδα προορισμού fintech και περισσότερο ένα φυσικό κολάζ καρφιτσωμένο σε έναν ανοιχτόχρωμο τοίχο.
Η διάταξη διαθέτει μια σελίδα κύλισης πλήρους πλάτους, χωρίς πλαϊνή μπάρα ή μόνιμο κοντέινερ. Το κείμενο κύλισης και η μινιμαλιστική πλοήγηση στο πάνω μέρος (λογότυπο στα αριστερά, γραμμή πλοήγησης στο κέντρο, γεμιστή παρότρυνση για δράση στα δεξιά) παραμένουν στο επάνω μέρος. Κάθε ενότητα είναι μια έγχρωμη λωρίδα πλήρους πλάτους (#dceeff → #ffffff → #cccccc) με μεγεθυμένο πλευρικό κείμενο, κεντραρισμένο ή ευθυγραμμισμένο προς τα αριστερά, πλαισιωμένο από τρισδιάστατες μπλε κορδέλες. Η διάταξη περιεχομένου είναι σκόπιμα χαλαρή και μοιάζει με κολάζ, αντί να βασίζεται σε πλέγμα: τα αυτοκόλλητα επικαλύπτουν το κείμενο, οι κορδέλες τέμνονται πίσω από το κείμενο και μια κάρτα QR τοποθετείται εκτός κέντρου σε μια δευτερεύουσα ενότητα. Ο κάθετος ρυθμός είναι αρκετά φαρδύς (κενά 48px μεταξύ των ενοτήτων), αλλά η οριζόντια σύνθεση είναι σκόπιμα ασύμμετρη. Η σελίδα διαβάζεται από πάνω προς τα κάτω ως τρεις μεγάλες έγχρωμες λωρίδες, καθεμία από τις οποίες είναι μια ανεξάρτητη αφίσα.
Η οπτική γλώσσα κυριαρχείται από τρισδιάστατες μπλε κορδέλες—ένα ενιαίο μοτίβο μάρκας που αποτελείται από κοκκώδη, φουσκωτά σωληνωτά σχήματα σε ηλεκτρίκ μπλε χρώμα που τυλίγονται γύρω ή καλύπτουν το κείμενο του τίτλου σε κάθε ενότητα. Διακοσμητικά δισδιάστατα αυτοκόλλητα (ένας πύραυλος, ένα χρυσό νόμισμα, ένα πράσινο σημάδι επιλογής, ένα μωβ πορτοφόλι) αιωρούνται γύρω από τους τίτλους σαν κομμένα χαρτιά καρφιτσωμένα σε έναν πίνακα, το καθένα με ένα μαύρο περίγραμμα (1px). Δεν υπάρχουν φωτογραφίες πουθενά. Δεν υπάρχουν παραδοσιακά εικονογραφικά πλέγματα—όλα είναι κολάζ και διατεταγμένα ασύμμετρα. Οι τρισδιάστατες κορδέλες δημιουργούν την κύρια ατμόσφαιρα. τα αυτοκόλλητα προσθέτουν μια παιχνιδιάρικη πινελιά. τα υπόλοιπα είναι θέμα τυπογραφίας και χρώματος.
Παλέτα
Μάρκα
- Electric Blue
#4da2ff— Το κυρίαρχο χρώμα της μάρκας —χοντρές κορδέλες σε γλυπτά, φόντα εικόνων, θολά μοτίβα σε κάρτες— αποτελεί μια οπτική υπογραφή που χρησιμεύει ως βάση για κάθε οθόνη.
Ουδέτερος
- Carbon
#000000— Το κύριο κείμενο, τα πλαίσια καρτών, το γεμάτο φόντο για την παρότρυνση για δράση και το λογότυπο δημιουργούν το εφέ ενός χειροποίητου περιγράμματος αυτοκόλλητου σε παστέλ επιφάνειες. - Paper White
#ffffff— Σελίδα καμβά, επιφάνειες από χαρτόνι, γέμισμα περιγράμματος κουμπιών, κείμενο σε σκούρο φόντο. - Sky Wash
#dceeff— Φόντο κύριου τμήματος, ανοιχτό μπλε παστέλ φόντο. - Concrete Gray
#cccccc— Φόντο δευτερεύουσας τομής, ουδέτερη ενδιάμεση επιφάνεια - Soft Mist
#e9e9e9— Διακριτικοί τόνοι κουμπιών και επιφανειών, απενεργοποιημένες καταστάσεις - Mint Pop
#55db9c— Πράσινο γέμισμα για να τονιστεί το φόντο, διακοσμητικές ρίγες και απαλή πινελιά πίσω από το περιεχόμενο.
Τυπογραφία
από 12 έως 640px · 7 βήματα
- Lateral — αντικατάσταση: Druk · περιγράμματα 800 · Μόνο οι τίτλοι—το λογότυπο "SLUSH" και τα banner ενοτήτων όπως "ALL THINGS SUI"—εμφανίζονται με γραμματοσειρά 200-640px με μειωμένο ύψος γραμμής 0,75-0,80, έτσι ώστε τα γράμματα να σχηματίζουν ανάγλυφα μπλοκ. Αυτή είναι μια αντιπαραδοσιακή μέθοδος εμφάνισης: κανένας άλλος ιστότοπος δεν χρησιμοποιεί γραμματοσειρά 800 σημείων με ύψος γραμμής μικρότερο από 0,85, και αυτό το εφέ κάνει το κείμενο να συμπεριφέρεται σαν ένα φυσικό αντικείμενο τυλιγμένο σε τρισδιάστατες κορδέλες.
- Aeonik Pro — αντικατάσταση: Inter · περιγράμματα 500, 700 · Ολόκληρη η διεπαφή χρήστη, συμπεριλαμβανομένου του κειμένου, της πλοήγησης, των κουμπιών και των υποεπικεφαλίδων. Βάρος 500 για το κείμενο και τα μεταδεδομένα του κυρίως κειμένου (12–16px), βάρος 700 για τις υποεπικεφαλίδες και τις ετικέτες πλοήγησης (24–30px) και αύξηση 64px των 700 για τις μεγάλες δευτερεύουσες επικεφαλίδες. Η μικρή απόσταση μεταξύ των γραμμάτων (-0,010em) περιορίζει το κείμενο (14–16px). Η μικρή επέκταση (0,030–0,032em) στις ετικέτες/κουμπιά πλοήγησης δίνει στα στοιχεία ελέγχου "κενό χώρο".
Διαστήματα και μορφή
| Σκοπός | Εννοια |
|---|---|
| Πυκνότητα | πυκνός |
| Βασικό βήμα | 4-12px |
| Ακτίνα κουμπιού | 1600px |
| Ακτίνα κάρτας | 20px |
| Σκιές | χωρίς περιγράμματα αντί για σκιές |
| Μεταξύ τμημάτων | 48px |
| Πλάτος σελίδας | 1440px |
Η Τεχνητή Νοημοσύνη θα δημιουργήσει τον ιστότοπό σας σε στυλ Slush και θα τον γεμίσει
- Συμπληρώστε με προϊόντα και αναρτήσεις μέσω του συνδέσμου - Instagram, TikTok, Facebook.
- Μεταφέρετε περιεχόμενο από τον παλιό σας ιστότοπο—απλώς καθορίστε τη διεύθυνση.
- Μοντέρνος σχεδιασμός στην καλύτερη μηχανή αναζήτησης: React ( Next.js) με απόδοση διακομιστή και βελτιστοποίηση SEO από την πρώτη στιγμή.
- Πλήρως αυτοματοποιημένη βελτιστοποίηση SEO για αποτελέσματα αναζήτησης και προτάσεις νευρωνικών δικτύων.
Παρόμοια στυλ
- Cursor — Ένα ζεστό εργαστήριο περγαμηνής, φωτισμένο από αναμμένα κάρβουνα
- MindMarket — Ένα ζεστό βιβλίο παραμυθιού σε κρεμ χαρτί - ένας φιλικός εκδοτικός καμβάς όπου μεγάλοι τίτλοι της Inter και κομμένοι χάρτινοι χαρακτήρες συνυπάρχουν σε μια ηλιόλουστη, μαλακή σαν αυτοκόλλητο επιφάνεια.
- Shop — Ένας πλωτός εμπορικός αστερισμός σε λευκό μάρμαρο
- Airbnb — Ένας ήσυχος λευκός τοίχος γκαλερί με έναν μόνο κοραλλιογενή σελιδοδείκτη
- Superr — Ένα ζεστό σχολικό τετράδιο στο απαλό απογευματινό φως. Μια κρεμ σελίδα, ένας πορτοκαλί μαρκαδόρος χωρίς καπάκι και μια στοίβα από πλαστικοποιημένα αυτοκόλλητα ονομάτων που περιμένουν να ξεκολληθούν.
- Apple (España) — Η γκαλερί του μουσείου, σε απαλό φως ημέρας, είναι ένας ενιαίος, σαγηνευτικός, χωρίς βαρύτητα λευκός χώρος, με κάθε έκθεμα να φωτίζεται από έναν προβολέα σε έναν ελαφρώς φιμέ τοίχο.
- Lamborghini — Μαύρο χρώμα αμαξώματος στην αίθουσα εκθέσεων, κάτω από τους προβολείς - ένα κίτρινο αυτοκίνητο
- Amplemarket — Ένας ηλιόλουστος χώρος εργασίας γεμάτος κομφετί
- Getharvest — Ένα γραφείο σε χρυσή ώρα – ένας ζεστός κρεμ καμβάς, λευκές καρτ ποστάλ κρεμασμένες στον καμβά και μια μόνο φωτεινή πορτοκαλί φλόγα
- Agence Foudre — Το εξώφυλλο του περιοδικού έχει ένα απαλό ροζ χρώμα που θυμίζει κραγιόν.
- Drive Capital — Ρετρό αφίσα οδικού ταξιδιού σε ζεστό χαρτί
- Apple (España) — λευκή βιτρίνα γκαλερί