
Foodnoms
بازار میوه آفتابی روی چینی سفید - پرتقالهای گرم، سبزیجات تازه و شکلهای گرد و حجیم
فودنومز از یک زبان بازاریابی شاد برای ردیابی تغذیه استفاده میکند: یک بوم سفید تمیز، ماکتهای بزرگ تلفن به عنوان لنگرهای بصری و یک واژگان رنگی شاد که در آن رنگها نشان دهنده مواد مغذی و پیشرفت هستند. طرح هدر دو رنگ (یک رنگ برای کلمه کلیدی، گرافیت تیره برای بقیه) امکان ارزیابی سریع گزاره ارزش را فراهم میکند. این سیستم به یک نمایشگر تک کاربره (Aquawax Pro) با ویژگیهای هندسی کاملاً گرد متکی است که صفحات برنامه پر از داده را نرم میکند. اکثر سطوح صاف و بدون سایه هستند. شعاع یکنواخت گوشهها به دکمهها، کارتها و برچسبها حسی دوستانه و نرم میدهد و باعث میشود ردیابی سلامت بیشتر از بالینی، قابل دسترس باشد.
این صفحه دارای یک طرحبندی تک ستونی، متمرکز و تمام عرض (حدود ۱۲۰۰ پیکسل) با ریتم عمودی سخاوتمندانه است. هدر یک نوار بالای نازک با لوگو در سمت چپ، ناوبری در مرکز و یک دکمه عملیاتی نارنجی توپر در سمت راست است. بخش قهرمان یک پشته متمرکز است: یک عنوان دو رنگ، یک زیرعنوان تک خطی، یک آیکون اپ استور و سپس یک ردیف از ۳-۵ مدل گوشی که در عرض صفحه پخش شدهاند. در زیر بخش قهرمان، یک بخش لوگوی مطبوعاتی با عنوان «به عنوان توصیه شده» در مرکز و در یک شبکه ۲x۳ قرار دارد. بخشهای ویژه از یک الگوی تکرارشونده پیروی میکنند: متن دو ستونی + مدل گوشی، طرفین متناوب، با عناوین بخشهای برجسته به رنگ نارنجی/سبز. آخرین عنصر قبل از پاورقی، یک کارت فراخوان عمل قابل دانلود تمام عرض است. ناودانهای بین بخشها سخاوتمندانه (۹۶ پیکسل) هستند و احساسی جادار و گالری مانند ایجاد میکنند. ناوبری یک نوار بالای مینیمالیستی است - بدون نوار کناری یا مگامنو.
زبان بصری برنامه تحت سلطهی ماکتهای قاب آیفون با کیفیت بالا است که رابط کاربری برنامه را به نمایش میگذارند - اینها عناصر اصلی هستند، نه عکسهای آماده. ماکتها با شفافیت تقریباً کامل نمایش داده میشوند، با کمی همپوشانی و چرخش روان به صورت بادبزنی شکل میگیرند و مستقیماً روی یک پسزمینه سفید قرار میگیرند. در داخل ماکتها، مؤلفه بصری توسط رابط کاربری خود برنامه ارائه میشود: اطلاعات تغذیهای، عکسهای محصول، حلقههای ماکرو و برچسبهای رنگی دستهبندی. تنها محتوای تصویری، تصاویر غذایی ارسالی توسط کاربر است که در صفحه دوربین برنامه Scan Your Food قابل مشاهده است. هیچ عکس سبک زندگی، هیچ تصویر انتزاعی، هیچ گرافیک تزئینی وجود ندارد. برندسازی کاملاً توسط فونت سفارشی، طرح رنگی نارنجی/سبز/تیره و رابط کاربری خود برنامه تعریف شده است.
پالت
برند
- Ember Orange
#ff5406— نارنجی به عنوان یک رنگ ثانویه برای جزئیات تزئینی و برجسته کردن نشانههای نادر استفاده میشود. نباید به عنوان رنگ اصلی برای دکمههای فراخوان عمل (Call to action) استفاده شود.
خنثی
- Graphite
#2f2f2f— متن اصلی، دکمههای تیره (آیکون اپ استور) و خطوط بیرونی آیکون. رنگ غالب غیر سفید در تیترها و متن بدنه. - Verdant Green
#00b33f— رنگ سبز به عنوان یک عنصر اضافی برای جزئیات تزئینی و تأکید بر فرکانسهای پایین عمل میکند. - Signal Red-Orange
#ff3400— یک رنگ گرم ثانویه، که در عناصر رابط کاربری صفحه برنامه و برندسازی مرتبط قابل مشاهده است. این رنگ یک تُن گرمتر از رنگ نارنجی امبر است و بر حالتهای انتخاب شده یا فعال برنامه تأکید میکند. - Sky Blue
#00a9dd— تضاد دلپذیری برای دستهبندیهای دادههای داخلی برنامه (کربوهیدراتها/پروتئینها/سایر گروههای مغذی). پالت رنگ گرم و غالب در طرحبندی تلفن را متعادل میکند. - Mist Blue
#72a2c5— جلوه سرد ملایم - رنگ آبی آسمانی را برای برچسبهای داده اضافی و پسزمینههای نمودار در برنامه ملایم میکند. - Sunset Orange
#ff6d00— یک رنگ گرم و دلنشین برای تیترهای فرعی و متنهای هایلایت شده در صفحات بازاریابی.
تایپوگرافی
از ۱۲ تا ۶۰ پیکسل · ۷ مرحله
- Aquawax Pro Medium — جایگزینی: Inter · طرح کلی 500 · Aquawax Pro Medium - در دادههای استخراجشده یافت میشود اما توسط هوش مصنوعی توصیف نشده است.
- Aquawax Pro — جایگزینی: Nunito Sans · طرح کلی 700, 500, 600 · فونت اصلی برند که در همه زمینهها، از جمله عنوانها و متن اصلی، استفاده میشود. این فونت سفارشی دارای ارتفاع حروف پهن، اشکال هندسی گرد و تناسبات مناسب است. از فونت Bold (700) برای عنوانها و بخشها - که نشانههای تایپوگرافی سیستم هستند - استفاده میشود. از فونت Semibold (600) برای زیرعنوانها و برچسبهای دکمه با اندازه ۱۴ تا ۱.۸ میلیمتر استفاده میشود. از فونت Medium (500) برای متن اصلی با اندازه ۱۷ تا ۱.۸ میلیمتر استفاده میشود و فاصله خطوط بین خطوط برای خواندن راحت، ۱.۶ تا ۱.۸ میلیمتر است.
- 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 — یک داشبورد قدرتمند روی سنگ مرمر سفید. این صفحه یک بروشور محصول برای یک ابزار بهرهوری است، بنابراین زبان بصری از خود محصول وام گرفته شده است: فهرستهای متراکم، نشانگرهای وضعیت، گروههایی از آواتارها و عبارات تایپوگرافیک جسورانه که مانند مشخصات محصول روی صفحه نمایش به نظر میرسند.