Le Puzz
Η Sunny Sunday Circular είναι μια ταμπλόιντ γεμάτη μυστήρια.
Το Le Puzz είναι ένα μαξιμαλιστικό σύστημα ηλεκτρονικού εμπορίου για μπουτίκ, χτισμένο σε δίχρωμη βάση: πλούσιο, κίτρινο σαν κηρήθρα σε συνδυασμό με καθαρό μαύρο, σε ένα δροσερό, γκρι-μαύρο φόντο. Το στυλ του είναι ένας συνδυασμός vintage εφημερίδας και παζλ: το κύριο κείμενο είναι σε serif Times, ενώ οι τίτλοι είναι σε μια προσαρμοσμένη γραμματοσειρά, Times Now, σπάζοντας σκόπιμα τις παραδοσιακές συμβάσεις ηλεκτρονικού εμπορίου που βασίζονται σε γραμματοσειρές sans-serif. Η ίδια η διεπαφή διατηρείται απλή και βασίζεται σε πλέγμα, επιτρέποντας την οπτική επίδραση να μεταδίδεται από τη συσκευασία του προϊόντος (πυκνές, εικονογραφημένες συνθέσεις γεμάτες με παιχνίδια). Τα χειριστήρια της διεπαφής είναι αρκετά ισχυρά: κουμπιά με μαύρο περίγραμμα σε κίτρινο φόντο, εικονίδια σε σχήμα χαπιού, κάρτες με ακτίνα 12px και γενναιόδωρη απόσταση μεταξύ των γραμμάτων για μικρά κεφαλαία, γεγονός που προσδίδει ακόμη και στο κουμπί "ΓΡΗΓΟΡΗ ΠΡΟΣΘΗΚΗ" μια εκδοτική πινελιά.
Ένα κλασικό πλέγμα ηλεκτρονικού εμπορίου με ξεχωριστό συντακτικό σχεδιασμό. Η κεφαλίδα είναι μια κίτρινη κυψελωτή λωρίδα με μαύρο περίγραμμα πλάτους 1, που φιλοξενεί ένα κεντρικό λογότυπο και μια επιπλέον σειρά κουμπιών πλοήγησης. Παρακάτω, πάνω από ένα πλέγμα τριών στηλών προϊόντων σε γκρι φόντο, υπάρχει μια κεντρική κεφαλίδα καλωσορίσματος στη γραμματοσειρά Times Now. Το κύριο στοιχείο είναι ένα κεντρικό μπλοκ φωτογραφιών με στρογγυλεμένες γωνίες (40), πλαισιωμένο από δύο κάρτες προϊόντων. Ο ρυθμός των ενοτήτων διατηρείται: άφθονος κατακόρυφος χώρος (30), εναλλασσόμενες κίτρινες και γκρι επιφάνειες και μέγιστο πλάτος περίπου 4,5 cm, κεντραρισμένο στη σελίδα. Οι κάρτες προϊόντων έχουν το ίδιο μέγεθος και είναι διατεταγμένες σε ένα κομψό πλέγμα τριών στηλών με κενά 5 cm. Η διάταξη είναι συμμετρική και δεμένη με το πλέγμα—χωρίς ασύμμετρες συνθέσεις ή επικαλυπτόμενα στοιχεία.
Το οπτικό στοιχείο είναι η φωτογραφία προϊόντων. Τα κουτιά παζλ φωτογραφίζονται ολόσωμα σε λευκό/ουδέτερο φόντο και στη συνέχεια τοποθετούνται σε ένα ζεστό μπλε ή φυσικό φόντο στούντιο. Η κύρια εικόνα απεικονίζει ένα άτομο που κρατά πολλά κουτιά παζλ - ένα αντικείμενο lifestyle, που έχει συλληφθεί με αβίαστη ενέργεια. Η ίδια η συσκευασία είναι πλούσια, επεξηγηματική και μαξιμαλιστική: μια πληθώρα παιχνιδιών, τροφίμων και χαρακτήρων σε φωτεινά βασικά χρώματα με παχιά μαύρα περιγράμματα, σχεδιασμένα να μοιάζουν με εικονογράφηση παιδικού βιβλίου διάσπαρτα σε ένα παζλ 500 τεμαχίων. Χωρίς αφηρημένα γραφικά, χωρίς τρισδιάστατες απεικονίσεις, χωρίς εικονογραφία εκτός από έναν μόνο μεγεθυντικό φακό - τα ίδια τα παζλ είναι η οπτική γλώσσα.
Παλέτα
Μάρκα
- Honeycomb Yellow
#ffd931— Το κύριο χρώμα της επωνυμίας, η γραμμή τίτλου, τα κύρια κουμπιά ενεργειών, η ενεργή κατάσταση της πλοήγησης, το χρώμα υπογράμμισης του συνδέσμου, το γέμισμα έμφασης—η μοναδική χρωματική νότα γύρω από την οποία περιστρέφονται όλα τα άλλα.
Ουδέτερος
- Carbon Black
#000000— Το κύριο κείμενο, τα παχιά περιγράμματα, τα περιγράμματα κουμπιών, τα περιγράμματα εικονιδίων και το κείμενο πλοήγησης αποτελούν τη δομική βάση ολόκληρου του συστήματος. - Ink Black
#231f20— Δευτερεύον κείμενο, πρωτεύον κείμενο, περιγράμματα κουμπιών, περιγράμματα πεδίων εισαγωγής - ένα ελαφρώς πιο ζεστό, σχεδόν μαύρο χρώμα για πιο απαλή αίσθηση. - Pearl Gray
#c8cbcd— Καμβάς σελίδας, φόντα καρτών προϊόντων, μια εντυπωσιακή σκηνή όπου εμφανίζονται κίτρινα και μαύρα χρώματα. - Fog Gray
#a6a8aa— Απαλές επιφάνειες σημάτων, δευτερεύοντα φόντα τσιπ και διακριτικά γεμίσματα διεπαφής χρήστη. - Smoke Line
#d6d6d6— Λεπτά διαχωριστικά, διακριτικά διαχωριστικά τραπεζιού/χαρτών.
Τυπογραφία
από 11 έως 47px · 6 βήματα
- Times Now — αντικατάσταση: Playfair Display · περιγράμματα 100, 400 · Μια γραμματοσειρά serif για τίτλους και υποτίτλους—χρησιμοποιείται για κύριες επικεφαλίδες, ονόματα προϊόντων και τίτλους ενοτήτων. Η εξαιρετικά ελαφριά γραμματοσειρά 100 σημείων με βήμα 47 pixel δημιουργεί μια ψηλή, σχεδόν συμπυκνωμένη συντακτική αίσθηση. Οι συμπυκνωμένες μορφές γραμμάτων (ύψη γραμμών 0,87–0,90) επιτρέπουν την τοποθέτηση μεγάλων επικεφαλίδων κοντά στο συνοδευτικό κείμενο, μιμούμενη μια τυπωμένη αφίσα.
- Times — αντικατάσταση: Times New Roman · περιγράμματα 400 · Το κείμενο σε σχήμα serif είναι μια απροσδόκητη επιλογή για ένα ηλεκτρονικό κατάστημα, προσδίδοντας σε ολόκληρο τον ιστότοπο μια λογοτεχνική αίσθηση καταλόγου. Η μικρή απόσταση μεταξύ των γραμμών (1,15) καθιστά τις παραγράφους συμπαγείς και ευανάγνωστες.
- Helvetica Neue — αντικατάσταση: Helvetica · περιγράμματα 100, 400 · Το μικρό κείμενο στη διεπαφή χρήστη, το κείμενο στα κουμπιά και το μικροκείμενο έχουν γραμματοσειρά 11px με μεγάλη απόσταση μεταξύ των γραμμάτων (0,0730em), γεγονός που δημιουργεί την αίσθηση ότι γράφετε με κεφαλαία γράμματα ακόμη και σε μια άνετη θερμοκρασία σώματος.
Διαστήματα και μορφή
| Σκοπός | Εννοια |
|---|---|
| Πυκνότητα | πυκνός |
| Βασικό βήμα | 15px |
| Ακτίνα κουμπιού | 12px |
| Ακτίνα κάρτας | 12px |
| Σκιές | χωρίς περιγράμματα αντί για σκιές |
| Μεταξύ τμημάτων | 30-40px |
| Πλάτος σελίδας | 1200px |
Η Τεχνητή Νοημοσύνη θα δημιουργήσει τον ιστότοπό σας σε στυλ Le Puzz και θα τον γεμίσει
- Συμπληρώστε με προϊόντα και αναρτήσεις μέσω του συνδέσμου - Instagram, TikTok, Facebook.
- Μεταφέρετε περιεχόμενο από τον παλιό σας ιστότοπο—απλώς καθορίστε τη διεύθυνση.
- Μοντέρνος σχεδιασμός στην καλύτερη μηχανή αναζήτησης: React ( Next.js) με απόδοση διακομιστή και βελτιστοποίηση SEO από την πρώτη στιγμή.
- Πλήρως αυτοματοποιημένη βελτιστοποίηση SEO για αποτελέσματα αναζήτησης και προτάσεις νευρωνικών δικτύων.
Παρόμοια στυλ
- Agence Foudre — Το εξώφυλλο του περιοδικού έχει ένα απαλό ροζ χρώμα που θυμίζει κραγιόν.
- INVERSA — Ένα τοπογραφικό τερματικό πεδίου τα μεσάνυχτα. Ένας σκοτεινός πίνακας εντολών, όπου τεράστια γραμματοσειρά σύνταξης και ένα μόνο στρώμα από νέον-πράσινους δείκτες επικαλύπτονται σε δορυφορικές εικόνες της Γης, κάθε μία με μονόχρωμη ετικέτα, σαν να διαβάζουν συντεταγμένες αποστολής.
- Acne Studios — Ένας μινιμαλιστικός χώρος γκαλερί γεμάτος με ζωντανές φωτογραφίες—ένα περιοδικό μόδας τοποθετημένο πάνω σε μάρμαρο
- GTE — Εμπορικό τερματικό πίσω από τον φωτισμό της γκαλερί
- Diabla — Μια μεσογειακή αυλή το μεσημέρι – ροζ τοίχοι ξεθωριασμένοι από τον ήλιο, μια φωτεινή κόκκινη τέντα από καμβά και σμιλεμένοι τίτλοι των συντακτών να εκτείνονται στον ουρανό.
- Subset — Εκδοτική μπουτίκ φτιαγμένη από ακατέργαστο λινό
- Cursor — Ένα ζεστό εργαστήριο περγαμηνής, φωτισμένο από αναμμένα κάρβουνα
- MindMarket — Ένα ζεστό βιβλίο παραμυθιού σε κρεμ χαρτί - ένας φιλικός εκδοτικός καμβάς όπου μεγάλοι τίτλοι της Inter και κομμένοι χάρτινοι χαρακτήρες συνυπάρχουν σε μια ηλιόλουστη, μαλακή σαν αυτοκόλλητο επιφάνεια.
- Lamborghini — Μαύρο χρώμα αμαξώματος στην αίθουσα εκθέσεων, κάτω από τους προβολείς - ένα κίτρινο αυτοκίνητο
- Amplemarket — Ένας ηλιόλουστος χώρος εργασίας γεμάτος κομφετί
- Getharvest — Ένα γραφείο σε χρυσή ώρα – ένας ζεστός κρεμ καμβάς, λευκές καρτ ποστάλ κρεμασμένες στον καμβά και μια μόνο φωτεινή πορτοκαλί φλόγα
- Drive Capital — Ρετρό αφίσα οδικού ταξιδιού σε ζεστό χαρτί