Foodnoms
Цагаан шаазан дээрх нарлаг жимсний зах - дулаан жүрж, шинэхэн ногоонууд болон эзэлхүүнтэй бөөрөнхий хэлбэртэй
Foodnoms нь хоол тэжээлийн хяналтын хөнгөн сэтгэлтэй маркетингийн хэлийг агуулдаг: цэвэр цагаан даавуу, харааны зангуу болгон том хэмжээтэй утасны загварууд, өнгө нь шим тэжээл болон ахиц дэвшлийг илэрхийлдэг тоглоомтой өнгөт үгсийн сан. Хоёр өнгийн толгойн схем (түлхүүр үгэнд нэг өнгө, үлдсэн хэсэгт нь бараан бал чулуу) нь үнэ цэнийн саналыг хурдан үнэлэх боломжийг олгодог. Систем нь өгөгдөл ихтэй аппликейшны дэлгэцийг зөөлрүүлдэг тодорхой бөөрөнхий геометрийн шинж чанартай ганц хэрэглэгчийн дэлгэц (Aquawax Pro) дээр суурилдаг. Ихэнх гадаргуу нь хавтгай, сүүдэргүй; жигд булангийн радиус нь товчлуур, карт, шошгыг ээлтэй, зөөлөн мэдрэмж төрүүлдэг тул эрүүл мэндийн хяналтын системийг клиникээс илүү хүртээмжтэй болгодог.
Хуудас нь нэг баганатай, төвд байрлуулсан, бүтэн өргөнтэй байрлалтай (~1200 пиксел) бөгөөд өргөн босоо хэмнэлтэй. Толгой хэсэг нь зүүн талд нь лого, төвд нь навигаци, баруун талд нь улбар шар өнгийн товчлуур бүхий нимгэн дээд мөр юм. Баатрын хэсэг нь төвд байрлуулсан стек юм: хоёр өнгийн гарчиг, нэг мөртэй дэд гарчиг, App Store дүрс, дараа нь өргөнөөр нь сунасан 3-5 утасны загварын эгнээ. Баатрын хэсгийн доор 2x3 хэмжээтэй торонд төвд байрлуулсан "Санал болгож буйгаар" хэвлэлийн логоны хэсэг байна. Онцлог хэсгүүд нь давтагдах хэв маягийг дагадаг: хоёр баганатай текст + утасны загвар, ээлжлэн хажуу талуудтай, улбар шар/ногоон өнгийн өргөлттэй хэсгийн гарчигтай. Доод хэсгийн өмнөх хамгийн сүүлийн элемент нь бүрэн өргөнтэй татаж авах боломжтой CTA карт юм. Хэсгүүдийн хоорондох ус зайлуулах хоолойнууд нь өргөн (96 пиксел) бөгөөд өргөн цар хүрээтэй, галерей шиг мэдрэмжийг төрүүлдэг. Навигаци нь минималист дээд мөр юм - хажуугийн самбар эсвэл мега цэсгүй.
Аппликейшний харааны хэл нь аппликейшний ажиллах интерфэйсийг харуулсан өндөр чанартай iPhone хүрээний загваруудаар давамгайлдаг бөгөөд эдгээр нь үндсэн элементүүд бөгөөд нөөц зураг биш юм. Моделийг бараг бүрэн тунгалаг байдлаар харуулж, бага зэрэг давхцаж, жигд эргүүлж, цагаан дэвсгэр дээр шууд байрлуулсан болно. Моделийн дотор харааны бүрэлдэхүүн хэсгийг аппликейшний өөрийн интерфэйсээр хангадаг: хоол тэжээлийн мэдээлэл, бүтээгдэхүүний зураг, макро цагираг, өнгөлөг ангиллын шошго. Зөвхөн гэрэл зургийн агуулга нь хэрэглэгчийн илгээсэн хоолны зургууд бөгөөд Scan Your Food аппликейшний камерын дэлгэц дээр харагдаж байна. Амьдралын хэв маягийн зураг, хийсвэр чимэглэл, гоёл чимэглэлийн график байхгүй. Брэндийг бүхэлд нь өөрчлөн тохируулсан фонт, улбар шар/ногоон/хар өнгөний схем, аппликейшний өөрийн интерфэйсээр тодорхойлдог.
Палетт
Брэнд
- Ember Orange
#ff5406— Улбар шар өнгийг гоёл чимэглэлийн нарийн ширийн зүйлсийн хоёрдогч өргөлт болон ховор тохиолддог дохиог тодруулахад ашигладаг. Үүнийг үйлдэлд уриалахад үндсэн өнгө болгон ашиглаж болохгүй.
Төвийг сахисан
- Graphite
#2f2f2f— Үндсэн текст, бараан товчлуурууд (App Store дүрс тэмдэг) болон дүрсний тоймууд. Гарчиг болон үндсэн текстэд цагаан бус өнгө давамгайлсан. - Verdant Green
#00b33f— Ногоон өнгө нь гоёл чимэглэлийн нарийн ширийн зүйлийг нэмж, нам давтамжийг онцлон тэмдэглэдэг. - Signal Red-Orange
#ff3400— Апп дэлгэцийн UI элементүүд болон холбогдох брэндинг дээр харагдах хоёрдогч дулаан өргөлт. Ember Orange-ээс нэг өнгө дулаан бөгөөд сонгосон эсвэл идэвхтэй апп төлөвийг онцолдог. - Sky Blue
#00a9dd— Аппликейшны дотоод өгөгдлийн ангиллууд (нүүрс ус/уураг/бусад шим тэжээлийн бүлгүүд)-ийн хувьд тааламжтай ялгаатай байдал. Утасны загварт дулаан, давамгайлсан өнгөний палитрыг тэнцвэржүүлдэг. - Mist Blue
#72a2c5— Бүдэг өнгийн өргөлт - Апп доторх нэмэлт өгөгдлийн шошго болон диаграмын дэвсгэрийн хувьд тэнгэрийн хөх өнгийг зөөлрүүлнэ. - Sunset Orange
#ff6d00— Маркетингийн хуудсан дээрх хоёрдогч гарчиг болон тодруулсан текстэд зориулсан дулаан аялга.
Типографи
12-оос 60 пиксел хүртэл · 7 алхам
- Aquawax Pro Medium — солих: Inter · тоймууд 500 · Aquawax Pro Medium - Олборлосон өгөгдөлд байгаа боловч хиймэл оюун ухаанаар тайлбарлагдаагүй.
- 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 холбоосоор дамжуулан бүтээгдэхүүн болон нийтлэлүүдээр дүүргээрэй.
- Хуучин сайтаасаа контентыг шилжүүлэх - зүгээр л хаягийг нь зааж өгнө үү.
- Шилдэг хөдөлгүүр дээрх орчин үеийн дизайн: Серверийн рендеринг болон SEO оновчлолыг хайрцагнаас нь гарган React ( Next.js).
- Хайлтын үр дүн болон мэдрэлийн сүлжээний зөвлөмжид зориулсан бүрэн автомат SEO оновчлол.
Төстэй хэв маяг
- Slite — Терракотта бариултай дулаан илгэн цаасан дэвтэр - гадаргуу бүр нь өтгөн цаас, чимэглэл бүр нь улбар шар өнгийн нарийн мэдрэмж төрүүлдэг.
- Adora — Царцсан шилний ард байрлах импрессионизмын музей
- Bento — Нарны гэрэлд гэрэлтсэн хулдаас дээр бенто үдийн хоолны хайрцаг. Тод геометрийн гарчгийн доор дулаан, өтгөн маалинган даавуун дээр лайм, лаванда, кобальт, улаан бор өнгөөр бүүрэн хэлбэртэй, наалт шиг хэлбэртэй картууд хэвтэж байна.
- Payments — Хааны нил ягаан дэвсгэр дээр тод цитрусын өнгө. Гүн цахилгаан нил ягаан өнгө шөнийн тэнгэрийг санагдуулдаг бол нимбэгний шар өнгө нь цэвэр цагаан гадаргуу дээр шинэхэн цитрусын хальс шиг гялалздаг.
- Textla — Нарлаг Ретро Ботаникийн Альманах - Хар ногоон өнгөөр хэвлэсэн цөцгийтэй шар хуудас, кактусын зургийг хурц, офсет сүүдэрт дүрсэлсэн
- AI for Business — Дулаан саарал өнгийн харгис үзүүлбэрийн танхим
- Superhuman — алтан цагийн редакцийн самбар
- Visitors — цагаан инженерийн зураг
- Vercel — Терминалыг цагаан цаасан дээр хэвлэв
- Jeton — Дулаан гантиг дээрх финтекийн тухай редакцийн нийтлэл
- Say Briefly — Цөцгий цаасан дээрх бүтээлч агентлагийн ноорог ном
- ClickUp — Цагаан гантиг дээр хүчирхэг хяналтын самбар. Хуудас нь бүтээмжийн хэрэгслийн бүтээгдэхүүний товхимол тул харааны хэлийг бүтээгдэхүүнээс өөрөөс нь зээлсэн: нягт жагсаалт, төлөвийн үзүүлэлт, аватаруудын бүлэг, дэлгэцэн дээрх бүтээгдэхүүний тодорхойлолт шиг харагдах тод үсгийн мэдэгдэл.