Creative Giants
Αφίσα μεγάλου μεγέθους σε κρεμ χαρτί
Το Creative Giants μοιάζει με ένα υπερμεγέθες artbook, αποδομένο σε κώδικα: ένας ζεστός, κρεμ καμβάς, λεπτά περιθώρια και τόσο μεγάλα γράμματα που μοιάζουν περισσότερο με αφίσα παρά με τίτλο. Ολόκληρο το σύστημα λειτουργεί σε αρνητικό χώρο και σε ένα ενιαίο, ελαφρύ μέγεθος (300)—οι τίτλοι μόλις που ακούγονται στα 64–84px, αντί να ξεχωρίζουν με έντονη γραφή, και η απόσταση μεταξύ των γραμμάτων μειώνεται απότομα (-0,04em) καθώς αυξάνεται το μέγεθος των γραμμάτων, έτσι ώστε οι λέξεις να εμφανίζονται σμιλεμένες αντί να ξεφλουδίζονται. Το χρωματικό σχήμα κατανέμεται σε μικρές, κορεσμένες πινελιές: έντονο μωβ, βαθύ τιρκουάζ, ανοιχτό μπλε, έντονο ροζ, μέντα και μπλε μπλε εμφανίζονται ως επιφάνειες καρτών ή τόνοι, αντί για γεμίσματα φόντου. Τα διαδραστικά στοιχεία είναι μαύρα σχήματα σε κρεμ φόντο με πλήρως στρογγυλεμένες (1440px) ακτίνες, ενώ τα χρωμιωμένα στοιχεία είναι σχεδόν αόρατα—ένα ενιαίο στρογγυλό λογότυπο και το κουμπί "Μενού" επιπλέουν στον λευκό χώρο. Η οπτική ιδέα είναι το φύλλο επικοινωνίας ενός στούντιο παραγωγής: ένας τεράστιος τίτλος, μία φωτογραφία πλήρους πλάτους, μία ήσυχη γραμμή μετακειμένου. Κάθε δεύτερη σελίδα θα πρέπει να ακολουθεί το ίδιο λακωνικό στυλ.
Διάταξη σελίδας πλήρους γεμίσματος: Δεν υπάρχει κοντέινερ μέγιστου πλάτους. Το περιεχόμενο καταλαμβάνει ολόκληρο το πλάτος της σελίδας με ίσα περιθώρια αριστερά και δεξιά (16–32px σε κινητά, 32px+ σε υπολογιστές). Η κύρια επικεφαλίδα είναι ένας ενιαίος, μεγάλος τίτλος ("CREATIVE GIANTS" στα 84px) που καταλαμβάνει περίπου το 40% του παραθύρου προβολής, ακολουθούμενος αμέσως από μια φωτογραφία πλήρους γεμίσματος με μια μετα-ετικέτα στην κάτω αριστερή γωνία και μια επικάλυψη τίτλου. Ο ρυθμός της ενότητας είναι μονολιθικός: κάθε νέα ενότητα ξεκινά με μια μικρή ποσότητα κειμένων με κεφαλαία γράμματα και μια εξήγηση, χωρισμένη με 48–64px λευκού χώρου - δεν υπάρχουν εναλλασσόμενες σκούρες/ανοιχτόχρωμες ζώνες εκτός από μία ανεστραμμένη κάρτα έμφασης Navy Ink. Το περιεχόμενο είναι ευθυγραμμισμένο αριστερά. Δεν υπάρχουν κεντραρισμένα μπλοκ εκτός από την κύρια επικεφαλίδα. Η ενότητα ειδήσεων/μελετών περιπτώσεων χρησιμοποιεί ένα πλέγμα τριών στηλών καρτών με ένα αιωρούμενο μπλοκ βέλους στα δεξιά. Η πλοήγηση επιτυγχάνεται μέσω μίας μόνο επάνω κεφαλίδας - χωρίς πλαϊνή μπάρα ή οποιαδήποτε αγκυρωμένα στοιχεία πέρα από την ίδια την κεφαλίδα. Η συνολική διάταξη είναι ευρύχωρη και συνεπής με το συντακτικό ύφος: κάθε ενότητα αναπνέει και ο λευκός χώρος είναι το κύριο δομικό στοιχείο.
Η φωτογραφία συντακτών κυριαρχεί στο σχεδιασμό: οι εικόνες καταλαμβάνουν ολόκληρο το πλάτος της σελίδας, με αιχμηρές γωνίες και χωρίς επικαλύψεις ή στρογγυλεμένες μάσκες. Το στυλ κλίνει προς το ντοκιμαντέρ και την ατμοσφαιρική - ζαρωμένα χέρια, δημόσιες εγκαταστάσεις και περιστασιακές λήψεις ανθρώπων - χωρίς ποτέ να χρησιμοποιείται σκηνοθετημένη φωτογραφία προϊόντων. Οι εικόνες παρουσιάζονται πάντα σε μεγάλη κλίμακα (παράθυρο προβολής πλήρους πλάτους ή γέμισμα ολόκληρης της κάρτας), επομένως η μονάδα σχεδιασμού είναι η φωτογραφία, όχι η διεπαφή χρήστη. Δεν υπάρχουν εικόνες, τρισδιάστατα μοντέλα ή μακέτες προϊόντων. Η εικονογραφία είναι ελάχιστη: ένα μόνο μικρό κυκλικό λογότυπο, περίγραμμα σε σχήμα σιρίτι στα χειριστήρια καρουζέλ και ελαφριά εικονίδια UI με περίγραμμα 1px. Η πυκνότητα εικόνας καθορίζεται από την ίδια την εικόνα και το κείμενο χρησιμεύει ως ένα διακριτικό επίπεδο σχολιασμού κάτω ή πάνω από τη φωτογραφία.
Παλέτα
Μάρκα
- Magenta Bloom
#8a0467— Το ροζ χρησιμοποιείται ως δευτερεύον χρώμα για διακοσμητικές λεπτομέρειες και για την επισήμανση λιγότερο συχνά χρησιμοποιούμενων ερωτημάτων αναζήτησης. Δεν πρέπει να χρησιμοποιείται ως κύριο χρώμα για παρότρυνση για δράση. - Forest Teal
#03624c— Ένα πλούσιο χρώμα έμφασης μάρκας για πλαίσια καρτών και διακοσμητικές πινελιές· συνδυάζεται με το Magenta Bloom για δίχρωμο φινίρισμα.
Ουδέτερος
- Bone White
#fffef7— Ο καμβάς της σελίδας, οι επιφάνειες από χαρτόνι και το κείμενο σε σκούρες λεπτομέρειες έχουν μια ζεστή, κρεμώδη απόχρωση που αντικαθιστά το καθαρό #ffffff και δίνει σε ολόκληρο το σύστημα μια χάρτινη, τυπωμένη αίσθηση. - Ink Black
#000000— Το σκούρο χρώμα συμπληρώνει το ουδέτερο κείμενο και τα εικονίδια και δημιουργεί έντονη αντίθεση. Αποφύγετε τη χρήση του ως κύριου χρώματος για παροτρύνσεις για δράση. - Graphite
#666666— Το δευτερεύον κείμενο, οι λεζάντες, τα μεταδεδομένα και το υποστηρικτικό κείμενο ωθούνται στο παρασκήνιο για να επιτρέψουν στο κύριο κείμενο να κυριαρχήσει. - Ash
#aaaaaa— Περιγράμματα πεδίων εισόδου, χρώμα ανενεργού συνδέσμου, τριτογενείς διαχωριστές - ένα απαλό δομικό γκρι χρώμα που εξαφανίζεται όταν δεν χρειάζεται. - Charcoal Scale
#4d4c4a— Ένα μέτριο ουδέτερο χρώμα για τα περιγράμματα της λίστας, με μια διακριτική ενίσχυση της αντίθεσης στη σκοτεινή διαδρομή διαβάθμισης - ζεστό γκρι αντί για μπλε-γκρι. - Powder Blue
#a5c8eb— Μια απαλή χρωματική πινελιά —φόντο καρτ ποστάλ, θολά φόντα, απαλά γεμίσματα εικονογράφησης— δροσίζει ένα ζεστό φόντο χωρίς να δημιουργεί ανταγωνισμό.
Τυπογραφία
από 12 έως 84px · 7 βήματα
- Switzer — αντικατάσταση: Inter (300 · περιγράμματα 300, 400 · Σύστημα μίας γραμματοσειράς: βάρος 300 για όλα τα στοιχεία εμφάνισης και τις επικεφαλίδες (12–84px), βάρος 400 για το κείμενο του σώματος, τα μεταδεδομένα και τα στοιχεία ελέγχου του περιβάλλοντος εργασίας χρήστη. Η προτιμώμενη επιλογή είναι η χρήση βάρους 300 σε μεγέθη 64–84px—τα περισσότερα συστήματα χρησιμοποιούν εδώ έντονη γραμματοσειρά 700–800. Η ανοιχτόχρωμη γραμματοσειρά Switzer διατηρεί λεπτές γραμμές, δημιουργώντας την εντύπωση αερογραφημένων γραμμάτων σε έναν κρεμ καμβά. Η μικρότερη απόσταση μεταξύ των γραμμάτων καθώς αυξάνεται το μέγεθος (-0,04em στα 84px, -0,018em στα 14px) διατηρεί τους εσωτερικούς χώρους ανοιχτούς, χωρίς να δημιουργεί μια αραιή αίσθηση.
Διαστήματα και μορφή
| Σκοπός | Εννοια |
|---|---|
| Πυκνότητα | μέσος |
| Βασικό βήμα | 8px |
| Ακτίνα κουμπιού | 1440px |
| Ακτίνα κάρτας | 0px |
| Σκιές | χωρίς περιγράμματα αντί για σκιές |
| Μεταξύ τμημάτων | 64px |
Η Τεχνητή Νοημοσύνη θα δημιουργήσει τον ιστότοπό σας σε στυλ Creative Giants και θα τον γεμίσει
- Συμπληρώστε με προϊόντα και αναρτήσεις μέσω του συνδέσμου - Instagram, TikTok, Facebook.
- Μεταφέρετε περιεχόμενο από τον παλιό σας ιστότοπο—απλώς καθορίστε τη διεύθυνση.
- Μοντέρνος σχεδιασμός στην καλύτερη μηχανή αναζήτησης: React ( Next.js) με απόδοση διακομιστή και βελτιστοποίηση SEO από την πρώτη στιγμή.
- Πλήρως αυτοματοποιημένη βελτιστοποίηση SEO για αποτελέσματα αναζήτησης και προτάσεις νευρωνικών δικτύων.
Παρόμοια στυλ
- Studio — Ένας τοίχος γκαλερί σε κίνηση. Κάθε οθόνη αντιπροσωπεύει μια ήσυχη, γκρίζα επιφάνεια έκθεσης όπου τα τυπογραφικά υλικά και τα επικαλυπτόμενα δημιουργικά έργα ανταγωνίζονται για την προσοχή.
- Mollie — Ένας πάγκος από κασμίρ, ένα σκούρο βιβλίο καταχώρισης. Αφήστε άφθονο λευκό χώρο για εκδοτικό σχεδιασμό γύρω από το μαύρο κείμενο και, στη συνέχεια, ενισχύστε τα σημεία που σχετίζονται με το προϊόν με ζεστές κρέμες, καφέδες εσπρέσο και ανάγλυφες φωτογραφίες των πραγματικών μεθόδων πληρωμής.
- Bajgart Office — Τοίχος συλλογής συντακτών. Χρησιμοποιήστε έναν μεγάλο λευκό χώρο όπου οι διακριτικές γραμματοσειρές serif και τα τμήματα χαρτοφυλακίου έχουν μεγαλύτερο οπτικό βάρος από τα χρωμιωμένα στοιχεία διεπαφής.
- Bejamas — Πιτζάμες—όξινο λάιμ μέσα από μαύρο γυαλί. Δημιουργήστε ήρεμες, ανοιχτόχρωμες γκρι σελίδες συντακτών που διακόπτονται από μαγευτικά μαύρα πάνελ όπου θολές πράσινες ακτίνες φωτός τέμνουν την επιφάνεια.
- Kagi — Μια ξεχωριστή αίθουσα ανάγνωσης. Δημιουργήστε έναν ανοιχτό λευκό χώρο γύρω από έντονο κείμενο από γραφίτη, χρησιμοποιώντας διακριτικές μωβ πινελιές και ζεστές παστέλ επιφάνειες για να διακόψετε την ηρεμία.
- Milanote — Το Milanote είναι ένα εξειδικευμένο δημιουργικό στούντιο. Δημιουργήστε σελίδες σε στυλ γκαλερί χρησιμοποιώντας αιωρούμενους οπτικούς πίνακες: τοίχους με σκούρο πλαίσιο, λευκό χώρο προβολής και στιγμιότυπα οθόνης που μοιάζουν με πραγματικά αντικείμενα με απαλό βάθος.
- Co2 — Ένας κλιματικός άτλαντας στο χειμερινό φως. Δημιουργήστε σελίδες σαν ένα τοπίο εναέριων εγγράφων, όπου οι επικεφαλίδες serif, τα δεδομένα με κωδικοποίηση κατηγορίας και οι παγωμένες εικόνες επισημαίνουν τα μεγάλα λευκά περιθώρια.
- GitButler — Τυρκουάζ στο τέλος του κειμένου. Ένας συνδυασμός επικεφαλίδων σε μορφή serif υψηλής αντίθεσης με διακριτικά τεχνικά πλέγματα, ζεστές επιφάνειες γραφίτη και διακριτική τιρκουάζ πινελιά.
- ElevenLabs — Ένα φωτογραφικό δοκίμιο σε ζεστές κρεμ αποχρώσεις με διακριτικούς τίτλους. Ένα σημειωματάριο σε στιλ Bauhaus—χαρτί στο χρώμα του κελύφους του αυγού, μαύρο μελάνι και μία μόνο μωβ και πορτοκαλί πινελιά για την προβολή του προϊόντος.
- monopo saigon — Μια υγρή, ιριδίζουσα λάμψη πίσω από τη συντακτική σιωπή—μια μονόχρωμη συντακτική γκαλερί που επιπλέει σε λιωμένο φως
- Awesomic — Συντακτικό πλέγμα ψευδαργύρου με πορτοκαλί σημεία στίξης που θυμίζουν κομφετί
- Monad — συντακτικό τεχνικό περιοδικό σε θερμή περγαμηνή