Ui

म्याट पेपरमा क्लिनिकल योजना

shadcn/ui एक मोनोक्रोम डिजाइन प्रणाली सिर्जना गर्ने कार्यशाला हो: सफा सेतो क्यानभास, नरम न्यानो खैरो सतहहरू, र सबैभन्दा सूक्ष्म किनाराहरूमा राखिएको ठूलो-त्रिज्या कार्डहरू। इन्टरफेस लगभग पूर्ण रूपमा अक्रोमेटिक छ - कालो पाठ, सेतो सतहहरू, खैरो माध्यमिक टोनहरू - त्रुटि अवस्थाहरूको लागि आरक्षित एकल, विघटनकारी रातो रंगको साथ र अरू केहि छैन। टाइपोग्राफी स्क्रिनहरूमा कडा अक्षर-उचाइको साथ Geist को ज्यामितीय तटस्थतामा निर्भर गर्दछ, जसले शान्त, कोड-जस्तो अनुभूति सिर्जना गर्दछ जुन उपभोक्ता उत्पादन भन्दा विकासकर्ता पूर्वाधार जस्तो महसुस हुन्छ।

न्यूनतम छविहरू - प्रणालीमा लगभग पूर्ण रूपमा प्रयोगकर्ता इन्टरफेस हुन्छ। कुनै मुख्य तस्बिरहरू, चित्रणहरू, वा सजावटी ग्राफिक्सहरू छैनन्। उत्पादन डेमोहरूलाई ग्रिडमा कम्पोनेन्ट मकअपहरू (कार्डहरू, इनपुट फिल्डहरू, बटनहरू) को रूपमा प्रस्तुत गरिन्छ, जसले कागजात र दृश्य सामग्री दुवैको रूपमा सेवा गर्दछ। आइकनहरू #0a0a0a वा #737373 मा १.५-२px मोटाई भएका पातलो ज्यामितीय रेखाहरू हुन् (सम्भवतः लुसाइडबाट उधारो लिइएको), कार्यात्मक संकेतहरूको रूपमा कम प्रयोग गरिन्छ। दृश्य भाषा आफैं UI कम्पोनेन्टहरू हुन् - पृष्ठले जीवित शैली गाइडको रूपमा कार्य गर्दछ, जहाँ प्रत्येक देखिने तत्व दृश्य डिजाइन तत्व हो।

शुद्ध SaaS मोनोक्रोम न्यूनतमवाद

https://ui.shadcn.com

प्यालेट

तटस्थ

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 ।
आफ्नो पुरानो साइटबाट सामग्री स्थानान्तरण गर्नुहोस्—केवल ठेगाना निर्दिष्ट गर्नुहोस्।
उत्कृष्ट इन्जिनमा आधुनिक डिजाइन: सर्भर रेन्डरिङ र SEO अप्टिमाइजेसनको साथ React ( Next.js)।
खोज परिणाम र तंत्रिका नेटवर्क सिफारिसहरूको लागि पूर्ण स्वचालित SEO अप्टिमाइजेसन।

यस शैलीमा वेबसाइट बनाउनुहोस्

उस्तै शैलीहरू

Ventriloc — न्यानो कागजमा डेटाको सम्पादकीय वेधशाला - मोनोक्रोम शुद्धता हाइलाइट गर्ने एकल सुन्तला अंगारो
Geniestudio — एउटा नरम डेलाइट नोटबुक—चौडा मार्जिन र एउटा बाक्लो पेन स्ट्रोक भएको किसिमको
xAI — कालो चक्की सहितको न्यानो क्रिम ल्याब
Cal — मोनोक्रोम व्यावहारिकता, एक मानवीय दृष्टिकोण। एउटा प्रणाली जसले कडा कालो-सेतो प्यालेट मार्फत स्पष्टता र कार्यक्षमतालाई प्राथमिकता दिन्छ, तर मैत्रीपूर्ण टाइपोग्राफी र गोलाकार आकारहरूले यसलाई नरम बनाउँछ।
Scale — प्राविधिक परियोजनासँग मिलेर बनेको उच्च गुणस्तरको संग्रहालय-गुणस्तरको फोटो प्रयोगशाला
Contractbook — अल्ट्रामरीन आकाशमुनि क्रिम पेपरको सम्झौता
AutoSend — एकल बैजनी प्रकाश भएको आरामदायी ढुङ्गाको स्टुडियो—जहाँ सेरिफ हेडलाइनहरू र उज्यालो नील आह्वानहरू एउटै शान्त, लगभग सेतो ठाउँमा सहअस्तित्वमा रहन्छन्।
Air — "ग्लास मार्फत मध्यरातको आकाश" मूर्तिकला
SpatialChat — सेतो चर्मपत्रमा बैजनी नाडी
Squarespace — सिनेम्याटिक मोनोक्रोम ग्यालरी
Giga — हिउँ परेको ओब्सिडियनमाथि मध्यरातको क्षितिज
Supabase — मध्यरातमा फस्फोरेसेन्ट हरियो थोप्ला भएको कोड सम्पादक—कोइला धुलोको समुद्रमा एकल रंगीन पल्स