Resend
μαύρο βελούδο με μωβ νέον χρώμα
Η λειτουργία Resend υπάρχει σε σχεδόν απόλυτο σκοτάδι—ένας καθαρός μαύρος καμβάς, λεπτά περιγράμματα από γραφίτη και τυπογραφία λευκού σε μαύρο που δημιουργεί την αίσθηση ότι διαβάζετε κείμενο τυπωμένο σε παγωμένο γυαλί. Το κύριο στοιχείο είναι αντι-διακοσμητικό: ένας μόνος μεγάλος τίτλος serif σε Domaine 96px δίπλα σε έναν τρισδιάστατο μαύρο κύβο, χωρίς διαβαθμίσεις ή εικονογραφήσεις μάρκετινγκ. Το σήμα της επωνυμίας είναι ένα πλούσιο μωβ (#9281f7), το οποίο εμφανίζεται σε γραμμές διευθύνσεων email, εικονίδια κατάστασης και δείγματα κώδικα—ποτέ σε κουμπιά. Μια γραμματοσειρά monospaced (Commit Mono) μεταφέρει την προσωπικότητα του προγραμματιστή μέσα από κάθε μπλοκ κώδικα, εικονίδιο και ενσωματωμένη ετικέτα, κάνοντας τη σελίδα να μοιάζει με τερματικό που περικλείεται σε μια πολυτελή διεπαφή. Τα στοιχεία έχουν αιχμηρές ή ελαφρώς στρογγυλεμένες γωνίες (6px / 16px), χαμηλά ύψη και χρησιμοποιούν περιγράμματα 1px αντί για σκιές για να διαχωρίζουν τα επίπεδα. Η δυναμική είναι διακριτική αλλά εκφραστική: ομαλή εξασθένιση και ολίσθηση κειμένου στην κύρια οθόνη, διακριτική περιστροφή του κύβου χρησιμοποιώντας WebGL και σύντομες μεταβάσεις 150 ms κατά την τοποθέτηση του δείκτη του ποντικιού.
Ο οπτικός σχεδιασμός αποτελείται σχεδόν εξ ολοκλήρου από τρισδιάστατα αντικείμενα που αποδίδονται με WebGL (ο μαύρος κύβος στο κύριο παράθυρο, περιστρεφόμενα γεωμετρικά σχήματα) και ενσωματωμένα στιγμιότυπα οθόνης της διεπαφής χρήστη του προϊόντος που εμφανίζονται σε παράθυρα σκοτεινού κώδικα. Δεν χρησιμοποιούνται φωτογραφίες, εικονογραφήσεις ή εικόνες τρόπου ζωής. Τα λογότυπα στη γραμμή εμπιστοσύνης είναι ενσωματωμένες εικόνες SVG στα αρχικά τους χρώματα. Τα εικονίδια είναι περιγράμματα 1px-1,5px με περίγραμμα #f0f0f0 ή #a1a4a5. Η οπτική γλώσσα: ένας μαύρος καμβάς, ένα τρισδιάστατο αντικείμενο ως άγκυρα του κύριου παραθύρου, παράθυρα σκοτεινού κώδικα ως απόδειξη προϊόντος, λευκά λογότυπα SVG ως κοινωνική απόδειξη. Τίποτα διακοσμητικό - κάθε οπτικό στοιχείο είναι είτε δομικό (ο κύβος) είτε επιδεικτικό (το παράθυρο κώδικα, το λογότυπο).
Παλέτα
Μάρκα
- Iris Violet
#9281f7— Μωβ κείμενο με έμφαση για συνδέσμους, ετικέτες και επισημασμένες σύντομες φράσεις. Διαγώνια διαβάθμιση από μωβ έως ματζέντα σε κοντέινερ εικονιδίων και εικονίδια επωνυμίας. - Iris Violet Glow
#baa7ff— Σύνδεσμοι, ετικέτες και σύντομες επισημασμένες φράσεις επισημαίνονται με μοβ.
Ουδέτερος
- Void Black
#000000— Φόντο σελίδας, επιφάνειες από χαρτόνι, οθόνες επικάλυψης - ολόκληρος ο καμβάς. - Graphite Hairline
#292d30— Περιγράμματα 1px σε κάρτες, πεδία εισόδου, κουμπιά, μπλοκ κώδικα και διαχωριστικά ορίζουν τον διαχωρισμό κάθε επιπέδου. - White
#ffffff— Κύριες επικεφαλίδες, τίτλος, ετικέτες κουμπιών, γέμισμα εικονιδίων σε σκούρες επιφάνειες. - Bone White
#f0f0f0— Κύριο κείμενο, δευτερεύουσες επικεφαλίδες, περιγράμματα εικονιδίων - το κύριο χρώμα για ανάγνωση. - Ash Gray
#a1a4a5— Σίγαση κειμένου σώματος, ετικέτες εικονιδίων, περιγράμματα εικονιδίων - κείμενο τρίτου επιπέδου και μεταδεδομένα. - Smoke Gray
#abafb4— Χρώμα συνδέσμου, απενεργοποιημένο κείμενο κουμπιού, βοηθητικές ετικέτες - κείμενο τέταρτου επιπέδου
Τυπογραφία
από 12 έως 96px · 8 βήματα
- Inter — αντικατάσταση: Inter (Google Fonts) · περιγράμματα 400, 500, 600 · Κείμενο σώματος, ετικέτες UI, πλοήγηση, κουμπιά, σύνδεσμοι. Εργαλείο εργασίας – εμφανίζεται 1.280 φορές σε όλες τις επιφάνειες εκτός από τον κώδικα.
- Domaine — αντικατάσταση: GT Sectra · περιγράμματα 400 · Το κείμενο του τίτλου—μια γραμματοσειρά 400 στιγμών με απόσταση 96px μεταξύ των γραμμάτων—δημιουργεί μια αίσθηση σύνταξης, σχεδόν έντυπης. Χρησιμοποιείται μόνο δύο φορές σε ολόκληρη τη σελίδα για τον μεγαλύτερο τίτλο.
- aBC Favorit — αντικατάσταση: Inter Display · περιγράμματα 400, 500 · Επικεφαλίδες και υποεπικεφαλίδες ενοτήτων. Η γραμματοσειρά στυλ επωνυμίας είναι 56px, το βάρος είναι 400 και η απόσταση μεταξύ των γραμμάτων είναι -0,05em. Η εξαιρετικά αρνητική απόσταση μεταξύ των γραμμάτων σε αυτήν την γεωμετρική γραμματοσειρά sans-serif δημιουργεί μια συμπυκνωμένη, σίγουρη εντύπωση, σε αντίθεση με την κύρια γραμματοσειρά Domaine.
Διαστήματα και μορφή
| Σκοπός | Εννοια |
|---|---|
| Πυκνότητα | ευρύχωρος |
| Βασικό βήμα | 16px |
| Ακτίνα κουμπιού | 6px |
| Ακτίνα κάρτας | 16px |
| Σκιές | χωρίς περιγράμματα αντί για σκιές |
| Μεταξύ τμημάτων | 96px |
| Πλάτος σελίδας | 1200px |
Η Τεχνητή Νοημοσύνη θα δημιουργήσει τον ιστότοπό σας σε στυλ Resend και θα τον γεμίσει
- Συμπληρώστε με προϊόντα και αναρτήσεις μέσω του συνδέσμου - Instagram, TikTok, Facebook.
- Μεταφέρετε περιεχόμενο από τον παλιό σας ιστότοπο—απλώς καθορίστε τη διεύθυνση.
- Μοντέρνος σχεδιασμός στην καλύτερη μηχανή αναζήτησης: React ( Next.js) με απόδοση διακομιστή και βελτιστοποίηση SEO από την πρώτη στιγμή.
- Πλήρως αυτοματοποιημένη βελτιστοποίηση SEO για αποτελέσματα αναζήτησης και προτάσεις νευρωνικών δικτύων.
Παρόμοια στυλ
- Neon — Ένα δωμάτιο διακομιστή μετά το σκοτάδι. Απόλυτο σκοτάδι, όπου το μόνο φως προέρχεται από δεδομένα και αλληλεπιδράσεις χρηστών.
- Discord — Ο κόσμος του παιχνιδιού είναι κρυμμένος πίσω από ένα αναδυόμενο παράθυρο συνομιλίας - κάθε ενότητα είναι ένα αυτόνομο περιβάλλον με το δικό του φωτισμό και σύνολο χαρακτήρων.
- Midjourney — Ένα βιοφωταυγές τερματικό στα βάθη του ωκεανού. Ένας κόσμος στα βαθιά όπου η νοημοσύνη παράγεται οπτικά σε ροές ASCII και τα χειριστήρια εμφανίζονται ως αμυδρά λαμπερά μοτίβα.
- Wope — Το Wope είναι μια μωβ διεπαφή ορίζοντα. Φανταστείτε ένα σκοτεινό τραπέζι παρατηρητηρίου με ένα μωβ φως να λάμπει κάτω από το γυαλί.
- Ori — Η αίθουσα σερβιτόρων τα μεσάνυχτα είναι ένα μαύρο κενό, με λευκό φως, έναν διακόπτη αναμμένο.
- Amaterasu — Ουράνιο Τυρκουάζ Ιερό
- Obsidian — Ένα αποθετήριο κρυστάλλινης γνώσης. Ένας σαφής, πολύπλευρος ψηφιακός χώρος σχεδιασμένος για σαφήνεια και εστίαση, με φωτεινές μωβ φλέβες αλληλεπίδρασης.
- Morphic — Ένας σκοτεινός κινηματογραφικός καμβάς για αφήγηση με τεχνητή νοημοσύνη. Το καθαρό μαύρο απορροφά τα πάντα εκτός από τον μπλε παλμό μιας μόνο πινελιάς και τη λάμψη της παραγόμενης εικόνας.
- Valo — Ένα νουάρ παρατηρητήριο τα μεσάνυχτα—τυπογραφία 300pt αιωρείται σε ένα καθαρό μαύρο φόντο, ενώ μια ενιαία τιρκουάζ-μωβ διαβάθμιση διατρέχει το δωμάτιο σαν γραμμή λέιζερ.
- JetBrains — Νεφέλωμα Νέον στο Obsidian – Μια σελίδα με μαύρο φόντο όπου οι μωβ-μπλε διαβαθμίσεις ανθίζουν σαν εικόνες του βαθιού διαστήματος, διανθισμένες με έντονο ροζ νέον και τη χρωματική λάμψη των εικονιδίων για κάθε προϊόν.
- beehiiv — Μεσονύκτιο Παρατηρητήριο με Νέον Πλάσμα
- RainbowKit — Ένας νέον οργανωτής πορτοφολιών σε μοντάλ χρώμα αιωρείται σε ένα μαύρο κενό, με μια μπλε-βιολετί λάμψη να διαπερνά το σκοτάδι.