Foodnoms
पांढऱ्या पोर्सिलेनवर सूर्यप्रकाशित फळांचा बाजार - उबदार संत्री, ताजी हिरवी पाने आणि भरगच्च गोलाकार आकार.
फूडनॉम्समध्ये पोषण ट्रॅकिंगसाठी एक हलकीफुलकी मार्केटिंग भाषा वापरली आहे: एक स्वच्छ पांढरा कॅनव्हास, व्हिज्युअल अँकर म्हणून मोठे फोन मॉकअप्स आणि एक खेळकर रंगसंगती, जिथे रंग पोषक तत्वे आणि प्रगती दर्शवतात. दोन-रंगी हेडर योजना (कीवर्डसाठी एक रंग, बाकीच्यांसाठी गडद ग्राफाइट) मूल्य प्रस्तावाचे त्वरित मूल्यांकन करण्यास मदत करते. ही प्रणाली एकाच यूजर डिस्प्लेवर (ॲक्वावॅक्स प्रो) अवलंबून आहे, ज्यामध्ये विशिष्ट गोलाकार भौमितिक वैशिष्ट्ये आहेत, जी डेटाने भरलेल्या ॲप स्क्रीनला सौम्य करतात. बहुतेक पृष्ठभाग सपाट आणि सावलीविरहित आहेत; एकसमान कोपरा त्रिज्या बटणे, कार्ड्स आणि लेबल्सना एक मैत्रीपूर्ण, मऊ स्पर्श देते, ज्यामुळे आरोग्य ट्रॅकिंग वैद्यकीय स्वरूपाचे न वाटता अधिक सुलभ वाटते.
या पेजवर एक-कॉलम, मध्यभागी असलेला, पूर्ण-रुंदीचा (~1200px) लेआउट आहे, ज्यात भरपूर व्हर्टिकल रिदम आहे. हेडर एक पातळ टॉप बार आहे, ज्यामध्ये डावीकडे लोगो, मध्यभागी नेव्हिगेशन आणि उजवीकडे एक भरलेले नारंगी ॲक्शन बटण आहे. हिरो सेक्शन हा मध्यभागी असलेला एक स्टॅक आहे: दोन-रंगी शीर्षक, एक-ओळीचे सबहेडर, एक ॲप स्टोअर आयकॉन आणि त्यानंतर रुंदीभर पसरलेल्या ३-५ फोन मॉकअपची एक ओळ. हिरो सेक्शनच्या खाली २x३ ग्रिडमध्ये मध्यभागी "As Recommended" प्रेस लोगो सेक्शन आहे. फीचर सेक्शन्स एका पुनरावृत्ती होणाऱ्या पॅटर्नचे अनुसरण करतात: दोन-कॉलम मजकूर + फोन मॉकअप, एकाआड एक बाजूला, नारंगी/हिरव्या रंगातील ॲक्सेंट सेक्शन हेडिंग्ससह. फुटरच्या आधीचा शेवटचा घटक एक पूर्ण-रुंदीचे डाउनलोड करण्यायोग्य CTA कार्ड आहे. सेक्शन्समधील जागा भरपूर (96px) आहे, ज्यामुळे एक प्रशस्त, गॅलरीसारखा अनुभव येतो. नेव्हिगेशन एक मिनिमलिस्ट टॉप बार आहे - यात कोणताही साइडबार किंवा मेगा मेनू नाही.
अॅपच्या व्हिज्युअल लँग्वेजमध्ये अॅपचा कार्यरत इंटरफेस दर्शविणाऱ्या उच्च-गुणवत्तेच्या आयफोन फ्रेम मॉकअप्सचे वर्चस्व आहे—हेच मुख्य घटक आहेत, स्टॉक फोटो नाहीत. हे मॉकअप्स जवळजवळ पूर्ण पारदर्शकतेसह, किंचित ओव्हरलॅप आणि सहज रोटेशनसह पसरलेले आहेत आणि थेट पांढऱ्या पार्श्वभूमीवर ठेवलेले आहेत. मॉकअप्समध्ये, व्हिज्युअल घटक अॅपच्या स्वतःच्या इंटरफेसद्वारे प्रदान केला जातो: पौष्टिक माहिती, उत्पादनाचे फोटो, मॅक्रो रिंग्ज आणि रंगीत कॅटेगरी टॅग्ज. एकमेव छायाचित्रात्मक सामग्री म्हणजे 'स्कॅन युवर फूड' अॅपच्या कॅमेरा स्क्रीनवर दिसणारी वापरकर्त्यांनी सबमिट केलेली खाद्यपदार्थांची छायाचित्रे. यात कोणतेही लाइफस्टाइल फोटो, अमूर्त चित्रे किंवा सजावटीचे ग्राफिक्स नाहीत. ब्रँडिंग पूर्णपणे कस्टम फॉन्ट, नारंगी/हिरवा/गडद रंगसंगती आणि अॅपच्या स्वतःच्या इंटरफेसद्वारे परिभाषित केले आहे.
पॅलेट
ब्रँड
- 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 · अक्वावॅक्स प्रो मीडियम - काढलेल्या डेटामध्ये आढळले, परंतु AI द्वारे वर्णन केलेले नाही.
- Aquawax Pro — बदली: Nunito Sans · रूपरेषा 700, 500, 600 · शीर्षके आणि मुख्य मजकूर यांसह सर्व संदर्भांमध्ये वापरला जाणारा हा मुख्य ब्रँड फॉन्ट आहे. या खास डिझाइन केलेल्या फॉन्टमध्ये अक्षरांची रुंद उंची, गोलाकार भौमितिक आकार आणि आरामदायक प्रमाणबद्धता आहे. बोल्ड (700) फॉन्ट शीर्षके आणि विभागांसाठी वापरला जातो—जे या प्रणालीचे टायपोग्राफिक महत्त्वाचे टप्पे आहेत. सेमीबोल्ड (600) फॉन्ट उपशीर्षके आणि बटण लेबल्ससाठी 14–1.8 मिमी अंतरावर वापरला जातो. मीडियम (500) फॉन्ट मुख्य मजकुरासाठी 17–1.8 मिमी अंतरावर वापरला जातो, ज्यात आरामदायक वाचनासाठी 1.6–1.8 मिमीचे पुरेसे ओळींमधील अंतर आहे.
- System sans-serif — बदली: Inter · रूपरेषा 400, 700 · युझर इंटरफेसमधील अतिशय लहान मजकूर आणि आयकॉनच्या मजकुरासाठी एक फॉलबॅक पर्याय वापरला जातो. एक्वावॅक्स प्रो (Aquawax Pro) अतिशय सूक्ष्म आकारात वापरला जात नाही; रेंडरिंगचे वजन कमी करण्यासाठी सिस्टम फॉन्टच हे हाताळतो.
अंतर आणि स्वरूप
| उद्देश | अर्थ |
|---|---|
| घनता | प्रशस्त |
| मूलभूत पायरी | 20px |
| बटण त्रिज्या | 26px |
| कार्ड त्रिज्या | 26px |
| सावल्या | सावल्यांऐवजी सीमा नाहीत |
| विभागांच्या दरम्यान | 96px |
| पृष्ठाची रुंदी | 1200px |
एआय तुमची वेबसाईट Foodnoms स्टाईलमध्ये तयार करेल आणि ती भरेल.
- लिंकद्वारे उत्पादने आणि पोस्ट्स भरा - Instagram, TikTok, Facebook.
- तुमच्या जुन्या साइटवरून सामग्री हस्तांतरित करा—फक्त पत्ता नमूद करा.
- सर्वोत्तम इंजिनवर आधुनिक डिझाइन: React ( Next.js) ज्यामध्ये सर्व्हर रेंडरिंग आणि एसईओ ऑप्टिमायझेशन अंगभूत आहेत.
- शोध परिणामांसाठी पूर्णपणे स्वयंचलित एसईओ ऑप्टिमायझेशन आणि न्यूरल नेटवर्क शिफारसी.
समान शैली
- Slite — टेराकोटा रंगाचे हँडल असलेली एक उबदार पार्चमेंट नोटबुक—तिचा प्रत्येक पृष्ठभाग क्रीम रंगाच्या कागदाचा असून, प्रत्येक सजावटीत नारंगी रंगाचा सूक्ष्म स्पर्श आहे.
- Adora — फ्रॉस्टेड काचेमागील प्रभाववादाचे संग्रहालय
- Bento — सूर्यप्रकाशित लिनोलियमवर ठेवलेला एक बेंटो लंचबॉक्स. एका उबदार, मलईदार लिनेनवर, एका ठळक, भौमितिक शीर्षकाखाली, लिंबू, लॅव्हेंडर, कोबाल्ट आणि बरगंडी रंगांच्या, जाड काळ्या शाईने बाह्यरेषा काढलेल्या, गोलाकार, स्टिकरसारख्या कार्डांची एक जाळी पसरलेली आहे.
- Payments — शाही जांभळ्या पार्श्वभूमीवर लिंबूवर्गीय फळांची एक आकर्षक छटा. गडद विद्युत जांभळा रंग रात्रीच्या आकाशाची आठवण करून देतो, तर लिंबू पिवळ्या रंगाचे ठिपके स्वच्छ पांढऱ्या पृष्ठभागावर ताज्या लिंबाच्या सालीप्रमाणे चमकतात.
- Textla — सनी रेट्रो बोटॅनिकल अल्मनॅक - गडद हिरव्या रंगात छापलेले मलईदार पिवळे पान, ज्यावर स्पष्ट, ऑफसेट सावल्यांमध्ये कॅक्टसची चित्रे रेखाटलेली आहेत.
- AI for Business — उबदार राखाडी रंगछटांमधील ब्रुटॅलिस्ट संपादकीय शोरूम
- Superhuman — गोल्डन अवर संपादकीय पॅनेल
- Visitors — पांढरा अभियांत्रिकी रेखाचित्र
- Vercel — पांढऱ्या कागदावर छापलेले टर्मिनल
- Jeton — उबदार संगमरवरावरील फिनटेकबद्दलचा एक संपादकीय लेख
- Say Briefly — क्रीम रंगाच्या कागदावर क्रिएटिव्ह एजन्सीची स्केचबुक
- ClickUp — पांढऱ्या संगमरवरावरील एक प्रभावी डॅशबोर्ड. हे पान एका उत्पादकता साधनाचे उत्पादन माहितीपत्रक आहे, त्यामुळे याची दृश्य भाषा खुद्द उत्पादनातूनच घेतली आहे: दाट याद्या, स्थिती दर्शक, अवतारांचे गट आणि ठळक अक्षरांतील विधाने, जी एखाद्या उत्पादनाच्या तपशिलाप्रमाणे दिसतात.