Letters
खुल्या दवाखान्यातील सकाळची अपॉइंटमेंट—मऊ निळ्या छताखाली एक निर्जंतुक पांढरे टेबल, ज्यावर शस्त्रक्रियेची निळी उपकरणे विखुरलेली होती.
लेटर्स हे एक वैद्यकीय पत्रलेखन साधन आहे, जे ग्रेडियंट ओपन-स्काय हेडरने सुरू होते—एक सौम्य, वातावरणीय निळी पट्टी एक शांत, क्लिनिकल वातावरण तयार करते—आणि त्यानंतर एका स्वच्छ पांढऱ्या वर्कस्पेसमध्ये रूपांतरित होते. ही प्रणाली मोनोक्रोम शैलीमध्ये डिझाइन केलेली आहे: एक स्वच्छ पांढरा कॅनव्हास, जवळजवळ काळा मजकूर (#070709), गडद गोळीच्या आकाराचे कॉल्स टू ॲक्शन, आणि अत्यंत सूक्ष्म सावल्यांवर तरंगणारी गोलाकार कार्डे. एकच तेजस्वी निळा रंग (#2597d0) कार्यात्मक विरामचिन्हांसाठी—चिन्हे, मायक्रोग्राफिक्स, वेव्हफॉर्म प्लेयर्स—राखून ठेवलेला आहे, जो बटणे किंवा मोठ्या फिल्ससाठी कधीही वापरला जात नाही. टायपोग्राफीमध्ये ओपन रुंडेचा वापर केला आहे, जो एक भौमितिक ह्युमॅनिस्ट सॅन्स-सेरिफ आहे आणि मोठ्या स्क्रीन आकारांवर आक्रमक निगेटिव्ह लेटर स्पेसिंग (-0.04em at 80px) वापरतो, ज्यामुळे शीर्षलेख (हेडर्स) एका आत्मविश्वासपूर्ण ब्लॉकमध्ये संकुचित होतात. याचे घटक एखाद्या वैद्यकीय उपकरणाप्रमाणे हलके वाटतात: पातळ बेझल्स, कार्डांमधील भरपूर अंतर, गोळीच्या आकाराची बटणे, आणि एलिव्हेशनचा सुज्ञ वापर जो आकाशाच्या आकाराच्या हेडरला भावनिक कार्य करण्यास संधी देतो.
संपूर्ण पानाच्या रुंदीवर आकाशी-निळ्या रंगाचा ग्रेडियंट असलेले होमपेज आहे, ज्यामध्ये मध्यभागी शीर्षक आणि उप-मजकूर असून, खाली एक कॉल-टू-ॲक्शन बटण आहे. हे पेज सहजतेने एका पांढऱ्या मजकूर क्षेत्रात रूपांतरित होते, जिथे विभागांमध्ये भरपूर अंतर (८०-१२०px) आहे. फीचर विभागांमध्ये समान प्रमाणातील मोठ्या, गोलाकार कार्ड्सची (१८-३२px त्रिज्या) दोन-स्तंभीय ग्रिड वापरली आहे. विभागांची शीर्षके नेहमी कार्ड ग्रिडच्या वर, एकाच स्तंभात, मध्यभागी असतात. नेव्हिगेशन ही एक स्थिर पांढरी टॉप बार असून, तिच्या मध्यभागी लिंक्सचा समूह आणि उजवीकडे संरेखित लॉगिन क्रिया आहेत. एकूण लय म्हणजे एकच, वातावरणीय मुख्य पट्टी, त्यानंतर सातत्यपूर्ण उभ्या मोकळ्या जागेसह एकाआड एक येणारे पांढरे आणि #f5f5f5 रंगांचे विभाग. येथे कोणतीही साइडबार, मेगा-मेनू किंवा असममित मांडणी नाही—हे पेज एका शांत, सममित स्तंभासारखे वाटते.
व्हिज्युअल डिझाइन जवळजवळ पूर्णपणे उत्पादनाच्या युझर इंटरफेसवर केंद्रित आहे—कोणतेही लाइफस्टाइल फोटो नाहीत, कोणतेही अमूर्त 3D रेंडर्स नाहीत. व्हिज्युअल लँग्वेज ॲपचा नेटिव्ह इंटरफेस दर्शविणाऱ्या प्रॉडक्ट कार्ड्सभोवती तयार केली आहे: कागदपत्रांची "आधी" आणि "नंतर" अशी तुलना, ठिपक्यांच्या बॉर्डरसह एक लोडिंग एरिया आणि वेव्हफॉर्मच्या स्वरूपातील एक ऑडिओ प्लेयर. एकमेव वातावरणीय व्हिज्युअल घटक म्हणजे मुख्य प्रतिमेतील आकाशाचा ग्रेडियंट. आयकॉन्स (लिफाफा, मायक्रोफोन, चेक मार्क) हे सपाट, एक-रंगी #2597d0 लाइन आयकॉन्स आहेत, ज्यात एकसमान लाइन वेट असून, त्यात फिल्ड व्हेरिएशन्स नाहीत. इलस्ट्रेशनची शैली संयमित आहे: प्रॉडक्ट मॉकअप्स पांढऱ्या पार्श्वभूमीवर दर्शविले आहेत, खोली (डेप्थ) निर्माण करण्यासाठी ते किंचित फिरवलेले आहेत, कधीही तीव्रतेने तिरके केलेले नाहीत. एक हस्तलिखित फॉन्ट (द डॉक्टर) हा एकमेव नैसर्गिक/हस्तनिर्मित घटक आहे, जो केवळ "आधी" कार्डवरील क्लिनिकल हस्ताक्षराची आठवण करून देण्यासाठी वापरला आहे.
पॅलेट
ब्रँड
- Surgical Blue
#2597d0— चिन्हे, मायक्रोफोनचे चिन्ह, ध्वनी लहरी प्लेअर आणि लहान कार्यात्मक वैशिष्ट्ये संपूर्ण इंटरफेसमध्ये एकसंध लय निर्माण करतात.
तटस्थ
- Obsidian
#070709— मुख्य मजकूर, भरलेले कॉल-टू-ॲक्शन बटन्स आणि गडद UI घटक—पांढऱ्या पार्श्वभूमीवरील कॉन्ट्रास्ट सौम्य करण्यासाठी शुद्ध #000 ऐवजी जवळपास काळा रंग निवडला आहे. - Paper White
#ffffff— पृष्ठाची पार्श्वभूमी, कार्डचे पृष्ठभाग आणि बटणावरील मजकूर हे मुख्य घटकाच्या खाली असलेल्या सर्व विभागांसाठी मुख्य कॅनव्हास आहेत. - Cloud Gray
#f5f5f5— अतिरिक्त कार्ड पृष्ठभाग आणि विभागांची पार्श्वभूमी कार्यात्मक ब्लॉक्सना मुख्य कॅनव्हासपासून वेगळे करतात. - Sky Tint
#d7e6f5— पुठ्ठ्याच्या चौकटीची सावली आणि पृष्ठभागावरील अंधुक निळी छटा राखाडीपणाऐवजी वातावरणाची भावना निर्माण करतात. - Charcoal
#60606c— मुख्य मजकूर, दुय्यम मजकूर आणि सौम्य बॉर्डर - शीर्षक नसलेल्या मजकुरासाठी एक प्रमुख तटस्थ रंग. - Slate
#8b8b8b— लहान मजकूर आणि निष्क्रिय सीमावर्ती राज्ये - ठिकाणे दर्शवण्यासाठी आणि दिव्यांग व्यक्तींसाठी सुलभता सुनिश्चित करण्यासाठी वापरले जातात.
टायपोग्राफी
१२ ते ८० पिक्सेल · ८ टप्पे
- sans-serif — बदली: Inter · रूपरेषा 400, 700 · सॅन्स-सेरिफ - काढलेल्या डेटामध्ये आढळले, परंतु AI द्वारे त्याचे वर्णन केलेले नाही.
- Open Runde — बदली: Inter Tight · रूपरेषा 400, 500, 600, 700, 900 · शीर्षके आणि नेव्हिगेशनसाठी मुख्य फॉन्ट हा एक भौमितिक मानवतावादी (geometric humanist) आहे, ज्यामध्ये मोठ्या आकारात अक्षरांमधील अंतर कमी असते; 80px वर -0.04em हेडिंगला एकाच, ठळक ब्लॉकमध्ये संकुचित करते. सर्व शीर्षके, नेव्हिगेशन आणि मोठ्या मजकुरासाठी याचा वापर करा.
- Inter — बदली: system-ui · रूपरेषा 400, 500 · दुय्यम मजकूर आणि UI टेक्स्ट – लहान शीर्षके, नेव्हिगेशन घटक आणि इनलाइन लिंक्ससाठी वापरले जाते, जिथे अधिक नैसर्गिक वाचन लय अपेक्षित असते. पदानुक्रमिक विरोधाभास निर्माण करण्यासाठी ओपन रुंडेसोबत जोडले जाते.
अंतर आणि स्वरूप
| उद्देश | अर्थ |
|---|---|
| घनता | दाट |
| मूलभूत पायरी | 12-16px |
| बटण त्रिज्या | 100px |
| कार्ड त्रिज्या | 18px |
| सावल्या | सावल्यांऐवजी सीमा नाहीत |
| विभागांच्या दरम्यान | 80-120px |
| पृष्ठाची रुंदी | 1200px |
एआय तुमची वेबसाईट Letters स्टाईलमध्ये तयार करेल आणि ती भरेल.
- लिंकद्वारे उत्पादने आणि पोस्ट्स भरा - Instagram, TikTok, Facebook.
- तुमच्या जुन्या साइटवरून सामग्री हस्तांतरित करा—फक्त पत्ता नमूद करा.
- सर्वोत्तम इंजिनवर आधुनिक डिझाइन: React ( Next.js) ज्यामध्ये सर्व्हर रेंडरिंग आणि एसईओ ऑप्टिमायझेशन अंगभूत आहेत.
- शोध परिणामांसाठी पूर्णपणे स्वयंचलित एसईओ ऑप्टिमायझेशन आणि न्यूरल नेटवर्क शिफारसी.
समान शैली
- Integrated Biosciences — मध्यरात्री बायोल्युमिनेसन्स प्रयोगशाळा
- Mintlify — काचेच्या टेबलाच्या वर एक ढगांची बाग. हाताने काढलेले आकाश आणि माहितीपट एकत्र गुंफले आहेत—हे एकमेव ठिकाण आहे जिथे पान एकांतवासातील पांढऱ्या रंगात विलीन होण्यापूर्वी रंग आणि संकल्पना यांचा संगम होतो.
- Gleap — उबदार क्रीम रंगाच्या छटा आणि ग्राफाइटच्या ठळक वैशिष्ट्यांनी सजवलेली एक कार्यस्थळ—एक असा स्टुडिओ जिथे लिननच्या वास्तुकलेवर मॅट काळ्या शाईचे ठिपके तरंगत असल्यासारखे वाटतात.
- Render — डिझाइन ब्रश केलेल्या ॲल्युमिनियमवर आहे. इंटरफेस एखाद्या सुबक, भौमितिक अभियांत्रिकी दस्तऐवजासारखा वाटतो—मोकळी जागा, पातळ रेषा आणि कृतीकडे लक्ष वेधून घेणारी एक जांभळी रेषा.
- Grafbase — थंड संगमरवरावरील अभियांत्रिकी रेखाचित्र
- Slash — सोनेरी हिशेबवही असलेली मध्यरात्रीची तिजोरी
- Modal — अंधाऱ्या सर्व्हर रूममधील एक फॉस्फोरसेंट टर्मिनल - प्रकाशाचा एकमेव स्रोत चमकदार हिरव्या रंगाचा आहे.
- Whimsical — लॅव्हेंडर रंगाच्या पार्श्वभूमीवर गडद प्लम रंगाची शाई—एक सर्जनशील स्टुडिओ नोटबुक, जी तांत्रिक व्हाईटबोर्ड म्हणूनही वापरता येते.
- AgentQL — रात्री टर्मिनलवर दिसणारे उत्तर ध्रुवीय प्रकाश
- Alveos One — नदीच्या दगडांनी बनवलेले एक उबदार आश्रयस्थान – एक शांत, मलईदार प्रकाशाने उजळलेली ध्यानकक्षा, जिथे मंद पिवळसर प्रकाशात ग्राफाइटची एकच वस्तू विसावली आहे.
- GitHub — जैवदीप्तिमान नियंत्रण बिंदू असलेले एक अवकाश कमांड पॅनल—एक अंधारी, वातावरणपूर्ण कार्यक्षेत्र जिथे एकच हिरवी चमक पुढचा मार्ग दाखवते.
- Buddy — ग्राफ पेपरवरील एक अभियांत्रिकी रेखाचित्र. पांढऱ्या रेखाचित्र पृष्ठभागावर जवळजवळ काळ्या शाईने एक अस्पष्ट जाळी रेखाटली आहे, ज्यावर तेजस्वी लिंबू-हिरव्या रंगाच्या खुणा आणि इंद्रधनुषी रंगांच्या छटा असलेले फटकारे आहेत.