टेलिग्राम, WhatsApp  +380637610482
भ्यालेरी डान्युक
भ्यालेरी डान्युकविकासकर्ताव्यवसायहरूको लागि एआई उपकरणहरू विकास गर्दै। उच्च गुणस्तर। किफायती।Telegram मा लेख्नुहोस्
Duolingo — यस शैलीमा साइटको पूर्वावलोकन

Duolingo

सेतो कागजमा चंचल कक्षाको शुभंकर

डुओलिंगोको इन्टरफेस बालबालिकाको चित्र पुस्तक जस्तै डिजाइन गरिएको छ: सेतो कागजको क्यानभास, मोटो, गोलाकार फन्ट, र एकल, गाढा हरियो रंग जसले तुरुन्तै "सही उत्तर" लाई जगाउँछ। मुख्य पाठ एक सुखदायक मध्य-खैरो टोन हो, जसले हरियो र यसको उच्चारण नीलोलाई सबै भावनात्मक काम गर्न अनुमति दिन्छ - प्रगति र शीर्षकहरूको लागि हरियो, क्लिक गर्न मिल्ने लिङ्कहरू र अतिरिक्त कार्यहरूको लागि नीलो। कम्पोनेन्टहरू गोलीहरू वा मोटो कालो वा रंगीन किनाराहरू भएका ठूला, गोलाकार कुनाहरू जस्तै आकारका हुन्छन्, जसले प्रत्येक बटनलाई समतल UI नियन्त्रण भन्दा पृष्ठमा टाँसिएको स्टिकर जस्तो महसुस गराउँछ।

खण्डहरूले पृष्ठको पूर्ण चौडाइ ओगटेका छन् र एकल स्तम्भमा ठाडो रूपमा व्यवस्थित गरिएका छन्, प्रत्येक लगभग ८०० पिक्सेल अग्लो। अधिकतम सामग्री चौडाइ लगभग १ पिक्सेल केन्द्रित छ। बायाँमा पाठ र दायाँमा चित्रहरू वैकल्पिक छन्, जसले पर्याप्त ठाडो ठाउँ प्रदान गर्दछ (खण्डहरू बीच ८० पिक्सेल)। त्यहाँ कुनै ग्रिड कार्ड वा बहु-स्तम्भ लेआउटहरू छैनन्—प्रत्येक खण्ड एकल चित्रणसँग जोडिएको एकल पाठ ब्लक हो। नेभिगेसन लोगो र भाषा चयनकर्ता भएको न्यूनतम शीर्ष पट्टी हो, जुन खण्डहरू बीच एक निश्चित पट्टीको रूपमा देखा पर्दछ। फुटर पृष्ठको सम्पूर्ण चौडाइमा फैलिएको हरियो पट्टी हो। लय सम्पादकीय हो: शीर्षक, अनुच्छेद, कार्य गर्न कल, चित्रण, पुनरावृत्ति।

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

प्यालेट

ब्रान्ड

  • Eager Green #58cc02 — लिङ्कहरू, ट्यागहरू र छोटो वाक्यांशहरू हाइलाइट गर्न हरियो रंग प्रयोग गरिन्छ। यसलाई कल टु एक्शनको लागि प्राथमिक रंगको रूपमा प्रयोग गर्नु हुँदैन।
  • Storybook Green #d7ffb8 — उज्यालो सतहहरूमा नरम हाइलाइटहरू, फुटरमा नेभिगेसन लेबलहरू पछाडि सूक्ष्म पृष्ठभूमि टोनहरू।

तटस्थ

  • Spark Blue #1cb0f6 — लिङ्कहरू, ट्यागहरू र छोटो वाक्यांशहरू हाइलाइट गर्न नीलो रंग प्रयोग गरिन्छ। यसलाई कल टु एक्शनको लागि प्राथमिक रंगको रूपमा प्रयोग गर्नु हुँदैन।
  • Fresh Leaf #a5ed6e — लिङ्कहरू, ट्यागहरू र छोटो वाक्यांशहरू हाइलाइट गर्न हरियो रंग प्रयोग गरिन्छ। यसलाई कल टु एक्शनको लागि प्राथमिक रंगको रूपमा प्रयोग गर्नु हुँदैन।
  • Night Ink #000437 — लिङ्कहरू, ट्यागहरू, र छोटो हाइलाइट गरिएका वाक्यांशहरू बैजनी रंगमा हाइलाइट गरिएका छन्।
  • Paper White #ffffff — पृष्ठ क्यानभास, कार्डबोर्ड सतहहरू, हरियो/गाढा पृष्ठभूमिमा बटन पाठ।
  • Charcoal #4b4b4b — हिरो हेडर र बडी टेक्स्ट - विश्वव्यापी गाढा टेक्स्ट जसले रंगीन हेडलाइनहरूलाई फरक देखाउन अनुमति दिन्छ।
  • Pencil Gray #777777 — पाठका मुख्य अनुच्छेदहरूलाई अस्पष्ट अक्षरहरूले हाइलाइट गरिन्छ, र माध्यमिक वर्णनात्मक पाठ पृष्ठभूमिमा फर्कन्छ, जसले गर्दा रंगीन तत्वहरू अगाडि आउँछन्।

टाइपोग्राफी

