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 για αποτελέσματα αναζήτησης και προτάσεις νευρωνικών δικτύων.
Παρόμοια στυλ
- ElevenLabs — Ένα φωτογραφικό δοκίμιο σε ζεστές κρεμ αποχρώσεις με διακριτικούς τίτλους. Ένα σημειωματάριο σε στιλ Bauhaus—χαρτί στο χρώμα του κελύφους του αυγού, μαύρο μελάνι και μία μόνο μωβ και πορτοκαλί πινελιά για την προβολή του προϊόντος.
- monopo saigon — Μια υγρή, ιριδίζουσα λάμψη πίσω από τη συντακτική σιωπή—μια μονόχρωμη συντακτική γκαλερί που επιπλέει σε λιωμένο φως
- Awesomic — Συντακτικό πλέγμα ψευδαργύρου με πορτοκαλί σημεία στίξης που θυμίζουν κομφετί
- Monad — συντακτικό τεχνικό περιοδικό σε θερμή περγαμηνή
- Dub — Πίνακας ελέγχου από ματ ριζόχαρτο της Link
- Seline Analytics — Ένα ήσυχο αναλυτικό τραπέζι σε ζεστό χαρτί
- Notion — Ένα ζεστό χάρτινο σημειωματάριο στον μεσημεριανό ήλιο
- Hyer Aviation — Σούρουπο στο πιλοτήριο πάνω από περγαμηνή. Ο χλωμός ουρανός της αυγής συναντά το λογότυπο σε σχήμα σερίφ σε μέγεθος ατράκτου, και μια ζεστή πήλινη πινελιά σπάει τη μονόχρωμη συγκράτηση.
- Anthropic — Ένα επιστημονικό περιοδικό πεδίου για τη ζεστή περγαμηνή - ήρεμες επιφάνειες σε χρώμα ελεφαντόδοντου, επικεφαλίδες με ραβδώσεις και μια μοναδική πινελιά από πηλό που εμφανίζεται μόνο όταν χρειάζεται δράση.
- Calendly — Σκούρο μπλε μελάνι σε κρύο μάρμαρο
- Augen Pro — Η λευκή παρουσίαση της Apple διαθέτει ένα κλινικό, χωρίς βάρος, ηλεκτρικό μπλε ως τη μοναδική πινελιά σε έναν μονόχρωμο χώρο.
- OFF+BRAND. — Ιριδίζουσα σφαίρα σε ζεστή περγαμηνή