Foodnoms
Ağ çini üzərində günəşli meyvə bazarı - isti portağallar, təzə göyərtilər və həcmli yuvarlaq formalar
Foodnoms qidalanma izləmə üçün yüngül bir marketinq dili təqdim edir: təmiz ağ kətan, vizual lövhələr kimi böyük telefon maketləri və rənglərin qida maddələrini və tərəqqini təmsil etdiyi oynaq rəngli lüğət. İki rəngli başlıq sxemi (açar söz üçün bir rəng, qalanları üçün tünd qrafit) dəyər təklifinin tez bir zamanda qiymətləndirilməsinə imkan verir. Sistem, məlumatlarla dolu tətbiq ekranlarını yumşaldan aydın şəkildə yuvarlaqlaşdırılmış həndəsi xüsusiyyətləri olan tək istifadəçi ekranına (Aquawax Pro) əsaslanır. Əksər səthlər düz və kölgəsizdir; vahid künc radiusu düymələrə, kartlara və etiketlərə dostcasına, yumşaq bir hiss verir və bu da sağlamlıq izləmə hissini klinikidən daha əlçatan edir.
Səhifədə tək sütunlu, mərkəzləşdirilmiş, tam enli düzülüş (~1200 piksel) və geniş şaquli ritm var. Başlıq, solda loqotip, mərkəzləşdirilmiş naviqasiya və sağda doldurulmuş narıncı hərəkət düyməsi olan nazik üst zolaqdır. Qəhrəman bölməsi mərkəzləşdirilmiş bir yığındır: iki rəngli başlıq, tək sətirli alt başlıq, App Store işarəsi və sonra en boyunca yayılmış 3-5 telefon maketindən ibarət bir sıra. Qəhrəman bölməsinin altında 2x3 ölçülü şəbəkədə mərkəzləşdirilmiş "Tövsiyə Olunduğu Kimi" mətbuat loqotipi bölməsi var. Xüsusiyyət bölmələri təkrarlanan bir nümunəni izləyir: iki sütunlu mətn + telefon maket, növbələşən tərəflər, vurğu bölmə başlıqları narıncı/yaşıl rəngdədir. Altbilgidən əvvəlki son element tam enli yüklənə bilən CTA kartıdır. Bölmələr arasındakı novlar genişdir (96 piksel), geniş, qalereya kimi bir hiss yaradır. Naviqasiya minimalist üst zolaqdır - yan panel və ya meqa menyu yoxdur.
Tətbiqin vizual dilində tətbiqin iş interfeysini göstərən yüksək keyfiyyətli iPhone çərçivə maketləri üstünlük təşkil edir - bunlar stok fotoşəkillər deyil, əsas elementlərdir. Maketlər demək olar ki, tam şəffaflıqla göstərilir, bir az üst-üstə düşmə və hamar fırlanma ilə yayılır və birbaşa ağ fonda yerləşdirilir. Maketlərin içərisində vizual komponent tətbiqin öz interfeysi tərəfindən təmin edilir: qidalanma məlumatları, məhsul fotoşəkilləri, makro halqalar və rəngarəng kateqoriya etiketləri. Yeganə fotoqrafik məzmun istifadəçi tərəfindən təqdim edilən və Scan Your Food tətbiqinin kamera ekranında görünən qida şəkilləridir. Həyat tərzi fotoşəkilləri, mücərrəd illüstrasiyalar, dekorativ qrafika yoxdur. Brendinq tamamilə xüsusi şrift, narıncı/yaşıl/tünd rəng sxemi və tətbiqin öz interfeysi ilə müəyyən edilir.
Palitra
Brend
- Ember Orange
#ff5406— Narıncı rəng dekorativ detallar üçün ikinci dərəcəli vurğu və nadir hallarda rast gəlinən işarələri vurğulamaq üçün istifadə olunur. Hərəkətə çağırışlar üçün əsas rəng kimi istifadə edilməməlidir.
Neytral
- Graphite
#2f2f2f— Əsas mətn, tünd düymələr (App Store ikonası) və ikon konturları. Başlıqlarda və əsas mətndə üstünlük təşkil edən ağ olmayan rəng. - Verdant Green
#00b33f— Yaşıl rəng dekorativ detallar üçün əlavə vurğu və aşağı tezlikləri vurğulamaq üçün xidmət edir. - Signal Red-Orange
#ff3400— Tətbiq ekranı UI elementlərində və əlaqəli brendinqdə görünən ikinci dərəcəli isti vurğu. Ember Orange-dan bir ton daha isti, seçilmiş və ya aktiv tətbiq vəziyyətlərini vurğulayır. - Sky Blue
#00a9dd— Tətbiqin daxili məlumat kateqoriyaları (karbohidratlar/zülallar/digər qida qrupları) üçün xoş bir kontrast. Telefon planlarında isti, dominant rəng palitrasını tarazlaşdırır. - Mist Blue
#72a2c5— Səssiz Sərin Vurğu - Tətbiq daxilində əlavə məlumat etiketləri və diaqram fonları üçün Səma mavisi rəngini yumşaldır. - Sunset Orange
#ff6d00— Marketinq səhifələrində ikinci dərəcəli başlıqlar və vurğulanmış mətn üçün isti vurğu.
Tipoqrafiya
12-dən 60 pikselə qədər · 7 addım
- Aquawax Pro Medium — əvəzetmə: Inter · konturlar 500 · Aquawax Pro Medium - Çıxarılan məlumatlarda tapılmış, lakin süni intellekt tərəfindən təsvir edilməmişdir.
- Aquawax Pro — əvəzetmə: Nunito Sans · konturlar 700, 500, 600 · Başlıqlar və əsas mətn daxil olmaqla, bütün kontekstlərdə istifadə olunan əsas marka şrifti. Xüsusi hazırlanmış bu şrift geniş hərf hündürlüyünə, yuvarlaq həndəsi formalara və rahat nisbətlərə malikdir. Qalın (700) başlıqlar və bölmələr — sistemin tipoqrafik nişanələri üçün istifadə olunur. Yarımqalın (600) alt başlıqlar və düymə etiketləri üçün 14–1,8 mm qalınlığında istifadə olunur. Orta (500) əsas mətn üçün 17–1,8 mm qalınlığında istifadə olunur və rahat oxumaq üçün 1,6–1,8 mm sətir aralığı kifayətdir.
- System sans-serif — əvəzetmə: Inter · konturlar 400, 700 · İstifadəçi interfeysində çox kiçik mətn və işarə mətni üçün ehtiyat seçimi istifadə olunur. Aquawax Pro mikro ölçülərdə istifadə edilmir; sistem şrifti render çəkisini azaltmaq üçün bunları idarə edir.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | geniş |
| Əsas addım | 20px |
| Düymə radiusu | 26px |
| Kart radiusu | 26px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 96px |
| Səhifə eni | 1200px |
Süni intellekt veb saytınızı Foodnoms üslubunda quracaq və onu dolduracaq
- Məhsullar və paylaşımlar ilə Instagram, TikTok, Facebook linkləri vasitəsilə tanış olun.
- Köhnə saytınızdan məzmunu köçürün — sadəcə ünvanı göstərin.
- Ən yaxşı mühərrikdə müasir dizayn: Server render və SEO optimallaşdırması ilə React ( Next.js).
- Axtarış nəticələri və neyron şəbəkə tövsiyələri üçün tam avtomatlaşdırılmış SEO optimallaşdırması.
Oxşar üslublar
- Slite — Terrakota saplı isti perqament dəftəri — hər səthi krem rəngli kağızdan, hər vurğusu isə incə narıncı rəngdən ibarətdir.
- Adora — Buzlu şüşənin arxasındakı İmpressionizm Muzeyi
- Bento — Günəş işığı ilə işıqlandırılmış linoleumda bento nahar qutusu. Hər biri qalın qara mürəkkəblə çəkilmiş, əhəng, lavanda, kobalt və tünd qırmızı rənglərdə dairəvi, stikerə bənzər kartlar şəbəkəsi isti, krem rəngli kətan üzərində qalın, həndəsi başlığın altında uzanıb.
- Payments — Kral bənövşəyi fonunda canlı sitrus çaları. Tünd elektrik bənövşəyi gecə səmasını xatırladır, limon sarısı isə təmiz ağ səthdə təzə sitrus qabığı kimi parıldayır.
- Textla — Günəşli Retro Botanika Almanaxı - Tünd yaşıl rəngdə çap olunmuş krem rəngli sarı səhifə, kəskin, ofset kölgələrdə kaktusların illüstrasiyaları ilə
- AI for Business — İsti boz tonlarda qəddar redaksiya salonu
- Superhuman — qızıl saat redaksiya paneli
- Visitors — ağ mühəndislik rəsmi
- Vercel — Terminal ağ kağız üzərində çap olunub
- Jeton — İsti mərmər üzərində fintech haqqında redaksiya məqaləsi
- Say Briefly — Kremli kağız üzərində yaradıcı agentlik eskiz dəftəri
- ClickUp — Ağ mərmər üzərində güclü bir idarəetmə paneli. Səhifə məhsuldarlıq aləti üçün məhsul broşürüdür, buna görə də vizual dil məhsulun özündən götürülmüşdür: sıx siyahılar, status göstəriciləri, avatarlar qrupları və ekranda məhsul spesifikasiyasına bənzəyən qalın tipoqrafik ifadələr.