Foodnoms
Сунчана пијаца воћа на белом порцелану - топле поморанџе, свеже зеленило и обимни заобљени облици
Фудномс користи лаган маркетиншки језик за праћење исхране: чисто бело платно, превелике макете телефона као визуелна сидра и разигран речник боја где боје представљају хранљиве материје и напредак. Шема заглавља са две боје (једна боја за кључну реч, тамни графит за остало) омогућава брзу процену вредносне понуде. Систем се ослања на екран за једног корисника (Aquawax Pro) са изразито заобљеним геометријским карактеристикама које омекшавају екране апликација препуне података. Већина површина је равна и без сенки; уједначен радијус углова даје дугмадима, картицама и етикетама пријатељски, мекан осећај, чинећи да праћење здравља делује приступачније него клинички.
Страница има једну колону, центрирану, пуну ширину (~1200 пиксела) са издашним вертикалним ритмом. Заглавље је танка горња трака са логотипом са леве стране, навигацијом центрираном и попуњеним наранџастим дугметом за акцију са десне стране. Главни одељак је центрирани стек: двобојни наслов, једноредни подзаглавље, икона App Store-а, а затим ред од 3-5 модела телефона распоређених по ширини. Испод главног одељка налази се центрирани одељак са логотипом за штампу „Као је препоручено“ у мрежи 2x3. Одељци са функцијама прате понављајући образац: текст у две колоне + модел телефона, наизменично са стране, са акцентним насловима одељака у наранџастој/зеленој боји. Последњи елемент пре подножја је картица са позивом на акцију која се може преузети пуне ширине. Огради између одељака су издашни (96 пиксела), стварајући простран осећај галерије. Навигација је минималистичка горња трака - без бочне траке или мега менија.
Визуелним језиком апликације доминирају висококвалитетни модели оквира за iPhone који приказују радни интерфејс апликације – то су примарни елементи, а не сток фотографије. Модели су приказани са скоро потпуном транспарентношћу, распоређени са благим преклапањем и глатком ротацијом, и постављени директно на белој позадини. Унутар модела, визуелну компоненту обезбеђује сопствени интерфејс апликације: нутритивне информације, фотографије производа, макро прстенови и шарене ознаке категорија. Једини фотографски садржај су слике хране које су послали корисници, видљиве на екрану камере апликације Scan Your Food. Нема фотографија начина живота, нема апстрактних илустрација, нема декоративне графике. Брендирање је у потпуности дефинисано прилагођеним фонтом, наранџасто/зеленом/тамном шемом боја и сопственим интерфејсом апликације.
Палета
Brend
- 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 до 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.
- Пребаците садржај са вашег старог сајта — само наведите адресу.
- Модерни дизајн на најбољем енџину: React ( Next.js) са рендеровањем на серверу и SEO оптимизацијом одмах по уградњи.
- Потпуно аутоматизована SEO оптимизација за резултате претраге и препоруке неуронских мрежа.
Слични стилови
- Slite — Топла пергаментна свеска са теракот дршком - свака површина је кремасти папир, сваки акценат суптилни додир наранџасте боје.
- Adora — Музеј импресионизма иза матираног стакла
- Bento — Бенто кутија за ручак на линолеуму обасјаном сунцем. Мрежа заобљених картица налик на налепнице у боји лимете, лаванде, кобалта и бордоа, свака оивичена густим црним мастилом, лежи на топлом, кремастом платну испод смелог, геометријског наслова.
- Payments — Живахна цитрусна нијанса на краљевско љубичастој позадини. Дубока електрично љубичаста боја евоцира ноћно небо, док лимун жути акценти блистају попут свеже цитрусне коре на чистој белој површини.
- Textla — Сунчани ретро ботанички алманах - кремасто жута страница одштампана тамнозеленом бојом са илустрацијама кактуса приказаних оштрим, помераним сенкама
- AI for Business — Бруталистички уреднички салон у топлим сивим тоновима
- Superhuman — Уреднички панел златног сата
- Visitors — бели инжењерски цртеж
- Vercel — Терминал одштампан на белом папиру
- Jeton — Уводник о финтеху на топлом мермеру
- Say Briefly — Блок за скицирање креативне агенције на крем папиру
- ClickUp — Моћна контролна табла на белом мермеру. Страница је брошура производа за алатку за продуктивност, тако да је визуелни језик позајмљен из самог производа: густе листе, индикатори статуса, групе аватара и смеле типографске изјаве које изгледају као спецификација производа на екрану.