Foodnoms
د سپینو چینی مٹی په سر د لمر وړانګو میوو بازار - ګرم نارنج، تازه شنه او غټ ګرد شکلونه
فوډ نومز د تغذیې تعقیب لپاره د بازار موندنې یوه سپکه ژبه وړاندې کوي: یو پاک سپین کینوس، د بصري لنگرونو په توګه د لوی تلیفون ماک اپونه، او د لوبو رنګ لغتونه چیرې چې رنګونه د مغذي موادو او پرمختګ استازیتوب کوي. د دوه رنګه سرلیک سکیم (د کلیدي کلمې لپاره یو رنګ، د پاتې لپاره تیاره ګرافیت) د ارزښت وړاندیز ګړندي ارزونې ته اجازه ورکوي. سیسټم د یو واحد کارونکي ښودنې (اکواویکس پرو) باندې تکیه کوي چې په واضح ډول ګرد جیومیټریک ځانګړتیاوې لري چې د معلوماتو درانه ایپ سکرینونه نرموي. ډیری سطحې فلیټ او بې سیوري دي؛ د یونیفورم کونج شعاع تڼۍ، کارتونه، او لیبلونه دوستانه، نرم احساس ورکوي، چې د روغتیا تعقیب د کلینیکي په پرتله ډیر د لاسرسي وړ احساس کوي.
دا پاڼه د یو واحد کالم، متمرکز، بشپړ پلنوالی ترتیب (~1200px) لري چې د سخاوتمند عمودی تال سره. سرلیک یو نری پورتنۍ بار دی چې لوګو یې په کیڼ اړخ کې، نیویګیشن په مرکز کې، او په ښي خوا کې د نارنجي عمل تڼۍ ډک شوی. د هیرو برخه یو متمرکز سټیک دی: دوه رنګه سرلیک، یو واحد لاین فرعي سرلیک، د اپ سټور آیکون، او بیا د 3-5 تلیفون موک اپونو قطار چې په عرض کې فین شوی. د هیرو برخې لاندې په 2x3 گرډ کې د "لکه څنګه چې سپارښتنه شوې" پریس لوګو برخه ده. د فیچر برخې د تکرار نمونې تعقیبوي: دوه کالم متن + د تلیفون موک اپ، بدیل اړخونه، د تلفظ برخې سرلیکونو سره په نارنجي / شنه کې. د فوټر څخه مخکې وروستی عنصر د بشپړ پلنوالی ډاونلوډ وړ 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 · اکواویکس پرو میډیم - په استخراج شوي معلوماتو کې موندل شوی مګر د مصنوعي ذهانت لخوا نه دی تشریح شوی.
- 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 · د کارونکي انٹرفیس کې د خورا کوچني متن او آیکون متن لپاره د فال بیک اختیار کارول کیږي. اکوایکس پرو په کوچنیو اندازو کې نه کارول کیږي؛ د سیسټم فونټ د رینډرینګ وزن کمولو لپاره دا اداره کوي.
وقفې او بڼه
| موخه | معنی |
|---|---|
| کثافت | پراخه |
| اساسي ګام | 20px |
| د تڼۍ وړانګې | 26px |
| د کارت وړانګې | 26px |
| سیوري | د سیوري پر ځای هیڅ سرحد نشته |
| د برخو ترمنځ | 96px |
| د پاڼې پلنوالی | 1200px |
AI به ستاسو ویب پاڼه په Foodnoms سټایل کې جوړه کړي او ډکه یې کړي
- د لینک له لارې محصولات او پوسټونه ډک کړئ - Instagram ، TikTok ، Facebook.
- له خپل زوړ سایټ څخه مواد انتقال کړئ — یوازې پته مشخص کړئ.
- په غوره انجن کې عصري ډیزاین: د سرور رینډرینګ او SEO اصلاح کولو سره React ( Next.js).
- د لټون پایلو او عصبي شبکې سپارښتنو لپاره په بشپړ ډول اتوماتیک SEO اصلاح کول.
ورته سټایلونه
- Slite — د ټیراکوټا لاستی سره یو ګرم پارچمنټ نوټ بوک - هره سطحه کریمي کاغذ ده، هر تلفظ د نارنجي نازک لمس دی.
- Adora — د یخ وهلي شیشې تر شا د تاثیر موزیم
- Bento — د لمر وړانګو لینولیم باندې د بینټو ډوډۍ بکس. د لیمو، لیوینډر، کوبالټ او برګنډي رنګونو کې د ګرد، سټیکر په څیر کارتونو یوه جال، چې هر یو یې په تیاره تور رنګ کې لیکل شوی، د یو غټ، جیومیټریک سرلیک لاندې په ګرم، کریمي کتان باندې پروت دی.
- Payments — د شاهي ارغواني پس منظر په وړاندې یو متحرک لیمويي رنګ. ژور برقي ارغواني د شپې اسمان راڅرګندوي، پداسې حال کې چې د لیمو ژیړ تلفظونه د پاکې سپینې سطحې په وړاندې د تازه لیمويي پوستکي په څیر ځلیږي.
- Textla — د لمر ریټرو بوټانیکل الماناک - کریمي ژیړ پاڼه په تیاره شنه رنګ کې چاپ شوې چې د کاکټي انځورونه په تیزو، آفسیټ سیوري کې ښودل شوي
- AI for Business — په ګرمو خړ رنګونو کې د ظالمانه اداری نندارتون
- Superhuman — د ګولډن آور اداری پینل
- Visitors — سپین انجینري انځور
- Vercel — ټرمینل په سپین کاغذ چاپ شوی
- Jeton — د ګرمو مرمرونو په اړه د فنټیک په اړه یوه اداریه
- Say Briefly — د کریم کاغذ په اړه د تخلیقي ادارې سکیچ بوک
- ClickUp — په سپین مرمر باندې یو پیاوړی ډشبورډ. دا پاڼه د تولیدي وسیلې لپاره د محصول بروشر دی، نو د بصري ژبه پخپله د محصول څخه پور اخیستل شوې ده: ګڼ لیستونه، د حالت شاخصونه، د اوتارونو ګروپونه، او زړور ټایپوګرافیک بیانونه چې په نندارتون کې د محصول مشخصاتو په څیر ښکاري.