
Ventriloc
Ένα συντακτικό παρατηρητήριο δεδομένων σε ζεστό χαρτί - ένα μόνο πορτοκαλί κάρβουνο που τονίζει την μονόχρωμη ακρίβεια
Ο Ventriloc μιλάει με μια ήσυχη, εκδοτική φωνή: ένας ζεστός, καθαρός λευκός καμβάς, κάρτες δεδομένων μονόπλευρης σχεδίασης, υψηλής ακρίβειας και ένα μόνο πορτοκαλί ανθρακί που τονίζει τη μονόχρωμη γραμμή σαν μαρκαδόρος σε μια εκτυπωμένη αναφορά. Το σύστημα συνδυάζει μια ειδικά σχεδιασμένη νεο-γκροτέσκα γραμματοσειρά (PolySans) με βάρος 400 μονάδων για τις επικεφαλίδες - έναν ασυνήθιστο περιορισμό που θυσιάζει την αυθεντία μέσω του όγκου για την αυθεντία μέσω της ακρίβειας - με το Inter για το κείμενο και τα στοιχεία διεπαφής. Οι επιφάνειες είναι ζεστές γκρι και κρεμ αντί για ένα ψυχρό, τεχνικό μπλε, οι κάρτες έχουν ασύμμετρη στρογγυλοποίηση στις γωνίες (έντονη επάνω δεξιά γωνία, απαλή αλλού) και τα διαδραστικά στοιχεία χωρίζονται σε δύο ξεχωριστές διαλέκτους: κουμπιά κειμένου με έντονη γωνία και κοντέινερ πλοήγησης σε σχήμα χαπιού. Τα χρώματα χρησιμοποιούνται με φειδώ: οι σελίδες πρέπει να σχεδιάζονται σε αχρωματικό στυλ το 95% του χρόνου και το πορτοκαλί χρησιμοποιείται μόνο ως λειτουργική στίξη για την επισήμανση, την υπογράμμιση συνδέσμων και τις διακοσμητικές πινελιές των δεδομένων.
Το κοντέινερ μέγιστου πλάτους είναι 1200px, στο κέντρο, με γενναιόδωρα διαχωριστικά 80px μεταξύ των ενοτήτων. Το κύριο στοιχείο χωρίζεται σε δύο στήλες: στα αριστερά βρίσκεται η επικεφαλίδα, το δευτερεύον κείμενο και ένα σύνολο δύο κουμπιών παρότρυνσης για δράση. Στα δεξιά βρίσκεται μια ομάδα τριών επικαλυπτόμενων καρτών δεδομένων (ένα οικονομικό διάγραμμα, στατιστικά στοιχεία εσόδων, ένας δακτύλιος κερδοφορίας) που αιωρούνται σε έναν λευκό καμβά. Κάτω από το κύριο στοιχείο βρίσκεται μια λωρίδα λογότυπου συνεργάτη πλήρους πλάτους σε λευκό φόντο. Οι επόμενες ενότητες εναλλάσσονται μεταξύ Ash (#efefef) και λευκών λωρίδων. Η πλοήγηση είναι ένα αιωρούμενο κοντέινερ σε σχήμα χαπιού στο κέντρο της κεφαλίδας, με το λογότυπο της μάρκας ευθυγραμμισμένο αριστερά και ένα σκούρο κουμπί "Επικοινωνήστε μαζί μας" ευθυγραμμισμένο δεξιά. Ο συνολικός ρυθμός είναι ευρύχωρος και συντακτικός - μεγάλα περιθώρια, ψηλά τμήματα και οι κάρτες δεδομένων παρέχουν τη μόνη οπτική στίξη εκτός από την τυπογραφία.
Ο οπτικός σχεδιασμός βασίζεται σχεδόν εξ ολοκλήρου σε δεδομένα: τα γραφήματα (γραφήματα γραμμών, κυκλικές γραμμές προόδου, κάρτες στατιστικών) έχουν σχεδιαστεί σε επίπεδο, μινιμαλιστικό στυλ με λεπτές πορτοκαλί και ορειχάλκινες γραμμές σε λευκές επιφάνειες από χαρτόνι. Δεν υπάρχουν φωτογραφίες lifestyle, εικόνες αρχείου, εικόνες στην αρχική σελίδα. Το μόνο φωτογραφικό περιεχόμενο είναι λογότυπα συνεργατών/πελατών, που παρουσιάζονται σε μονόχρωμο γραφίτη. Η οπτική γλώσσα είναι πιο κοντά σε μια έντυπη ετήσια έκθεση παρά σε έναν τυπικό ιστότοπο SaaS—τα γραφήματα ΕΙΝΑΙ εικόνες. Τα εικονίδια είναι λεπτά, μονογραμμικά και χρώματος γραφίτη, εμφανίζονται με φειδώ στη γραμμή πλοήγησης και στις κεφαλίδες καρτών.
Παλέτα
Μάρκα
- Ember Orange
#ff682c— Το πορτοκαλί χρησιμοποιείται για την επισήμανση συνδέσμων, ετικετών και σύντομων φράσεων. Δεν πρέπει να χρησιμοποιείται ως κύριο χρώμα για παροτρύνσεις για δράση.
Ουδέτερος
- Graphite
#202020— Κύριο κείμενο, επικεφαλίδες, σύνδεσμοι πλοήγησης, περιγράμματα εικονιδίων – αυτά αποτελούν την τυπογραφική βάση κάθε στοιχείου διεπαφής. - Canvas White
#ffffff— Φόντο σελίδας, ανύψωση κάρτας, γέμισμα εικονιδίων—η πιο φωτεινή επιφάνεια στο σύστημα. - Ash
#efefef— Το κύριο φόντο της κάρτας και της ενότητας, το δοχείο της γραμμής πλοήγησης, είναι μια επιφάνεια κυρίως σε ζεστό γκρι χρώμα. - Fog
#f5f5f5— Ένας διακριτικός τόνος φόντου για ένθετες επιφάνειες και δευτερεύοντα κοντέινερ. - Ivory
#ebe6dd— Ζεστό φόντο με έμφαση στα κύρια μπλοκ - μια αίσθηση χαρτιού. - Steel
#4d4d4d— Δευτερεύον κύριο κείμενο, κείμενο μεγάλης παραγράφου
Τυπογραφία
από 14 έως 66px · 5 βήματα
- PolySans — αντικατάσταση: Inter Tight or Space Grotesk at weight 400 · περιγράμματα 400 · Επικεφαλίδες και Διακοσμητικό Κείμενο - Μια ειδικά σχεδιασμένη νεο-γκροτέσκα γραμματοσειρά, που χρησιμοποιείται αποκλειστικά με πάχος 400 και απόσταση γραμμάτων -0,02 em, δημιουργεί μια διακριτική συντακτική αυθεντία που κανένας έντονος τίτλος δεν θα μπορούσε να αναπαράγει.
- Inter — αντικατάσταση: system-ui or Roboto · περιγράμματα 400, 500, 600 · Κείμενο σώματος, ετικέτες στοιχείων UI, κείμενο κουμπιών, επικεφαλίδες, μεταδεδομένα - μια καθολική γραμματοσειρά sans-serif για οτιδήποτε δεν είναι επικεφαλίδα.
Διαστήματα και μορφή
| Σκοπός | Εννοια |
|---|---|
| Πυκνότητα | μέσος |
| Βασικό βήμα | 20px |
| Ακτίνα κουμπιού | 0px |
| Ακτίνα κάρτας | 8px |
| Σκιές | χωρίς περιγράμματα αντί για σκιές |
| Μεταξύ τμημάτων | 80px |
| Πλάτος σελίδας | 1200px |
Η Τεχνητή Νοημοσύνη θα δημιουργήσει τον ιστότοπό σας σε στυλ Ventriloc και θα τον γεμίσει
- Συμπληρώστε με προϊόντα και αναρτήσεις μέσω του συνδέσμου - Instagram, TikTok, Facebook.
- Μεταφέρετε περιεχόμενο από τον παλιό σας ιστότοπο—απλώς καθορίστε τη διεύθυνση.
- Μοντέρνος σχεδιασμός στην καλύτερη μηχανή αναζήτησης: React ( Next.js) με απόδοση διακομιστή και βελτιστοποίηση SEO από την πρώτη στιγμή.
- Πλήρως αυτοματοποιημένη βελτιστοποίηση SEO για αποτελέσματα αναζήτησης και προτάσεις νευρωνικών δικτύων.
Παρόμοια στυλ
- Ui — κλινικό σχέδιο σε ματ χαρτί
- Geniestudio — Ένα απαλό σημειωματάριο με φως ημέρας—από αυτά με μεγάλα περιθώρια και μία χοντρή γραμμή πένας
- xAI — Εργαστήριο ζεστής κρέμας με μαύρο χάπι
- Cal — Μονόχρωμη πρακτικότητα, μια ανθρώπινη προσέγγιση. Ένα σύστημα που δίνει προτεραιότητα στη σαφήνεια και τη λειτουργικότητα μέσα από μια αυστηρή ασπρόμαυρη παλέτα, αλλά την απαλύνει με φιλική τυπογραφία και στρογγυλεμένα σχήματα.
- Scale — Ένα φωτογραφικό εργαστήριο υψηλής ποιότητας, μουσειακής ποιότητας, σε συνδυασμό με ένα τεχνικό έργο
- Contractbook — συμβόλαια από κρεμ χαρτί κάτω από έναν υπερμαραθώνιο ουρανό
- AutoSend — Ένα άνετο πέτρινο στούντιο με ένα μόνο μωβ φως—όπου οι σερίφ τίτλοι και οι φωτεινές ινδικές εκκλήσεις για δράση συνυπάρχουν σε έναν ήσυχο, σχεδόν λευκό χώρο.
- Air — γλυπτό "Μεσόνυχος Ουρανός Μέσα από Γυαλί"
- SpatialChat — μωβ σφυγμός σε λευκή περγαμηνή
- Squarespace — Γκαλερί Κινηματογραφικής Μονόχρωμης
- Giga — Μεσονύχτιος ορίζοντας πάνω από παγωμένο οψιανό
- Supabase — Ένας επεξεργαστής κώδικα τα μεσάνυχτα με μια φωσφοριζέ πράσινη κουκκίδα—ένας μοναδικός χρωματικός παλμός σε μια θάλασσα από σκόνη άνθρακα