Dala
ένας αστερισμός που αιωρείται πάνω σε μαύρο βελούδο
Η Dala παρουσιάζει έναν σκοτεινό χώρο όπου τα μαύρα κενά συναντούν μια μοναδική ζωντανή μωβ προφορά, που διακόπτεται από κεχριμπαρένιες λάμψεις. Η τυπογραφία είναι μονολιθική και χωρίς βαρύτητα—η PPNeueMontreal, μια γραμματοσειρά βάρους 400, κυριαρχεί σε κάθε τίτλο σε υπερμεγέθη μέγεθος (78–113px) με επιθετική αρνητική απόσταση μεταξύ των γραμμάτων, κάνοντας τους τίτλους να φαίνονται περισσότερο γλυπτικοί παρά ενημερωτικοί. Το οπτικό κέντρο είναι ένας αστερισμός μικροσκοπικών, πολύχρωμων τριγωνικών σωματιδίων, που σχηματίζουν ένα οργανικό σχήμα εγκεφάλου, το οποίο χρησιμεύει ως η χαρακτηριστική χειρονομία της μάρκας: η γνώση απεικονίζεται ως κατανεμημένη νοημοσύνη και όχι ως ιεραρχικά δεδομένα. Η διάταξη ακολουθεί έναν ευρύχωρο ρυθμό δύο στηλών—υπερμεγέθεις, αριστερώς ευθυγραμμισμένοι τίτλοι σε συνδυασμό με εκτεταμένο κείμενο σώματος, που αιωρούνται σε ένα καθαρό μαύρο φόντο χωρίς πλαίσια, πλαίσια ή κάρτες. Τα στοιχεία έχουν σκόπιμα μειωθεί στην πιο ουσιαστική τους μορφή: ένα μόνο μωβ κουμπί χάπι, σύνδεσμοι κρυφού κειμένου και μεγάλα μπλοκ κειμένου.
Τα τμήματα πλήρους πλάτους είναι διατεταγμένα σε έναν καθαρό μαύρο καμβά, με μέγιστο πλάτος περιεχομένου ~1280px στο κέντρο. Το κύριο τμήμα διαθέτει μια ασύμμετρη διάταξη δύο στηλών: μια μεγάλη επικεφαλίδα με αριστερή στοίχιση (113px) με το κύριο κείμενο και την παρότρυνση για δράση στο αριστερό μισό, ενώ μια οπτικοποίηση "εγκέφαλος σωματιδίων" καταλαμβάνει το δεξί μισό σε τεράστια κλίμακα. Τα επόμενα τμήματα εναλλάσσονται μεταξύ δύο στηλών (οπτική αριστερά/κείμενο δεξιά, έπειτα κείμενο αριστερά/οπτική δεξιά), δημιουργώντας έναν ρυθμό ανάγνωσης ζιγκ-ζαγκ. Τα κενά μεταξύ των τμημάτων είναι γενναιόδωρα (60–120px κάθετα). Δεν υπάρχουν πλέγματα καρτών, πίνακες τιμολόγησης ή περιγραφές χαρακτηριστικών πολλαπλών στηλών - το περιεχόμενο είναι διατεταγμένο σε ευρύχωρα μπλοκ κειμένου-οπτικής δύο στηλών. Η πλοήγηση είναι μια μινιμαλιστική διαφανής επάνω γραμμή, χωρίς πλαϊνή γραμμή ή mega-μενού. Η πυκνότητα των στοιχείων είναι εξαιρετικά υψηλή - ένα ή δύο στοιχεία ανά παράθυρο προβολής, ποτέ υπερφορτωμένα με πληροφορίες.
Ο οπτικός σχεδιασμός είναι εντελώς διαδικαστικός και αφηρημένος—δεν υπάρχουν φωτογραφίες εκτός από τα πορτρέτα της ομάδας. Η οπτική ταυτότητα της μάρκας είναι ένα πυκνό σύννεφο χιλιάδων μικροσκοπικών, περιγραμμένων τριγωνικών σωματιδίων που αποδίδονται σε ένα πλήρες, ζωντανό φάσμα (βιολετί, κεχριμπαρένιο, τυρκουάζ, μοβ, μπλε), σχηματίζοντας ένα οργανικό σχήμα εγκεφάλου/νευρώνα. Αυτό το πεδίο σωματιδίων είναι κινούμενο και χρησιμεύει τόσο ως η κύρια εικόνα όσο και ως στοιχείο ταυτότητας της μάρκας. Τα περιβάλλοντα σωματίδια, σε χαμηλότερη πυκνότητα, κινούνται κατά μήκος του φόντου της σελίδας. Τα τρίγωνα έχουν περιγράμματα, πάχος γραμμής 1–2px, αιχμηρές άκρες και πλούσια, χρωματικά χρώματα—ποτέ σε κλίμακα του γκρι. Τα πορτρέτα ομάδων εμφανίζονται ως μεγάλα, στρογγυλεμένα ορθογώνια (ακτίνα 124px) χωρίς περιγράμματα ή επικαλύψεις. Δεν υπάρχουν στιγμιότυπα οθόνης προϊόντων, φωτογραφίες lifestyle, τρισδιάστατες απεικονίσεις—το σύστημα σωματιδίων ΕΙΝΑΙ η οπτική μάρκα.
Παλέτα
Μάρκα
- Electric Iris
#8052ff— Τα κύρια κουμπιά δράσης, το λογότυπο και οι λεπτομέρειες της επωνυμίας έχουν ένα ενιαίο, πλούσιο μωβ χρώμα, που σηματοδοτεί τη διαδραστικότητα και την ταυτότητα της επωνυμίας σε μαύρο φόντο.
Ουδέτερος
- Void
#000000— Ο καμβάς της σελίδας, τα φόντα των ενοτήτων, ο αρνητικός χώρος—η κυρίαρχη επιφάνεια είναι καθαρό μαύρο, όχι σκούρο γκρι, δημιουργώντας ένα κενό που επιτρέπει στις χρωματικές πινελιές να αιωρούνται ελεύθερα. - Bone White
#ffffff— Επικεφαλίδες, κείμενο σώματος, γέμισμα εικονιδίων, κατάσταση ενεργής πλοήγησης - το μόνο τυπογραφικό χρώμα που παρέχει μέγιστη ιεραρχία σε μαύρο φόντο. - Ash Gray
#9a9a9a— Το διακριτικό κείμενο πλοήγησης, το ημιδιαφανές χρώμα συνδέσμων και οι πρόσθετες ετικέτες κρύβονται πίσω από το κύριο κείμενο χωρίς να γίνονται αόρατα. - Silver Mist
#bdbdbd— Επιπλέον κείμενο, πληροφορίες σε επίπεδο λεζάντας - το πιο ήσυχο και ευανάγνωστο γκρι χρώμα, για την υποστήριξη του συμφραζομένου. - Saffron Spark
#ffb829— Η επισήμανση κειμένου, η έμφαση στους συνδέσμους και η προσέλκυση της προσοχής με σημεία στίξης—το ζεστό κίτρινο σε μοβ φόντο δημιουργεί χρωματική ένταση για την επωνυμία. - Deep Verdant
#15846e— Η δευτερεύουσα επιφανειακή απόχρωση, ένα ντεγκραντέ λογότυπου, εκδηλώνεται ως μια πιο σκούρα άκρη της ντεγκραντέ της μάρκας και με τη μορφή μόλις αισθητών μεταβάσεων σε τόνους.
Τυπογραφία
από 12 έως 113px · 10 βήματα
- PPNeueMontreal — αντικατάσταση: Inter · περιγράμματα 200, 400, 600, 700 · Χρησιμοποιείται μια συνεπής γραμματοσειρά σε όλα τα περιβάλλοντα UI. Οι επικεφαλίδες σε μεγέθη εμφάνισης (78–113px) χρησιμοποιούν βάρος 400 με απόσταση μεταξύ γραμμάτων -0,04em—το ίδιο βάρος με το κείμενο του σώματος, αλλά η μεγαλύτερη κλίμακα δημιουργεί ιεραρχία. Ένα βάρος 200 (μια εξαιρετικά ελαφριά γραμματοσειρά) προορίζεται για κείμενο σώματος 18px. Αυτή είναι μια απόφαση που αφορά την επωνυμία: οι περισσότεροι ιστότοποι AI/SaaS χρησιμοποιούν 400 για κείμενο σώματος, αλλά το Dala μειώνει το βάρος για να διατηρεί τις παραγράφους ευανάγνωστες και μη επιθετικές. Ένα βάρος 600 με απόσταση μεταξύ γραμμάτων 14px, απόσταση μεταξύ γραμμάτων 0,025em και κεφαλαία γράμματα χρησιμοποιείται για πλοήγηση και μικρές επικεφαλίδες. Η χρήση 400 τόσο για επικεφαλίδες 113px όσο και για κείμενο σώματος 15px είναι ασυνήθιστη—υποδηλώνει ότι η επωνυμία βασίζεται στην κλίμακα και όχι στο βάρος για τη δημιουργία ιεραρχίας.
Διαστήματα και μορφή
| Σκοπός | Εννοια |
|---|---|
| Πυκνότητα | πυκνός |
| Βασικό βήμα | 6-18px |
| Ακτίνα κουμπιού | 24px |
| Ακτίνα κάρτας | 24px |
| Σκιές | χωρίς περιγράμματα αντί για σκιές |
| Μεταξύ τμημάτων | 60-120px |
| Πλάτος σελίδας | 1280px |
Η Τεχνητή Νοημοσύνη θα δημιουργήσει τον ιστότοπό σας σε στυλ Dala και θα τον γεμίσει
- Συμπληρώστε με προϊόντα και αναρτήσεις μέσω του συνδέσμου - Instagram, TikTok, Facebook.
- Μεταφέρετε περιεχόμενο από τον παλιό σας ιστότοπο—απλώς καθορίστε τη διεύθυνση.
- Μοντέρνος σχεδιασμός στην καλύτερη μηχανή αναζήτησης: React ( Next.js) με απόδοση διακομιστή και βελτιστοποίηση SEO από την πρώτη στιγμή.
- Πλήρως αυτοματοποιημένη βελτιστοποίηση SEO για αποτελέσματα αναζήτησης και προτάσεις νευρωνικών δικτύων.
Παρόμοια στυλ
- Linear — όργανο ακριβείας μεσονυχτίου
- Resend — μαύρο βελούδο με μωβ νέον χρώμα
- Ciridae — Ένα άδειο δωμάτιο με τον παλμό των σιγοκαίεινων κάρβουνων - ένας σχεδόν μαύρος καθεδρικός ναός όπου ο μόνος ζεστός ήχος είναι μια λεπτή γραμμή σκουριάς, και κάθε επιφάνεια ορίζεται από λεπτές γραμμές παρά από σκιά.
- Dovetail — Ένα σχέδιο κάτω από ένα μαύρο φεγγάρι—μόλις ορατές γραμμές γραφήματος, λευκή γραμματοσειρά, μια μωβ λάμψη
- Neon — Ένα δωμάτιο διακομιστή μετά το σκοτάδι. Απόλυτο σκοτάδι, όπου το μόνο φως προέρχεται από δεδομένα και αλληλεπιδράσεις χρηστών.
- Discord — Ο κόσμος του παιχνιδιού είναι κρυμμένος πίσω από ένα αναδυόμενο παράθυρο συνομιλίας - κάθε ενότητα είναι ένα αυτόνομο περιβάλλον με το δικό του φωτισμό και σύνολο χαρακτήρων.
- Aaru — Παρατηρητήριο Σωματιδιακού Πεδίου τα Μεσάνυχτα
- Atlas Card — Το Midnight Vault, με τη μοναδική ακτίνα ζαφειριού του, είναι μια κατάμαυρη έκταση όπου το μόνο που έχει σημασία είναι το βαθύ ηλεκτρίκ μπλε.
- Midjourney — Ένα βιοφωταυγές τερματικό στα βάθη του ωκεανού. Ένας κόσμος στα βαθιά όπου η νοημοσύνη παράγεται οπτικά σε ροές ASCII και τα χειριστήρια εμφανίζονται ως αμυδρά λαμπερά μοτίβα.
- Checkly — Κέντρο Ελέγχου Αποστολών Βαθιάς Τροχιάς
- Krea — γκαλερί νουάρ τα μεσάνυχτα
- Wope — Το Wope είναι μια μωβ διεπαφή ορίζοντα. Φανταστείτε ένα σκοτεινό τραπέζι παρατηρητηρίου με ένα μωβ φως να λάμπει κάτω από το γυαλί.