Foodnoms
Слънчев пазар на плодове върху бял порцелан - топли портокали, свежи зеленчуци и обемни заоблени форми
Foodnoms използва лек маркетингов език за проследяване на храненето: чисто бяло платно, огромни макети на телефони като визуални опорни точки и игрив цветен речник, където цветовете представляват хранителни вещества и напредък. Двуцветна схема на заглавките (един цвят за ключовата дума, тъмен графит за останалите) позволява бърза оценка на стойностното предложение. Системата разчита на дисплей за един потребител (Aquawax Pro) с отчетливо заоблени геометрични характеристики, които омекотяват екраните на приложенията, натоварени с данни. Повечето повърхности са плоски и без сенки; равномерният радиус на ъглите придава на бутоните, картите и етикетите приятелско, меко усещане, което прави проследяването на здравето по-достъпно, отколкото клинично.
Страницата е с едноколонно, центрирано, пълноширочно оформление (~1200px) с щедър вертикален ритъм. Заглавката е тънка горна лента с логото отляво, навигацията е центрирана, а бутонът за действие в оранжево е запълнен отдясно. Главната секция е централно разположена: двуцветно заглавие, едноредов подзаглавък, икона на App Store и след това ред от 3-5 макета на телефони, разположени по ширината. Под главната секция е центрирана секция с лого на пресата „Както се препоръчва“ в мрежа 2x3. Секциите с функции следват повтарящ се модел: двуколонен текст + макет на телефон, редуващи се страни, със заглавия на акцентните секции в оранжево/зелено. Последният елемент преди долния колонтитул е карта с призив към действие за изтегляне с пълна ширина. Разстоянията между секциите са щедри (96px), създавайки просторно, подобно на галерия усещане. Навигацията е минималистична горна лента - без странична лента или мега меню.
Визуалният език на приложението е доминиран от висококачествени макети на рамки за iPhone, показващи работния интерфейс на приложението – това са основните елементи, а не стокови снимки. Макетите се показват с почти пълна прозрачност, разпръснати с леко припокриване и плавно завъртане, и са позиционирани директно върху бял фон. В макетите визуалният компонент се осигурява от собствения интерфейс на приложението: хранителна информация, снимки на продукти, макро пръстени и цветни етикети за категории. Единственото фотографско съдържание са изпратени от потребителите изображения на храни, видими на екрана на камерата на приложението Scan Your Food. Няма снимки на лайфстайл, абстрактни илюстрации, декоративни графики. Брандирането е изцяло дефинирано от персонализирания шрифт, оранжевата/зелената/тъмната цветова схема и собствения интерфейс на приложението.
Палитра
Марка
- Ember Orange
#ff5406— Оранжевото се използва като вторичен акцент за декоративни детайли и за подчертаване на рядко срещани сигнали. Не трябва да се използва като основен цвят за призиви за действие.
Неутрален
- Graphite
#2f2f2f— Основен текст, тъмни бутони (икона на App Store) и контури на иконите. Преобладаващ цвят, различен от бял, в заглавията и основния текст. - Verdant Green
#00b33f— Зеленият цвят служи като допълнителен акцент за декоративни детайли и за подчертаване на ниските честоти. - Signal Red-Orange
#ff3400— Вторичен топъл акцент, видим в елементите на потребителския интерфейс на екрана на приложението и свързаното с него брандиране. С един тон по-топъл от Ember Orange, той подчертава избрани или активни състояния на приложението. - Sky Blue
#00a9dd— Приятен контраст за вътрешните категории данни на приложението (въглехидрати/протеини/други хранителни групи). Балансира топлата, доминираща цветова палитра в оформлението на телефона. - Mist Blue
#72a2c5— Приглушен хладен акцент - Омекотява небесносиния цвят за допълнителни етикети за данни и фонове на диаграми в приложението. - Sunset Orange
#ff6d00— Топъл акцент за вторични заглавия и маркиран текст на маркетингови страници.
Типография
от 12 до 60px · 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.
- Прехвърлете съдържание от стария си сайт – просто посочете адреса.
- Модерен дизайн на най-добрия енджин: React ( Next.js) със сървърно рендериране и SEO оптимизация веднага щом е готов.
- Напълно автоматизирана SEO оптимизация за резултати от търсенето и препоръки от невронни мрежи.
Подобни стилове
- Slite — Топъл пергаментов тефтер с теракотена дръжка - всяка повърхност е от кремава хартия, всеки акцент е с фин оранжев оттенък.
- Adora — Музеят на импресионизма зад матирано стъкло
- Bento — Кутия за обяд бенто върху осветен от слънцето линолеум. Решетка от заоблени, подобни на стикери картички в лимонено, лавандулово, кобалтово и бордо, всяка очертана с гъсто черно мастило, лежи върху топъл, кремав лен под смело, геометрично заглавие.
- Payments — Ярък цитрусов оттенък на фона на кралско лилаво. Наситеното електрическо лилаво напомня за нощното небе, докато лимоненожълтите акценти блестят като свежа цитрусова кора на фона на чиста бяла повърхност.
- Textla — Слънчев ретро ботанически алманах - Кремаво жълта страница, отпечатана в тъмнозелено с илюстрации на кактуси, изобразени в остри, отместени сенки
- AI for Business — Бруталистичен редакционен шоурум в топли сиви тонове
- Superhuman — редакторски панел на „златния час“
- Visitors — бял инженерен чертеж
- Vercel — Терминал, отпечатан на бяла хартия
- Jeton — Редакционна статия за финтех върху топъл мрамор
- Say Briefly — Скицник за креативна агенция върху кремава хартия
- ClickUp — Мощно табло за управление върху бял мрамор. Страницата е продуктова брошура за инструмент за продуктивност, така че визуалният език е заимстван от самия продукт: плътни списъци, индикатори за състояние, групи аватари и смели типографски твърдения, които изглеждат като продуктова спецификация на показ.