Foodnoms
सेतो पोर्सिलेनमा घमाइलो फलफूल बजार - न्यानो सुन्तला, ताजा सागसब्जी र विशाल गोलाकार आकारहरू
Foodnoms मा पोषण ट्र्याकिङको लागि हल्का मार्केटिङ भाषा छ: सफा सेतो क्यानभास, भिजुअल एङ्करको रूपमा ओभरसाइज्ड फोन मकअपहरू, र एक चंचल रङ शब्दावली जहाँ रङहरूले पोषक तत्व र प्रगतिलाई प्रतिनिधित्व गर्दछ। दुई-रङ हेडर योजना (कीवर्डको लागि एक रङ, बाँकीको लागि गाढा ग्रेफाइट) ले मूल्य प्रस्तावको द्रुत मूल्याङ्कनको लागि अनुमति दिन्छ। प्रणाली एकल प्रयोगकर्ता प्रदर्शन (Aquawax Pro) मा निर्भर गर्दछ जसमा स्पष्ट रूपमा गोलाकार ज्यामितीय सुविधाहरू छन् जसले डेटा-भारी एप स्क्रिनहरूलाई नरम बनाउँछ। धेरैजसो सतहहरू समतल र छायाविहीन छन्; एकसमान कुना त्रिज्याले बटनहरू, कार्डहरू, र लेबलहरूलाई मैत्रीपूर्ण, नरम अनुभूति दिन्छ, जसले स्वास्थ्य ट्र्याकिङलाई क्लिनिकल भन्दा बढी पहुँचयोग्य महसुस गराउँछ।
पृष्ठमा एकल-स्तम्भ, केन्द्रित, पूर्ण-चौडाइ लेआउट (~१२०० पिक्सेल) उदार ठाडो लयको साथ प्रस्तुत गरिएको छ। हेडर बायाँमा लोगो, नेभिगेसन केन्द्रित, र दायाँमा भरिएको सुन्तला कार्य बटन भएको पातलो शीर्ष पट्टी हो। हिरो खण्ड केन्द्रित स्ट्याक हो: दुई-रङ शीर्षक, एकल-लाइन उप-हेडर, एप स्टोर आइकन, र त्यसपछि चौडाइभरि फ्यान गरिएको ३-५ फोन मकअपहरूको पङ्क्ति। हिरो खण्डको तल २x३ ग्रिडमा केन्द्रित "सिफारिस गरिएको रूपमा" प्रेस लोगो खण्ड छ। सुविधा खण्डहरूले दोहोरिने ढाँचा पछ्याउँछन्: दुई-स्तम्भ पाठ + फोन मकअप, वैकल्पिक पक्षहरू, सुन्तला/हरियो रंगमा एक्सेन्ट खण्ड शीर्षकहरू सहित। फुटर अघिको अन्तिम तत्व पूर्ण-चौडाइ डाउनलोड गर्न मिल्ने CTA कार्ड हो। खण्डहरू बीचको गटरहरू उदार छन् (९६ पिक्सेल), फराकिलो, ग्यालरी जस्तो अनुभूति सिर्जना गर्दै। नेभिगेसन एक न्यूनतम शीर्ष पट्टी हो - कुनै साइडबार वा मेगा मेनु छैन।
एपको दृश्य भाषामा एपको काम गर्ने इन्टरफेस प्रदर्शन गर्ने उच्च-गुणस्तरको आईफोन फ्रेम मकअपहरू हावी छन्—यी प्राथमिक तत्वहरू हुन्, स्टक फोटोहरू होइनन्। मकअपहरू लगभग पूर्ण पारदर्शिताका साथ प्रदर्शित हुन्छन्, थोरै ओभरल्याप र सहज घुमाउरोसँग फ्यान आउट हुन्छन्, र सिधै सेतो पृष्ठभूमिमा राखिन्छन्। मकअपहरू भित्र, दृश्य घटक एपको आफ्नै इन्टरफेसद्वारा प्रदान गरिन्छ: पोषण जानकारी, उत्पादन फोटोहरू, म्याक्रो रिंगहरू, र रंगीन कोटी ट्यागहरू। एक मात्र फोटोग्राफिक सामग्री भनेको स्क्यान योर फूड एपको क्यामेरा स्क्रिनमा देखिने प्रयोगकर्ता-पेश गरिएका खाना छविहरू हुन्। त्यहाँ कुनै जीवनशैली फोटोहरू छैनन्, कुनै अमूर्त चित्रणहरू छैनन्, कुनै सजावटी ग्राफिक्स छैनन्। ब्रान्डिङ पूर्ण रूपमा अनुकूलन फन्ट, सुन्तला/हरियो/गाढा रंग योजना, र एपको आफ्नै इन्टरफेसद्वारा परिभाषित गरिएको छ।
प्यालेट
ब्रान्ड
- Ember Orange
#ff5406— सुन्तला रंगलाई सजावटी विवरणहरूको लागि र दुर्लभ संकेतहरूलाई हाइलाइट गर्नको लागि दोस्रो उच्चारणको रूपमा प्रयोग गरिन्छ। यसलाई कल टु एक्शनको लागि प्राथमिक रंगको रूपमा प्रयोग गर्नु हुँदैन।
तटस्थ
- Graphite
#2f2f2f— प्राथमिक पाठ, गाढा बटनहरू (एप स्टोर आइकन), र आइकन रूपरेखाहरू। शीर्षकहरू र मुख्य पाठमा प्रमुख गैर-सेतो रंग। - Verdant Green
#00b33f— हरियो रंगले सजावटी विवरणहरूको लागि र कम आवृत्तिहरूलाई जोड दिन अतिरिक्त उच्चारणको रूपमा काम गर्दछ। - Signal Red-Orange
#ff3400— एप स्क्रिन UI तत्वहरू र सम्बन्धित ब्रान्डिङमा देखिने माध्यमिक न्यानो उच्चारण। एम्बर ओरेन्ज भन्दा एक टोन न्यानो, यसले चयन गरिएको वा सक्रिय एप अवस्थाहरूलाई जोड दिन्छ। - Sky Blue
#00a9dd— एपको आन्तरिक डेटा कोटीहरू (कार्बोहाइड्रेट/प्रोटिन/अन्य पोषक तत्व समूहहरू) को लागि एक सुखद कन्ट्रास्ट। फोन लेआउटहरूमा न्यानो, प्रमुख रङ प्यालेटलाई सन्तुलनमा राख्छ। - Mist Blue
#72a2c5— म्युटेड कूल एक्सेन्ट - एप भित्र अतिरिक्त डेटा लेबल र चार्ट पृष्ठभूमिहरूको लागि स्काई नीलो रङलाई नरम बनाउँछ। - Sunset Orange
#ff6d00— मार्केटिङ पृष्ठहरूमा माध्यमिक शीर्षकहरू र हाइलाइट गरिएको पाठको लागि न्यानो उच्चारण।
टाइपोग्राफी
१२ देखि ६० पिक्सेल सम्म · ७ चरणहरू
- Aquawax Pro Medium — प्रतिस्थापन: Inter · रूपरेखाहरू 500 · Aquawax Pro Medium - निकालिएको डेटामा पाइन्छ तर AI द्वारा वर्णन गरिएको छैन।
- Aquawax Pro — प्रतिस्थापन: Nunito Sans · रूपरेखाहरू 700, 500, 600 · शीर्षक र मुख्य भागको प्रतिलिपि सहित सबै सन्दर्भहरूमा प्रयोग हुने प्राथमिक ब्रान्ड फन्ट। यो अनुकूलित-डिजाइन गरिएको फन्टमा चौडा अक्षर उचाइ, गोलाकार ज्यामितीय आकारहरू, र आरामदायी अनुपातहरू छन्। बोल्ड (७००) शीर्षक र खण्डहरूको लागि प्रयोग गरिन्छ - प्रणालीको टाइपोग्राफिक स्थलचिह्नहरू। सेमीबोल्ड (६००) उपशीर्षकहरू र बटन लेबलहरूको लागि १४-१.८ मिमीमा प्रयोग गरिन्छ। मध्यम (५००) १७-१.८ मिमीमा मुख्य भागको प्रतिलिपिको लागि प्रयोग गरिन्छ, आरामदायी पढ्नको लागि १.६-१.८ मिमीको पर्याप्त लाइन स्पेसिङको साथ।
- System sans-serif — प्रतिस्थापन: Inter · रूपरेखाहरू 400, 700 · प्रयोगकर्ता इन्टरफेसमा धेरै सानो पाठ र आइकन पाठको लागि फलब्याक विकल्प प्रयोग गरिन्छ। Aquawax Pro माइक्रो साइजमा प्रयोग गरिँदैन; प्रणाली फन्टले रेन्डरिङ वजन कम गर्न यी ह्यान्डल गर्दछ।
अन्तराल र रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | फराकिलो |
| आधारभूत चरण | 20px |
| बटनको त्रिज्या | 26px |
| कार्डको अर्धव्यास | 26px |
| छायाँहरू | छायाँको सट्टा कुनै - किनारा छैन |
| खण्डहरू बीच | 96px |
| पृष्ठ चौडाइ | 1200px |
एआईले तपाईंको वेबसाइट Foodnoms शैलीमा बनाउनेछ र यसलाई भर्नेछ
- लिङ्क मार्फत उत्पादनहरू र पोस्टहरू भर्नुहोस् - Instagram, TikTok, Facebook ।
- आफ्नो पुरानो साइटबाट सामग्री स्थानान्तरण गर्नुहोस्—केवल ठेगाना निर्दिष्ट गर्नुहोस्।
- उत्कृष्ट इन्जिनमा आधुनिक डिजाइन: सर्भर रेन्डरिङ र SEO अप्टिमाइजेसनको साथ React ( Next.js)।
- खोज परिणाम र तंत्रिका नेटवर्क सिफारिसहरूको लागि पूर्ण स्वचालित SEO अप्टिमाइजेसन।
उस्तै शैलीहरू
- Slite — टेराकोटा ह्यान्डल भएको न्यानो चर्मपत्र नोटबुक—हरेक सतह क्रिमी पेपर हो, हरेक उच्चारणमा सुन्तलाको सूक्ष्म स्पर्श हुन्छ।
- Adora — फ्रोस्टेड गिलास पछाडिको प्रभाववादको संग्रहालय
- Bento — घामले उज्यालो लिनोलियममा बेंटो लन्चबक्स। कागती, ल्याभेन्डर, कोबाल्ट र बरगन्डीमा गोलाकार, स्टिकर जस्तो कार्डहरूको ग्रिड, प्रत्येक बाक्लो कालो मसीले रेखांकित, बोल्ड, ज्यामितीय शीर्षक मुनि न्यानो, क्रिमी लिनेनमा राखिएको छ।
- Payments — शाही बैजनी पृष्ठभूमिमा जीवन्त सिट्रस रंग। गाढा विद्युतीय बैजनीले रातको आकाशलाई उजागर गर्छ, जबकि कागतीको पहेंलो रंग सफा सेतो सतहमा ताजा सिट्रसको बोक्रा जस्तै चम्किन्छ।
- Textla — सनी रेट्रो बोटानिकल पंचांग - गाढा हरियो रंगमा छापिएको क्रिमी पहेंलो पृष्ठ जसमा तीखा, अफसेट छायाँमा क्याक्टिसका चित्रहरू प्रस्तुत गरिएका छन्।
- AI for Business — न्यानो खैरो टोनमा क्रूर सम्पादकीय शोरूम
- Superhuman — गोल्डेन आवर सम्पादकीय प्यानल
- Visitors — सेतो इन्जिनियरिङ रेखाचित्र
- Vercel — सेतो कागजमा छापिएको टर्मिनल
- Jeton — न्यानो संगमरमरमा फिनटेकको बारेमा सम्पादकीय
- Say Briefly — क्रिम पेपरमा सिर्जनात्मक एजेन्सी स्केचबुक
- ClickUp — सेतो संगमरमरमा शक्तिशाली ड्यासबोर्ड। पृष्ठ उत्पादकता उपकरणको लागि एक उत्पादन ब्रोसर हो, त्यसैले दृश्य भाषा उत्पादनबाट नै उधारो लिइएको हो: घना सूचीहरू, स्थिति सूचकहरू, अवतारहरूको समूहहरू, र बोल्ड टाइपोग्राफिक कथनहरू जुन प्रदर्शनमा उत्पादन विशिष्टता जस्तो देखिन्छ।