Foodnoms
Sunčana pijaca voća na bijelom porculanu - tople naranče, svježe zeleno voće i voluminozni zaobljeni oblici
Foodnoms koristi lagani marketinški jezik za praćenje ishrane: čisto bijelo platno, predimenzionirane makete telefona kao vizuelna sidra i razigran vokabular boja gdje boje predstavljaju hranjive tvari i napredak. Dvobojna shema zaglavlja (jedna boja za ključnu riječ, tamni grafit za ostalo) omogućava brzu procjenu vrijednosti ponude. Sistem se oslanja na ekran za jednog korisnika (Aquawax Pro) sa izrazito zaobljenim geometrijskim karakteristikama koje omekšavaju ekrane aplikacija prepune podataka. Većina površina je ravna i bez sjene; ujednačeni radijus uglova daje dugmadima, karticama i oznakama prijateljski, mekan osjećaj, čineći da se praćenje zdravlja čini pristupačnijim nego kliničkim.
Stranica ima jednostupanjski, centriran raspored pune širine (~1200px) s izdašnim vertikalnim ritmom. Zaglavlje je tanka gornja traka s logotipom s lijeve strane, navigacijom centriranom i ispunjenim narančastim dugmetom za akciju s desne strane. Glavni odjeljak je centriran sloj: naslov u dvije boje, podzaglavlje u jednom redu, ikona App Storea, a zatim red od 3-5 maketa telefona raspoređenih po širini. Ispod glavnog odjeljka nalazi se centralni odjeljak s logotipom za štampu "Kao preporučeno" u mreži 2x3. Odjeljci s istaknutim elementima slijede ponavljajući uzorak: tekst u dvije kolone + maketa telefona, naizmjenično se sastojeći od stranica, s naglašenim naslovima odjeljaka u narančastoj/zelenoj boji. Posljednji element prije podnožja je kartica s pozivom na akciju pune širine koja se može preuzeti. Ograničenja između odjeljaka su izdašna (96px), stvarajući prostran osjećaj galerije. Navigacija je minimalistička gornja traka - bez bočne trake ili mega menija.
Vizuelni jezik aplikacije dominiraju visokokvalitetni makete okvira za iPhone koji prikazuju radni interfejs aplikacije - to su primarni elementi, a ne fotografije. Makete su prikazane sa gotovo potpunom transparentnošću, raširene s blagim preklapanjem i glatkom rotacijom, te postavljene direktno na bijeloj pozadini. Unutar maketa, vizualnu komponentu pruža vlastiti interfejs aplikacije: nutritivne informacije, fotografije proizvoda, makro prstenovi i šarene oznake kategorija. Jedini fotografski sadržaj su slike hrane koje su poslali korisnici, vidljive na ekranu kamere aplikacije Scan Your Food. Nema fotografija životnog stila, nema apstraktnih ilustracija, nema dekorativne grafike. Brendiranje je u potpunosti definirano prilagođenim fontom, narandžasto/zeleno/tamnom shemom boja i vlastitim interfejsom aplikacije.
Paleta
Brend
- Ember Orange
#ff5406— Narandžasta se koristi kao sekundarni akcenat za dekorativne detalje i za isticanje rijetkih znakova. Ne bi se trebala koristiti kao primarna boja za pozive na akciju.
Neutralno
- Graphite
#2f2f2f— Primarni tekst, tamna dugmad (ikona App Store-a) i obrisi ikona. Dominantna boja koja nije bijela u naslovima i tekstu. - Verdant Green
#00b33f— Zelena boja služi kao dodatni naglasak za dekorativne detalje i naglašavanje niskih frekvencija. - Signal Red-Orange
#ff3400— Sekundarni topli akcenat, vidljiv na elementima korisničkog interfejsa na ekranu aplikacije i srodnom brendiranju. Za jednu nijansu topliji od Ember Orange, naglašava odabrana ili aktivna stanja aplikacije. - Sky Blue
#00a9dd— Ugodan kontrast za interne kategorije podataka aplikacije (ugljikohidrati/proteini/ostale grupe hranjivih tvari). Uravnotežuje toplu, dominantnu paletu boja u rasporedima telefona. - Mist Blue
#72a2c5— Prigušeni hladni naglasak - Omekšava nebesko plavu boju za dodatne oznake podataka i pozadine grafikona unutar aplikacije. - Sunset Orange
#ff6d00— Topli naglasak za sekundarne naslove i istaknuti tekst na marketinškim stranicama.
Tipografija
od 12 do 60px · 7 koraka
- Aquawax Pro Medium — zamjena: Inter · obrisi 500 · Aquawax Pro Medium - Pronađen u ekstrahovanim podacima, ali ga vještačka inteligencija nije opisala.
- Aquawax Pro — zamjena: Nunito Sans · obrisi 700, 500, 600 · Primarni font brenda koji se koristi u svim kontekstima, uključujući naslove i glavni tekst. Ovaj font dizajniran po narudžbi odlikuje se širokom visinom slova, zaobljenim geometrijskim oblicima i udobnim proporcijama. Podebljano (700) se koristi za naslove i odjeljke - tipografske orijentacijske tačke sistema. Polupodebljano (600) se koristi za podnaslove i oznake dugmadi veličine 14–1,8 mm. Srednje podebljano (500) se koristi za glavni tekst veličine 17–1,8 mm, sa dovoljnim razmakom između redova od 1,6–1,8 mm za udobno čitanje.
- System sans-serif — zamjena: Inter · obrisi 400, 700 · Za vrlo mali tekst i tekst ikona u korisničkom interfejsu koristi se rezervna opcija. Aquawax Pro se ne koristi pri mikro veličinama; sistemski font ih obrađuje kako bi smanjio težinu pri renderiranju.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | prostran |
| Osnovni korak | 20px |
| Radijus dugmeta | 26px |
| Radijus kartice | 26px |
| Sjene | ne - okviri umjesto sjena |
| Između sekcija | 96px |
| Širina stranice | 1200px |
Vještačka inteligencija će izgraditi vašu web stranicu u Foodnoms stilu i popuniti je
- Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
- Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretrage i preporuke neuronskih mreža.
Slični stilovi
- Slite — Topla pergamentna bilježnica s drškom boje terakote - svaka površina je od kremastog papira, svaki detalj je u suptilnom narančastom dodiru.
- Adora — Muzej impresionizma iza matiranog stakla
- Bento — Bento kutija za ručak na linoleumu obasjanom suncem. Mreža zaobljenih kartica nalik na naljepnice u boji limete, lavande, kobalta i bordo, svaka ocrtana gustom crnom tintom, leži na toplom, kremastom platnu ispod podebljanog, geometrijskog naslova.
- Payments — Živahna citrusna nijansa na kraljevsko ljubičastoj pozadini. Duboka električno ljubičasta boja evocira noćno nebo, dok limun žuti akcenti svjetlucaju poput svježe citrusne kore na čistoj bijeloj površini.
- Textla — Sunčani retro botanički almanah - Kremasto žuta stranica odštampana u tamnozelenoj boji s ilustracijama kaktusa prikazanih u oštrim, pomaknutim sjenama
- AI for Business — Brutalistički urednički izložbeni salon u toplim sivim tonovima
- Superhuman — urednički panel zlatnog sata
- Visitors — bijeli inženjerski crtež
- Vercel — Terminal odštampan na bijelom papiru
- Jeton — Uvodnik o fintechu na toplom mramoru
- Say Briefly — Skicnik za kreativnu agenciju na krem papiru
- ClickUp — Moćna kontrolna ploča na bijelom mramoru. Stranica je brošura proizvoda za alat za produktivnost, tako da je vizualni jezik posuđen iz samog proizvoda: guste liste, indikatori statusa, grupe avatara i podebljane tipografske izjave koje izgledaju kao specifikacija proizvoda izložena.