Calendly
चिसो संगमरमरमा गाढा नीलो मसी
क्यालेन्डली शान्त, आत्मविश्वासी योजना कार्यस्थान जस्तो लाग्छ: प्रशस्त सास फेर्ने ठाउँ भएको लगभग सेतो क्यानभास, चिसो खैरो पृष्ठभूमिमा तैरिरहेको क्रिस्प सेतो उत्पादन कार्डहरू, र शुद्ध कालोको सट्टा गाढा नीलो मसीमा रेन्डर गरिएको सबै टाइपोग्राफी। परिभाषित तत्व गाढा नीलो रंग (#0b3558) हो, जहाँ पनि पाठ देखा पर्दछ - शीर्षकहरू, बटनहरू, आइकनहरू, लिङ्कहरू - जसले सम्पूर्ण इन्टरफेसलाई नरम बनाउँछ, यसलाई सामान्य SaaS ल्यान्डिङ पृष्ठ भन्दा न्यानो र अधिक स्टाइलिश बनाउँछ। सबै प्राथमिक कार्यहरूको लागि एकल चम्किलो नीलो (#006bff) प्रयोग गरिन्छ, र उत्पादन लेआउटभन्दा बाहिर फैलिएको सजावटी गुलाबी र नीलो स्प्ल्याशहरूले अव्यवस्था सिर्जना नगरी न्यानोपन थप्छन्। कम्पोनेन्टहरूलाई कम राखिएको छ: पातलो 1px किनाराहरू, सूक्ष्म नीलो-रंगित छायाँहरू, ठूला 24px कार्ड त्रिज्या, र 8px बटन कुनाहरू नरम भन्दा जानाजानी महसुस गर्छन्।
डेस्कटपमा चौडा मार्जिनहरू सहित केन्द्रित अधिकतम चौडाइ १२०० पिक्सेल। मुख्य स्क्रिन दुई स्तम्भहरूमा विभाजित छ: बायाँ स्तम्भमा ८० पिक्सेल हेडर + बडी टेक्स्ट + स्ट्याक्ड लगइन बटनहरू छन्, जबकि दायाँ स्तम्भमा पृष्ठभूमिमा सजावटी तत्वहरू सहितको बुकिङ विजेट कार्ड छ। मुख्य स्क्रिन तल ट्रस्ट लोगो भएको एकल, पूर्ण-चौडाइको स्ट्राइप छ। त्यसपछिका खण्डहरू केन्द्रित हेडर ब्लकहरू (H2 + सबटेक्स्ट + वैकल्पिक कल टु एक्शन) बीच वैकल्पिक हुन्छन्, त्यसपछि प्रत्येक उत्पादन छवि पछाडि सजावटी उच्चारण तत्वहरू सहित सुविधाहरू वर्णन गर्ने दुई-स्तम्भ ब्लकहरू (पाठ बायाँ/उत्पादन दायाँ वा उत्पादन बायाँ/पाठ दायाँ) हुन्छन्। कार्ड ग्रिडहरू विरलै प्रयोग गरिन्छ - लेआउटले बहु-स्तम्भ ग्रिडहरूको सट्टा छेउमा राखिएका जोडी खण्डहरूलाई समर्थन गर्दछ। खण्डहरू बीचको स्पेसिङ ४८ देखि ६४ पिक्सेल सम्म हुन्छ। नेभिगेसन बायाँमा लोगो, केन्द्रित मेनु, र दायाँमा कल टु एक्शनको समूहको साथ ६४ पिक्सेल निश्चित शीर्ष पट्टी हो।
मुख्य दृश्य तत्व भनेको उत्पादन स्क्रिनसटहरू हुन्—बुकिङ क्यालेन्डर प्रयोगकर्ता इन्टरफेसको सरल मकअपहरू, चौडा, गोलाकार कुनाहरू भएका क्रिस्प सेतो कार्डहरूमा रेन्डर गरिएका। सजावटी डिजाइन: प्रत्येक उत्पादन कार्ड कोरल बैजनी (#e55cff) वा नीला नीलो (#0099ff) को नरम स्थानले घेरिएको हुन्छ, थोरै अफसेट र धमिलो हुन्छ, जसले समतल स्क्रिनसटको सट्टा कोलाज प्रभाव सिर्जना गर्दछ। कुनै तस्बिरहरू छैनन्, कुनै जीवनशैली छविहरू छैनन्—सबै दृश्य तत्वहरूले ट्रस्ट बारमा उत्पादन प्रयोगकर्ता इन्टरफेस, अमूर्त उच्चारण आकारहरू, वा मोनोक्रोम पार्टनर लोगोहरू प्रतिनिधित्व गर्छन्। आइकनहरू १.५–२px को रेखा चौडाइ, मोनोक्रोम, गाढा नीलो (मसी नेवी) वा नीलो (सिग्नल नीलो) मा रेखीय छन्।
प्यालेट
ब्रान्ड
- Ink Navy
#0b3558— मुख्य पाठ, शीर्षकहरू, आइकनहरू, कल टु एक्शनको लागि गाढा पृष्ठभूमि, नेभिगेसन लिङ्कहरू। - Signal Blue
#006bff— प्राथमिक कल टु एक्सन (CTA), सक्रिय नेभिगेसन, लिङ्क जोड, चयन गरिएका अवस्थाहरू
तटस्थ
- Carbon
#0a0a0a— शुद्ध कालो (फलब्याक), लोगो ग्लिफ, आइकन फिलमा पाठ। - Slate Gray
#476788— अतिरिक्त मुख्य पाठ, समर्थन पाठ, म्यूट गरिएका लेबलहरू। - Mist Gray
#a6bbd1— असक्षम पारिएको पाठ, निष्क्रिय प्रकार्य लेबलहरू, हल्का आइकन रूपरेखाहरू - Cloud
#f8f9fb— पृष्ठ क्यानभास, फुटर पृष्ठभूमि, अतिरिक्त सतह - Paper
#ffffff— कार्डको सतह, उठेको प्यानल, गाढा पृष्ठभूमिमा बटनको पाठ। - Pebble
#f0f3f8— आइकनहरूको लागि पृष्ठभूमि छविहरू, इनपुट फिल्ड सेडिङ, सूक्ष्म विभाजकहरू, होभर प्रभावहरू।
टाइपोग्राफी
१२ देखि ८० पिक्सेल सम्म · १० चरणहरू
- Gilroy — प्रतिस्थापन: Manrope · रूपरेखाहरू 400, 500, 600, 700 · सबै इन्टरफेस पाठ। गिलरोय चौडा एपर्चर र एकसमान स्ट्रोक कन्ट्रास्ट भएको ज्यामितीय मानवतावादी सेन्स-सेरिफ हो; यसको बोल्ड तौल (७००) हेडिङका लागि प्रयोग गरिन्छ, जबकि ५००-६०० बटन र उपशीर्षकका लागि प्रयोग गरिन्छ। म्यानरोप वा इन्टरले बदल्नुहोस्।
- Gilroy — प्रतिस्थापन: Inter · रूपरेखाहरू 400 · मुख्य पाठ र सामान्य-उद्देश्य UI लेबलहरू - ४००-पोइन्ट फन्ट वजनले लामो पाठहरू भारी महसुस नगरी पढ्न सकिने सुनिश्चित गर्दछ।
- Gilroy — प्रतिस्थापन: Inter · रूपरेखाहरू 500 · माध्यमिक शीर्षकहरू र हाइलाइट गरिएको मुख्य पाठ - १४/५०० फन्ट कार्ड शीर्षकहरू र इनलाइन लेबलहरूको लागि प्राथमिक उपकरण हो।
अन्तराल र रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | बाक्लो |
| आधारभूत चरण | 8-16px |
| बटनको त्रिज्या | 8px |
| कार्डको अर्धव्यास | 24px |
| छायाँहरू | छायाँको सट्टा कुनै - किनारा छैन |
| खण्डहरू बीच | 48-64px |
| पृष्ठ चौडाइ | 1200px |
एआईले तपाईंको वेबसाइट Calendly शैलीमा बनाउनेछ र यसलाई भर्नेछ
- लिङ्क मार्फत उत्पादनहरू र पोस्टहरू भर्नुहोस् - Instagram, TikTok, Facebook ।
- आफ्नो पुरानो साइटबाट सामग्री स्थानान्तरण गर्नुहोस्—केवल ठेगाना निर्दिष्ट गर्नुहोस्।
- उत्कृष्ट इन्जिनमा आधुनिक डिजाइन: सर्भर रेन्डरिङ र SEO अप्टिमाइजेसनको साथ React ( Next.js)।
- खोज परिणाम र तंत्रिका नेटवर्क सिफारिसहरूको लागि पूर्ण स्वचालित SEO अप्टिमाइजेसन।
उस्तै शैलीहरू
- ElevenLabs — सूक्ष्म शीर्षकहरू सहितको न्यानो क्रिम टोनमा फोटो निबन्ध। बौहाउस शैलीको नोटबुक—अण्डाको खोल रंगको कागज, कालो मसी, र उत्पादन प्रदर्शनको लागि एकल बैजनी र सुन्तला रंगको उच्चारण।
- Awesomic — कन्फेटीको सम्झना दिलाउने सुन्तला विराम चिन्हहरू भएको सम्पादकीय जस्ता जाल
- Monad — न्यानो चर्मपत्रमा सम्पादकीय प्राविधिक जर्नल
- Dub — लिङ्कको म्याट राइस पेपर कन्ट्रोल प्यानल
- Seline Analytics — न्यानो कागजमा शान्त विश्लेषणात्मक तालिका
- Notion — दिउँसोको घाममा न्यानो कागजको नोटबुक
- Anthropic — न्यानो भेल्लममा आधारित वैज्ञानिक क्षेत्र पत्रिका—शान्त हस्तिहाडका सतहहरू, सेरिफ गरिएका सम्पादकीय शीर्षकहरू, र कार्य आवश्यक पर्दा मात्र देखा पर्ने एकल माटोको उच्चारण।
- Augen Pro — एप्पलको सेतो प्रस्तुतीकरणमा मोनोक्रोम स्पेसमा एकमात्र उच्चारणको रूपमा क्लिनिकल, वजनहीन, इलेक्ट्रिक नीलो रंग रहेको छ।
- Antimetal — क्रिम पेपरमा छापिएको सम्पादकीय घटनाक्रम—वैज्ञानिक जर्नलमा एक शान्त बिहान, जहाँ संयमले आत्मविश्वास व्यक्त गर्छ र सेरिफले ठूलो काम गर्छ।
- Perk — तातो चर्मपत्र कागजमा विद्युतीय चुना
- Ditto — जंगली फूलका नमुनाहरू सिर्जना गर्ने घामले उज्यालो भएको कार्यशाला। न्यानो क्रिम सतहहरू, जीवन्त पहेंलो आधार रंग, गाढा नेभी नीलो मसी, टुक्रा पछाडि फूलेको जैविक रंगका रूपहरू।
- Officevibe — न्यानो क्रिम रंगको कागजमा सम्पादकीय पत्रिका। HR व्यवस्थापनमा एउटा विचारशील निबन्धको कल्पना गर्नुहोस्, जुन उत्पादनको रूपमा प्रस्तुत गरिएको छ—आधुनिक नीलो इन्टरफेस मार्फत फुसफुसाउने कर्सिभ सेरिफ फन्ट।