Ui
मॅट पेपरवरील क्लिनिकल योजना
shadcn/ui ही एक मोनोक्रोम डिझाइन सिस्टीम तयार करण्यासाठीची कार्यशाळा आहे: एक स्वच्छ पांढरा कॅनव्हास, सौम्य उबदार राखाडी पृष्ठभाग आणि अत्यंत सूक्ष्म बॉर्डरवर ठेवलेले मोठ्या त्रिज्येचे कार्ड्स. इंटरफेस जवळजवळ पूर्णपणे रंगहीन आहे—काळा मजकूर, पांढरे पृष्ठभाग, राखाडी दुय्यम छटा—ज्यात केवळ त्रुटी दर्शवण्यासाठी एकच, लक्षवेधी लाल रंग वापरला आहे. टायपोग्राफी Geist च्या भौमितिक तटस्थतेवर आणि स्क्रीनवर अक्षरांची कमी उंची यावर अवलंबून आहे, ज्यामुळे एक शांत, कोडसारखा अनुभव मिळतो, जो ग्राहक उत्पादनापेक्षा डेव्हलपर इन्फ्रास्ट्रक्चरसारखा अधिक वाटतो.
अत्यंत कमी प्रतिमा—ही प्रणाली जवळजवळ पूर्णपणे वापरकर्ता इंटरफेसने बनलेली आहे. यात कोणतेही मुख्य फोटो, चित्रे किंवा सजावटीचे ग्राफिक्स नाहीत. उत्पादनाचे डेमो एका ग्रिडमध्ये घटक मॉकअप्स (कार्ड्स, इनपुट फील्ड्स, बटणे) म्हणून सादर केले जातात, जे दस्तऐवजीकरण आणि दृश्य सामग्री या दोन्हीची भूमिका बजावतात. आयकॉन्स हे #0a0a0a किंवा #737373 रंगांमधील १.५-२ पिक्सेल जाडीच्या पातळ भौमितिक रेषा आहेत (बहुधा ल्युसाइडकडून घेतलेल्या), ज्यांचा वापर कार्यात्मक संकेत म्हणून क्वचितच केला जातो. दृश्य भाषा ही स्वतः UI घटकच आहेत—हे पृष्ठ एका जिवंत स्टाईल गाईडप्रमाणे कार्य करते, जिथे प्रत्येक दिसणारा घटक हा एक दिसणारा डिझाइन घटक असतो.
पॅलेट
तटस्थ
- Canvas
#f5f5f5— पृष्ठाची पार्श्वभूमी, सौम्य पृष्ठभाग भरण, अतिरिक्त बटणे. - Paper
#ffffff— कार्ड पृष्ठभाग, पॉप-अप पार्श्वभूमी, प्राथमिक बटण भरण - Surface Alt
#fafafa— साइडबारची पार्श्वभूमी, अडथळा न आणणारा कार्ड पर्याय, इनपुट फील्डची निष्क्रिय स्थिती. - Ink
#0a0a0a— मुख्य मजकूर, शीर्षके, बटणांची नावे, आयकॉनची रूपरेषा. - Ink Soft
#171717— रंग भरलेल्या बटणांच्या पार्श्वभूमी प्रतिमा, फिकट पृष्ठभागांवर अतिरिक्त मजकूर. - Mid Gray
#737373— मुख्य मजकूर, प्लेसहोल्डर मजकूर, सहाय्यक लेबल्स आणि स्थिर असतानाचा आयकॉन फिल हे सर्व म्यूटेड आहेत.
टायपोग्राफी
१२ ते ४८ पिक्सेल · ८ टप्पे
- Geist — बदली: Inter · रूपरेषा 400, 500, 600 · सर्व इंटरफेस मजकूर—मुख्य मजकूर १४px/४०० लाइन वेटसह, शीर्षके २४–४८px/६०० लाइन वेटसह, आणि बटणे १३–१४px/५०० लाइन वेटसह. Geist चे भौमितिक अक्षररूप आणि एकसमान लाइन वेट डेव्हलपर टूल्सना एक नैसर्गिक स्वरूप देतात; ६०० लाइन वेट, ४८px लेटर स्पेसिंग आणि -०.०५em लेटर स्पेसिंगमुळे स्पष्ट, आत्मविश्वासपूर्ण शीर्षके मिळतात, जी संपादित करण्याऐवजी विचारपूर्वक लिहिलेली दिसतात.
अंतर आणि स्वरूप
| उद्देश | अर्थ |
|---|---|
| घनता | दाट |
| मूलभूत पायरी | 8px |
| बटण त्रिज्या | 18px |
| कार्ड त्रिज्या | 24px |
| सावल्या | सावल्यांऐवजी सीमा नाहीत |
| विभागांच्या दरम्यान | 48-80px |
| पृष्ठाची रुंदी | 1280px |
एआय तुमची वेबसाईट Ui स्टाईलमध्ये तयार करेल आणि ती भरेल.
- लिंकद्वारे उत्पादने आणि पोस्ट्स भरा - Instagram, TikTok, Facebook.
- तुमच्या जुन्या साइटवरून सामग्री हस्तांतरित करा—फक्त पत्ता नमूद करा.
- सर्वोत्तम इंजिनवर आधुनिक डिझाइन: React ( Next.js) ज्यामध्ये सर्व्हर रेंडरिंग आणि एसईओ ऑप्टिमायझेशन अंगभूत आहेत.
- शोध परिणामांसाठी पूर्णपणे स्वयंचलित एसईओ ऑप्टिमायझेशन आणि न्यूरल नेटवर्क शिफारसी.
समान शैली
- Ventriloc — गरम कागदावरील डेटाची एक संपादकीय वेधशाळा - एक नारंगी निखारा जो एकरंगी अचूकतेला अधोरेखित करतो.
- Geniestudio — दिवसाच्या प्रकाशासारखी मऊ वही—रुंद समास आणि एकाच जाड पेनाच्या रेघेसारखी.
- xAI — काळ्या गोळीसह गरम क्रीम लॅब
- Cal — एकरंगी उपयुक्तता, एक मानवी दृष्टिकोन. एक अशी प्रणाली जी कठोर कृष्णधवल रंगसंगतीद्वारे स्पष्टता आणि कार्यक्षमतेला प्राधान्य देते, पण मैत्रीपूर्ण टायपोग्राफी आणि गोलाकार आकारांनी त्याला मृदु रूप देते.
- Scale — एका तांत्रिक प्रकल्पासह एक उच्च दर्जाची, संग्रहालयाच्या दर्जाची फोटो लॅब
- Contractbook — गडद निळ्या आकाशाखाली क्रीम रंगाच्या कागदाचे करार
- AutoSend — एका जांभळ्या दिव्याचा प्रकाश असलेला एक आरामदायक दगडी स्टुडिओ—जिथे सेरिफ अक्षरांतील मथळे आणि कृतीसाठीची तेजस्वी निळी आवाहने एका शांत, जवळजवळ पांढऱ्या जागेत एकत्र नांदतात.
- Air — "काचेतून दिसणारे मध्यरात्रीचे आकाश" ही शिल्पकला
- SpatialChat — पांढऱ्या चर्मपत्रावर जांभळी शिंपडणी
- Squarespace — सिनेमॅटिक मोनोक्रोम गॅलरी
- Giga — दंवयुक्त काळ्या दगडावरील मध्यरात्रीचे क्षितिज
- Supabase — मध्यरात्रीचा एक कोड एडिटर, ज्यावर एक फॉस्फोरसयुक्त हिरवा ठिपका होता—कोळशाच्या धुळीच्या सागरावर उमटलेली एकच रंगीत ठिपकी.