१३ देखि ६४ पिक्सेल सम्म · ७ चरणहरू

  • feather — प्रतिस्थापन: Inter · रूपरेखाहरू 700 · "नि:शुल्क। रमाइलो। प्रभावकारी" र "डुओलिङ्गो अंग्रेजी परीक्षण" जस्ता खण्ड शीर्षकहरू अनुकूलित गोलाकार फन्ट प्रयोग गरेर प्रदर्शित हुन्छन्, जसले ब्रान्डलाई यसको चंचल, मैत्रीपूर्ण, शुभंकर जस्तो शैली प्रदान गर्दछ। उपयुक्त तौलमा "फेदर बोल्ड" वा "नुनिटो ब्ल्याक" ले बदल्नुहोस्। अक्षर स्पेसिङ: -०.०२००em
  • duolingo-sans — प्रतिस्थापन: Inter · रूपरेखाहरू 500 · मुख्य अनुच्छेदहरू र नेभिगेसन लिङ्कहरू १७ पिक्सेल/५०० मा—एक ज्यामितीय सान्स-सेरिफ फन्ट जुन पढ्न सकिन्छ, जसले गर्दा ७०० लाइनको वजनले महत्त्वपूर्ण बुँदाहरू हाइलाइट गर्न सक्छ। 'DIN Next', 'Inter', वा 'Nunito Sans' ले बदल्नुहोस्।
  • duolingo-sans — प्रतिस्थापन: Inter · रूपरेखाहरू 700 · सबै weight-700 मानहरू प्रयोग गरिन्छ: नेभिगेसन लेबलहरूमा ठूला अक्षरहरू 15px (ls 0.0530em), उपशीर्षकहरू 19px र 32px छन्, र लिङ्क जोड 13px छ। मुख्य पाठ जस्तै फन्ट - दृश्य भिन्नता तौलमा छ, फन्ट परिवर्तनमा होइन। अक्षर स्पेसिङ: नेभिगेसन लेबलहरूमा ठूला अक्षरहरूको लागि 0.0530em।

अन्तराल र रूप

उद्देश्यअर्थ
घनत्वबाक्लो
आधारभूत चरण12px
बटनको त्रिज्या12px
कार्डको अर्धव्यास12px
छायाँहरूछायाँको सट्टा कुनै - किनारा छैन
खण्डहरू बीच80-120px
पृष्ठ चौडाइ1200px

एआईले तपाईंको वेबसाइट Duolingo शैलीमा बनाउनेछ र यसलाई भर्नेछ

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

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

  • Family — क्रिम चर्मपत्रमा परी कथाबाट फैलिएको
  • Say Briefly — क्रिम पेपरमा सिर्जनात्मक एजेन्सी स्केचबुक
  • Flying Papers — शनिबार बिहानको कार्टुनमा स्वीकारोक्ति
  • Portrait — क्रिम रंगको कागजमा पोलारोइडमा कैद गरिएका सम्झनाहरूको भित्ता। एउटा चम्किलो, क्रिम रंगको स्क्र्यापबुक जहाँ गाढा नीलो मसीले मात्र पाठ, एकमात्र संरचना रेखाहरू, र एकमात्र फ्रेम रङको रूपमा काम गर्दछ - एकल हातले कोरेको इन्द्रेणीको साथ जुन एक पटक देखा पर्दछ, "दर्ता गर्नुहोस्" बटनमा र इटालिकाइज्ड शब्द "सधैंको लागि", र फेरि कहिल्यै।
  • Karl — घमाइलो दिनमा थ्रीडी पप-अप पुस्तक शैलीको डायोरामा
  • Navigate — बोर्डमा जोडिएको स्टिकरहरूको ठूलो सेट: ठूलो विचित्र फन्ट, सबै ट्याब्लेटको रूपमा र पाँच बहु-रंगीन आइकनहरू, लोगो जस्तै दोहोरिएको।
  • Monte — खिया लागेको रङ सहितको तटमा बिहानी
  • MotherDuck — क्रिम पेपरमा रंगीन पेन्सिलले कोड गरिएको टर्मिनल
  • Wise Design — विश्वव्यापी सडकमा रहेको नियोन बजारको स्टल—भीडभाड भएको बजारमा चिच्याइरहेको चम्किलो हरियो चिन्ह, जबकि यसको पछाडि, एक पालिश गरिएको उत्पादन प्रयोगकर्ता इन्टरफेस गोप्य रूपमा देखिन्छ।
  • Hatch — पेस्टल क्यान्डी कचौराहरूसँग मिसाइएको हातले कोरिएको, समिजदत-शैलीको डिजाइन। पुदिना उच्चारण, कन्फेटी थोप्लाहरू, र गोली आकारको कार्यको लागि आह्वानले सजिएको क्रिमी पेपर क्यानभास, जहाँ ठूलो, बोल्ड सेरिफ फन्टले रमाइलोको संकेत गर्छ, र कुनामा नीलो मस्कटले आँखा झिम्काउँछ।
  • Superr — दिउँसोको नरम उज्यालोमा न्यानो स्कूल नोटबुक। क्रिम रंगको पृष्ठ, टोपी बिनाको सुन्तला मार्कर, र ल्यामिनेटेड नाम स्टिकरहरूको थुप्रो।
  • Mews — गुलाबी रङ्गले भिजेको बिहानको आतिथ्य नियन्त्रण केन्द्र। सेतो पर्खाल भएको, घामले उज्यालो भएको कार्यस्थल जहाँ बोल्ड कालो प्रकार, न्यानो क्रिम कार्डहरू, र एउटा तातो गुलाबी एक्शन बटनले प्रत्येक स्क्रिनलाई परिभाषित गर्दछ - कर्पोरेट संयमको सट्टा एक चंचल आत्मविश्वास।