Wise
Πυκνά βρύα με τάση ασβεστόλιθου. Σπίθες ασβεστόλιθου στο σχεδόν μαύρο δασικό έδαφος και ογκώδεις, γωνιώδεις μορφές σηματοδοτούν κάθε κίνηση.
Η γραμματοσειρά Wise μιλάει με μια σίγουρη, ελαφρώς δυνατή φωνή: ένα βαθύ πράσινο του δάσους (#163300) καταλαμβάνει το μεγαλύτερο μέρος της επιφάνειας - κείμενο, πλοήγηση, σκούρα τμήματα, εικονίδια - ενώ ένα μόνο φωτεινό πράσινο του δάσους (#9fe870) χρησιμεύει ως λειτουργική στίξη σε παροτρύνσεις για δράση, ενεργές καρτέλες και βασικά στοιχεία. Η γραμματοσειρά είναι σχεδόν επιθετική: η Wise Sans με πάχος γραμμής 900, πυκνά συσκευασμένη, ξεχωρίζει με μεγάλα γράμματα (100px+) στην αρχική οθόνη. Το υπόλοιπο σύστημα παραμένει διακριτικό σε έναν υπόλευκο καμβά με απαλές γκρι επιφάνειες (#e8ebe6). Τα στοιχεία έχουν σχήμα χαπιού από προεπιλογή - κουμπιά, τμήματα πλοήγησης, μικρογραφίες πλαισίων ελέγχου, μάσκες εικόνας - με μικρές ακτίνες (10px) που προορίζονται για κάρτες και πεδία εισαγωγής. Οι διαβαθμίσεις χρώματος είναι σπάνιες. Αντίθετα, ο συνδυασμός σαλαμάνδρας και πράσινου του δάσους αλλάζει ομαλά καθώς τα τμήματα σκουραίνουν, δημιουργώντας έναν ρυθμό χωρίς υπερβολική διακόσμηση.
Ένα κοντέινερ μέγιστου πλάτους 1200px, στο κέντρο, με ένα επάνω και ένα σκούρο τμήμα που εκτείνονται σε όλο το πλάτος της σελίδας. Η διάταξη της κεφαλίδας διαθέτει έναν τεράστιο, κεντραρισμένο τίτλο σε λευκό φόντο, με μια μεγάλη εικόνα (υδρόγειο) που εκτείνεται πέρα από το κάτω άκρο του παραθύρου προβολής. Ο ρυθμός της ενότητας εναλλάσσεται μεταξύ λευκού, ανοιχτού πράσινου και ενός σκούρου τμήματος σε "μελάνι δάσους", δημιουργώντας έναν φυσικό ρυθμό χρωμάτων. Η διάταξη περιεχομένου είναι κυρίως στο κέντρο: μπλοκ κειμένου και εικόνων σε δύο στήλες στο επάνω μέρος ή γραμμές με κύρια στοιχεία σε τρεις στήλες στις δευτερεύουσες ενότητες. Ένα πλέγμα πέντε στηλών με σημαίες χρησιμοποιείται για την εμφάνιση της λίστας χωρών. Η πλοήγηση είναι μια ενιαία, σταθερή επάνω γραμμή με τμηματοποιημένη εναλλαγή. Ο κωδικός QR παραμένει σταθερός στην κάτω δεξιά γωνία σε όλες τις θέσεις κύλισης.
Τρισδιάστατες εικόνες που απεικονίζουν μια υδρόγειο σφαίρα με χρυσά νομίσματα δημιουργούν τον οπτικό κόσμο της μάρκας — απτή, ελαφρώς σουρεαλιστική, εκτελεσμένη με απαλές διαβαθμίσεις και ζεστό φωτισμό. Η φωτογραφία είναι μινιμαλιστική. Όταν χρησιμοποιείται, είναι έντονη και χαλαρή. Οι εθνικές σημαίες παρουσιάζονται ως κυκλικές μικρογραφίες σε ένα πλέγμα πέντε στηλών — το μόνο «εμβληματικό» σύστημα είναι η εθνική ταυτότητα. Χωρίς αφηρημένα γραφικά στοιχεία, χωρίς τυποποιημένα πρότυπα. Η υδρόγειος σφαίρα και τα νομίσματα είναι ένα επαναλαμβανόμενο μοτίβο της μασκότ, που σηματοδοτεί την παγκόσμια εμβέλεια μέσω ενός μοναδικού, ζεστού, αισιόδοξου αντικειμένου, αντί για ένα μοντάζ.
Παλέτα
Μάρκα
- Forest Ink
#163300— Το κυρίαρχο σκούρο στυλ της μάρκας —κείμενο πλοήγησης, σκούρα φόντα ενοτήτων, κείμενο σώματος σε ανοιχτόχρωμες επιφάνειες, περιγράμματα εικονιδίων και γεμάτα στοιχεία πλοήγησης— είναι αυτό που καθορίζει τη δύναμή της: όπου απαιτείται βάρος ή εξουσία, επιλέγετε το Forest Ink. - Lime Voltage
#9fe870— Το πράσινο χρησιμοποιείται ως δευτερεύον χρώμα για διακοσμητικές λεπτομέρειες και για την επισήμανση λιγότερο συχνά χρησιμοποιούμενων ερωτημάτων αναζήτησης. Δεν πρέπει να χρησιμοποιείται ως κύριο χρώμα για παροτρύνσεις για δράση. - Spruce
#054d28— Ένα δευτερεύον σκούρο πράσινο χρησιμοποιείται για τις επιφάνειες των καρτών, για δευτερεύουσα εικονογραφία και για να προσθέσει βάθος σε σκοτεινές περιοχές όπου το Forest Ink είναι πολύ κορεσμένο.
Ουδέτερος
- Linen Mist
#e2f6d5— Μια ανοιχτόχρωμη πράσινη απόχρωση για απαλές ανταύγειες σε επιφάνειες, χρωματιστά φόντα καρτών και καταστάσεις αιώρησης σε γραμμές πλοήγησης. Μια διακριτική απόχρωση του χαρακτηριστικού πράσινου για διακριτικά στοιχεία σχεδίασης κοντέινερ. - Signal Blue
#0b4c72— Το μπλε χρώμα χρησιμεύει ως πρόσθετη πινελιά στις διακοσμητικές λεπτομέρειες και για την έμφαση στις χαμηλές συχνότητες. - Alarm Red
#cb272f— Το κόκκινο χρησιμεύει ως υποστηρικτικό στοιχείο για διακοσμητικές λεπτομέρειες και για να τονίσει ασυνήθιστα χρώματα. Χρησιμοποιήστε το ως υποστηρικτικό στοιχείο, όχι ως χρώμα κύρους. - Charcoal
#454745— Κείμενο σώματος, κείμενο σώματος, πλούσιο περιβάλλον χρήστη - ένα ελαφρώς ζεστό μαύρο που δίνει πιο απαλή αίσθηση από ένα καθαρό #000 σε λευκό φόντο. - Obsidian
#0e0f0c— Επικεφαλίδες, επικεφαλίδες υψηλής αντίθεσης, καθαρά μαύρα στοιχεία στην πλοήγηση και στο κύριο μενού. Μαύρο με ελαφρώς πρασινωπή απόχρωση, όχι ουδέτερο γκρι. - Pebble
#868685— Υποτονικό δευτερεύον κείμενο, κείμενο κράτησης θέσης, περιγράμματα εικονιδίων και περιγράμματα πεδίων εισαγωγής. Μέτριο γκρι, που υποχωρεί στο βάθος.
Τυπογραφία
από 12 έως 105px · 10 βήματα
- Inter — αντικατάσταση: Inter (native Google Fonts) · περιγράμματα 400,500,600,700 · Κείμενο σώματος, διεπαφή χρήστη, λεζάντες και υποεπικεφαλίδες σε όλο το προϊόν. Χρησιμοποιείται γραμματοσειρά βάρους 700 για επικεφαλίδες μεσαίου επιπέδου (36–45px), 500–600 για υποεπικεφαλίδες και λεζάντες και 400 για κείμενο σώματος και λεζάντες. Το Inter προσφέρει μια πιο διακριτική εμφάνιση, ενώ το Wise Sans προσφέρει μια πιο έντονη εμφάνιση.
- Wise Sans — αντικατάσταση: Inter Black (900) with -0.04em tracking · περιγράμματα 900 · Οι τίτλοι είναι το σήμα κατατεθέν μιας επωνυμίας. Μια εξαιρετικά πυκνή γραμματοσειρά 900 με πλάτος 89–105px και μικρή απόσταση μεταξύ των γραμμάτων μετατρέπει κάθε τίτλο σε μια έντονη διαφήμιση. Χρησιμοποιούνται με φειδώ: ως κύριο κείμενο, για επικεφαλίδες ενοτήτων και για τα σημαντικότερα σημεία της καμπάνιας.
- monospace — αντικατάσταση: Inter · περιγράμματα 400 · μονοδιάστατο - βρίσκεται στα εξαγόμενα δεδομένα αλλά δεν περιγράφεται από την Τεχνητή Νοημοσύνη.
Διαστήματα και μορφή
| Σκοπός | Εννοια |
|---|---|
| Πυκνότητα | πυκνός |
| Βασικό βήμα | 8-12px |
| Ακτίνα κουμπιού | 9999px |
| Ακτίνα κάρτας | 10px |
| Σκιές | χωρίς περιγράμματα αντί για σκιές |
| Μεταξύ τμημάτων | 64-80px |
| Πλάτος σελίδας | 1200px |
Η Τεχνητή Νοημοσύνη θα δημιουργήσει τον ιστότοπό σας σε στυλ Wise και θα τον γεμίσει
- Συμπληρώστε με προϊόντα και αναρτήσεις μέσω του συνδέσμου - Instagram, TikTok, Facebook.
- Μεταφέρετε περιεχόμενο από τον παλιό σας ιστότοπο—απλώς καθορίστε τη διεύθυνση.
- Μοντέρνος σχεδιασμός στην καλύτερη μηχανή αναζήτησης: React ( Next.js) με απόδοση διακομιστή και βελτιστοποίηση SEO από την πρώτη στιγμή.
- Πλήρως αυτοματοποιημένη βελτιστοποίηση SEO για αποτελέσματα αναζήτησης και προτάσεις νευρωνικών δικτύων.
Παρόμοια στυλ
- Integrated Biosciences — εργαστήριο βιοφωταύγειας τα μεσάνυχτα
- Huly — Βόρειο Σέλας στο Παρατηρητήριο Μεσονυχτίου - ο πρωταγωνιστής είναι μια κάθετη δέσμη μωβ που ξεθωριάζει σε κοράλλι, και κάθε ήσυχο τμήμα από κάτω δανείζεται την ίδια δίχρωμη ιστορία που αφηγείται σε πιο ήπιο τόνο.
- Dia Browser — Ένας χώρος γκαλερί σε σκοτεινό θάλαμο συνδυάζεται με μια εφημερίδα. Η κατάμαυρη σκηνή αποκαλύπτει ένα ηλιόλουστο φυλλάδιο εφημερίδας, με κάθε ενότητα να χαρακτηρίζεται από έναν μόνο τίτλο σε στυλ serif.
- Mintlify — Ένας κήπος με σύννεφα πάνω από ένα γυάλινο τραπέζι. Ο χειρόγραφος ουρανός και το ντοκιμαντέρ πλαισιώνονται μαζί—το μόνο μέρος όπου το χρώμα και η έννοια συγκρούονται προτού η σελίδα ξεθωριάσει στο μοναστικό λευκό.
- Gleap — Ένας χώρος εργασίας διακοσμημένος σε ζεστές κρεμ αποχρώσεις με γραφιτικές πινελιές—ένα στούντιο όπου οι ματ μαύρες κουκκίδες μελανιού φαίνεται να αιωρούνται πάνω από την αρχιτεκτονική από λινό.
- ClickUp — Ένας ισχυρός πίνακας ελέγχου σε λευκό μάρμαρο. Η σελίδα είναι ένα φυλλάδιο προϊόντος για ένα εργαλείο παραγωγικότητας, επομένως η οπτική γλώσσα δανείζεται από το ίδιο το προϊόν: πυκνές λίστες, δείκτες κατάστασης, ομάδες avatar και έντονες τυπογραφικές δηλώσεις που μοιάζουν με προδιαγραφές προϊόντος στην οθόνη.
- monday — Λευκό εργαστήριο με παστέλ αυτοκόλλητα
- Portal — Twilight Serif Editorial - Ένα premium άρθρο σε ένα ανεξάρτητο περιοδικό, σχεδιασμένο σε στυλ iOS
- Slack — Η σκηνή είναι στο χρώμα της μελιτζάνας με λευκούς προβολείς. Μια βαθιά δαμασκηνί απόχρωση κυριαρχεί στις σκοτεινές περιοχές, ενώ ο υπόλευκος καμβάς επιτρέπει στους μεγάλους, πρωτοποριακούς τίτλους να αναπνέουν ελεύθερα.
- Base44 — Ηλιόλουστο σημειωματάριο με μαρκαδόρο lime
- Letters — Ένα πρωινό ραντεβού σε μια υπαίθρια κλινική—ένα αποστειρωμένο λευκό τραπέζι κάτω από μια απαλή μπλε οροφή, σπαρμένο με χειρουργικά μπλε εργαλεία
- Duolingo — Πράσινη παιδική χαρά με παχιές γραμμές σήμανσης