Ui
κλινικό σχέδιο σε ματ χαρτί
Το shadcn/ui είναι ένα εργαστήριο για τη δημιουργία ενός μονόχρωμου συστήματος σχεδίασης: ένας καθαρός λευκός καμβάς, απαλές, ζεστές γκρι επιφάνειες και κάρτες μεγάλης ακτίνας τοποθετημένες στα πιο διακριτικά περιγράμματα. Η διεπαφή είναι σχεδόν εξ ολοκλήρου αχρωματική - μαύρο κείμενο, λευκές επιφάνειες, γκρι δευτερεύοντες τόνοι - με ένα μόνο, ανατρεπτικό κόκκινο χρώμα που προορίζεται για καταστάσεις σφάλματος και τίποτα άλλο. Η τυπογραφία βασίζεται στη γεωμετρική ουδετερότητα του Geist με στενό ύψος γραμμάτων στις οθόνες, δημιουργώντας μια ήρεμη, κωδικοποιημένη αίσθηση που μοιάζει περισσότερο με υποδομή προγραμματιστή παρά με καταναλωτικό προϊόν.
Ελάχιστες εικόνες—το σύστημα αποτελείται σχεδόν εξ ολοκλήρου από τη διεπαφή χρήστη. Δεν υπάρχουν βασικές φωτογραφίες, εικόνες ή διακοσμητικά γραφικά. Τα demos προϊόντων παρουσιάζονται ως μακέτες στοιχείων (κάρτες, πεδία εισαγωγής, κουμπιά) σε ένα πλέγμα, που χρησιμεύουν τόσο ως τεκμηρίωση όσο και ως οπτικό περιεχόμενο. Τα εικονίδια είναι λεπτές γεωμετρικές γραμμές (πιθανώς δανεισμένες από το Lucide) πάχους 1,5–2px σε σχήμα #0a0a0a ή #737373, που χρησιμοποιούνται με φειδώ ως λειτουργικά στοιχεία. Η οπτική γλώσσα είναι τα ίδια τα στοιχεία του UI—η σελίδα λειτουργεί ως ένας ζωντανός οδηγός στυλ, όπου κάθε ορατό στοιχείο είναι ένα ορατό στοιχείο σχεδίασης.
Παλέτα
Ουδέτερος
- Canvas
#f5f5f5— Φόντο σελίδας, απαλό γέμισμα επιφάνειας, πρόσθετα κουμπιά. - Paper
#ffffff— Επιφάνειες καρτών, αναδυόμενα φόντα, γεμίσματα κύριων κουμπιών - Surface Alt
#fafafa— Φόντο πλευρικής γραμμής, διακριτική επιλογή κάρτας, κατάσταση αδράνειας του πεδίου εισαγωγής. - Ink
#0a0a0a— Κύριο κείμενο, επικεφαλίδες, ετικέτες κουμπιών, περιγράμματα εικονιδίων. - Ink Soft
#171717— Εικόνες φόντου κουμπιών με γέμισμα, επιπλέον κείμενο σε ανοιχτόχρωμες επιφάνειες. - Mid Gray
#737373— Το κύριο κείμενο, το κείμενο κράτησης θέσης, οι βοηθητικές ετικέτες και το γέμισμα εικονιδίων σε κατάσταση ηρεμίας είναι όλα σε σίγαση.
Τυπογραφία
από 12 έως 48px · 8 βήματα
- Geist — αντικατάσταση: Inter · περιγράμματα 400, 500, 600 · Όλο το κείμενο της διεπαφής—κείμενο σώματος με πάχος γραμμής 14px/400, επικεφαλίδες με πάχος γραμμής 24–48px/600 και κουμπιά με πάχος γραμμής 13–14px/500. Οι γεωμετρικές μορφές γραμμάτων του Geist και το ομοιόμορφο πάχος γραμμής δημιουργούν μια ουδέτερη αίσθηση για τα εργαλεία προγραμματιστών. Το πάχος γραμμής 600 με απόσταση γραμμάτων 48px και απόσταση γραμμάτων -0,05em εξασφαλίζει σαφείς, σίγουρες επικεφαλίδες που φαίνονται προσεγμένες και όχι επεξεργασμένες.
Διαστήματα και μορφή
| Σκοπός | Εννοια |
|---|---|
| Πυκνότητα | πυκνός |
| Βασικό βήμα | 8px |
| Ακτίνα κουμπιού | 18px |
| Ακτίνα κάρτας | 24px |
| Σκιές | χωρίς περιγράμματα αντί για σκιές |
| Μεταξύ τμημάτων | 48-80px |
| Πλάτος σελίδας | 1280px |
Η Τεχνητή Νοημοσύνη θα δημιουργήσει τον ιστότοπό σας σε στυλ Ui και θα τον γεμίσει
- Συμπληρώστε με προϊόντα και αναρτήσεις μέσω του συνδέσμου - Instagram, TikTok, Facebook.
- Μεταφέρετε περιεχόμενο από τον παλιό σας ιστότοπο—απλώς καθορίστε τη διεύθυνση.
- Μοντέρνος σχεδιασμός στην καλύτερη μηχανή αναζήτησης: React ( Next.js) με απόδοση διακομιστή και βελτιστοποίηση SEO από την πρώτη στιγμή.
- Πλήρως αυτοματοποιημένη βελτιστοποίηση SEO για αποτελέσματα αναζήτησης και προτάσεις νευρωνικών δικτύων.
Παρόμοια στυλ
- Ventriloc — Ένα συντακτικό παρατηρητήριο δεδομένων σε ζεστό χαρτί - ένα μόνο πορτοκαλί κάρβουνο που τονίζει την μονόχρωμη ακρίβεια
- Geniestudio — Ένα απαλό σημειωματάριο με φως ημέρας—από αυτά με μεγάλα περιθώρια και μία χοντρή γραμμή πένας
- xAI — Εργαστήριο ζεστής κρέμας με μαύρο χάπι
- Cal — Μονόχρωμη πρακτικότητα, μια ανθρώπινη προσέγγιση. Ένα σύστημα που δίνει προτεραιότητα στη σαφήνεια και τη λειτουργικότητα μέσα από μια αυστηρή ασπρόμαυρη παλέτα, αλλά την απαλύνει με φιλική τυπογραφία και στρογγυλεμένα σχήματα.
- Scale — Ένα φωτογραφικό εργαστήριο υψηλής ποιότητας, μουσειακής ποιότητας, σε συνδυασμό με ένα τεχνικό έργο
- Contractbook — συμβόλαια από κρεμ χαρτί κάτω από έναν υπερμαραθώνιο ουρανό
- AutoSend — Ένα άνετο πέτρινο στούντιο με ένα μόνο μωβ φως—όπου οι σερίφ τίτλοι και οι φωτεινές ινδικές εκκλήσεις για δράση συνυπάρχουν σε έναν ήσυχο, σχεδόν λευκό χώρο.
- Air — γλυπτό "Μεσόνυχος Ουρανός Μέσα από Γυαλί"
- SpatialChat — μωβ σφυγμός σε λευκή περγαμηνή
- Squarespace — Γκαλερί Κινηματογραφικής Μονόχρωμης
- Giga — Μεσονύχτιος ορίζοντας πάνω από παγωμένο οψιανό
- Supabase — Ένας επεξεργαστής κώδικα τα μεσάνυχτα με μια φωσφοριζέ πράσινη κουκκίδα—ένας μοναδικός χρωματικός παλμός σε μια θάλασσα από σκόνη άνθρακα