Foodnoms
Oq chinni ustida quyoshli meva bozori - issiq apelsinlar, yangi ko'katlar va hajmli yumaloq shakllar
Foodnoms ovqatlanishni kuzatish uchun yengil marketing tilini taqdim etadi: toza oq kanvas, vizual langar sifatida katta o'lchamli telefon maketlari va ranglar ozuqa moddalari va taraqqiyotni ifodalovchi o'ynoqi ranglar lug'ati. Ikki rangli sarlavha sxemasi (kalit so'z uchun bitta rang, qolganlari uchun to'q grafit) qiymat taklifini tezda baholash imkonini beradi. Tizim ma'lumotlarga boy ilova ekranlarini yumshatadigan aniq yumaloq geometrik xususiyatlarga ega bitta foydalanuvchi displeyiga (Aquawax Pro) tayanadi. Ko'pgina sirtlar tekis va soyasiz; bir xil burchak radiusi tugmalar, kartalar va yorliqlarga do'stona, yumshoq tuyg'u beradi, bu esa sog'liqni kuzatishni klinikaga qaraganda osonroq his qilish imkonini beradi.
Sahifada bitta ustunli, markazlashtirilgan, to'liq kenglikdagi maket (~1200px) va keng vertikal ritm mavjud. Sarlavha chap tomonda logotip, navigatsiya markazida va o'ng tomonda to'ldirilgan to'q sariq harakat tugmasi bo'lgan yupqa yuqori satrdir. Qahramon bo'limi markazlashtirilgan stekdir: ikki rangli sarlavha, bitta qatorli kichik sarlavha, App Store belgisi va keyin kenglik bo'ylab yoyilgan 3-5 ta telefon maketlari qatori. Qahramon bo'limining ostida 2x3 o'lchamdagi panjara ichida markazlashtirilgan "Tavsiya etilganidek" matbuot logotipi bo'limi joylashgan. Xususiyat bo'limlari takrorlanuvchi naqshga amal qiladi: ikki ustunli matn + telefon maket, navbatma-navbat yon tomonlar, to'q sariq/yashil rangdagi urg'uli bo'lim sarlavhalari bilan. Pastki qismdan oldingi oxirgi element to'liq kenglikdagi yuklab olinadigan CTA kartasidir. Bo'limlar orasidagi oluklar keng (96px) bo'lib, keng, galereyaga o'xshash tuyg'u yaratadi. Navigatsiya minimalist yuqori satrdir - yon panel yoki mega menyu yo'q.
Ilovaning vizual tilida ilovaning ishchi interfeysini namoyish etuvchi yuqori sifatli iPhone ramka maketlari ustunlik qiladi — bular asosiy elementlar, stok fotosuratlari emas. Maketlar deyarli to'liq shaffoflik bilan namoyish etiladi, ozgina ustma-ust tushish va silliq aylanish bilan kengaytiriladi va to'g'ridan-to'g'ri oq fonda joylashtiriladi. Maketlar ichida vizual komponent ilovaning o'z interfeysi tomonidan taqdim etiladi: ozuqaviy ma'lumotlar, mahsulot fotosuratlari, makro halqalar va rangli kategoriya teglari. Faqatgina fotosurat tarkibi - bu foydalanuvchi tomonidan taqdim etilgan oziq-ovqat tasvirlari bo'lib, ular Scan Your Food ilovasining kamera ekranida ko'rinadi. Turmush tarzi fotosuratlari, mavhum illyustratsiyalar, dekorativ grafikalar yo'q. Brending butunlay maxsus shrift, to'q sariq/yashil/to'q ranglar sxemasi va ilovaning o'z interfeysi bilan belgilanadi.
Palitra
Brend
- Ember Orange
#ff5406— Apelsin rangi dekorativ detallar uchun ikkinchi darajali aksent va kamdan-kam uchraydigan ishoralarni ta'kidlash uchun ishlatiladi. U harakatga chaqiruvlar uchun asosiy rang sifatida ishlatilmasligi kerak.
Neytral
- Graphite
#2f2f2f— Asosiy matn, to'q tugmalar (App Store ikonkasi) va ikonka konturlari. Sarlavhalar va asosiy matnda oq bo'lmagan ranglar ustunlik qiladi. - Verdant Green
#00b33f— Yashil rang dekorativ detallar uchun qo'shimcha aksent bo'lib xizmat qiladi va past chastotalarni ta'kidlaydi. - Signal Red-Orange
#ff3400— Ilova ekranining interfeys elementlarida va tegishli brendingda ko'rinadigan ikkinchi darajali iliq aksent. Ember Orange rangiga qaraganda bir tonna iliqroq, u tanlangan yoki faol ilova holatlarini ta'kidlaydi. - Sky Blue
#00a9dd— Ilovaning ichki ma'lumotlar toifalari (uglevodlar/oqsillar/boshqa ozuqaviy moddalar guruhlari) uchun yoqimli kontrast. Telefon maketlarida iliq, dominant ranglar palitrasini muvozanatlashtiradi. - Mist Blue
#72a2c5— Ovozsiz va ajoyib aksent - Ilova ichidagi qo'shimcha ma'lumotlar yorliqlari va diagramma fonlari uchun osmon ko'k rangini yumshatadi. - Sunset Orange
#ff6d00— Marketing sahifalarida ikkilamchi sarlavhalar va ta'kidlangan matn uchun iliq urg'u.
Tipografiya
12 dan 60 pikselgacha · 7 qadam
- Aquawax Pro Medium — almashtirish: Inter · konturlar 500 · Aquawax Pro Medium - Olingan ma'lumotlarda topilgan, ammo sun'iy intellekt tomonidan tavsiflanmagan.
- Aquawax Pro — almashtirish: Nunito Sans · konturlar 700, 500, 600 · Sarlavhalar va asosiy matnni o'z ichiga olgan holda barcha kontekstlarda ishlatiladigan asosiy brend shrifti. Ushbu maxsus ishlab chiqilgan shrift keng harf balandliklari, yumaloq geometrik shakllar va qulay nisbatlarga ega. Qalin (700) tizimning tipografik belgilari bo'lgan sarlavhalar va bo'limlar uchun ishlatiladi. Yarim qalin (600) 14–1,8 mm o'lchamdagi kichik sarlavhalar va tugma yorliqlari uchun ishlatiladi. O'rtacha (500) 17–1,8 mm o'lchamdagi asosiy matn uchun ishlatiladi, qulay o'qish uchun 1,6–1,8 mm qator oralig'i etarli.
- System sans-serif — almashtirish: Inter · konturlar 400, 700 · Foydalanuvchi interfeysida juda kichik matn va ikonka matni uchun zaxira varianti ishlatiladi. Aquawax Pro mikro o'lchamlarda ishlatilmaydi; tizim shrifti renderlash og'irligini kamaytirish uchun ularni qayta ishlaydi.
Intervallar va shakl
| Maqsad | Ma'nosi |
|---|---|
| Zichlik | keng |
| Asosiy qadam | 20px |
| Tugma radiusi | 26px |
| Karta radiusi | 26px |
| Soyalar | soyalar o'rniga chegaralar yo'q |
| Bo'limlar orasida | 96px |
| Sahifa kengligi | 1200px |
Sun'iy intellekt veb-saytingizni Foodnoms uslubida yaratadi va uni to'ldiradi
- Mahsulotlar va postlarni Instagram, TikTok, Facebook havolalari orqali to'ldiring.
- Eski saytingizdan kontentni o'tkazing — shunchaki manzilni ko'rsating.
- Eng yaxshi dvigatelda zamonaviy dizayn: React ( Next.js) server renderlash va SEO optimallashtirish bilan darhol.
- Qidiruv natijalari va neyron tarmoq tavsiyalari uchun to'liq avtomatlashtirilgan SEO optimallashtirish.
O'xshash uslublar
- Slite — Terakota tutqichli iliq pergament daftar — har bir yuzasi kremsi qog'ozdan, har bir aksenti esa nozik to'q sariq rangga bo'yalgan.
- Adora — Muzlatilgan shisha ortidagi impressionizm muzeyi
- Bento — Quyoshli linoleumda bento tushlik qutisi. Qalin, geometrik sarlavha ostida iliq, kremsi zig'ir mato ustida, har biri qalin qora siyoh bilan chizilgan, ohak, lavanta, kobalt va bordo rangidagi yumaloq, stikerga o'xshash kartochkalar to'plami yotadi.
- Payments — Qirollik binafsha fonida yorqin sitrus rangi. To'q elektr binafsha rang tungi osmonni eslatadi, limon sariq rang esa toza oq sirt fonida yangi sitrus po'stlog'i kabi yarqiraydi.
- Textla — Quyoshli Retro Botanika Almanaxi - To'q yashil rangda bosilgan kremsi sariq sahifa, kaktuslarning rasmlari o'tkir, ofset soyalarda tasvirlangan
- AI for Business — Issiq kulrang tuslardagi shafqatsiz tahririyat ko'rgazma zali
- Superhuman — oltin soat tahririyat paneli
- Visitors — oq muhandislik chizmasi
- Vercel — Terminal oq qog'ozga bosilgan
- Jeton — Issiq marmar ustidagi fintech haqida tahririyat maqolasi
- Say Briefly — Krem qog'ozga yozilgan ijodiy agentlik eskiz daftari
- ClickUp — Oq marmar ustidagi kuchli boshqaruv paneli. Sahifa unumdorlik vositasi uchun mahsulot broshyurasidir, shuning uchun vizual til mahsulotning o'zidan olingan: zich ro'yxatlar, holat ko'rsatkichlari, avatarlar guruhlari va displeyda mahsulot spetsifikatsiyasiga o'xshash qalin tipografik bayonotlar.