Foodnoms
Sunčana tržnica voća na bijelom porculanu - tople naranče, svježe zelje i voluminozni zaobljeni oblici
Foodnoms koristi lagani marketinški jezik za praćenje prehrane: čisto bijelo platno, predimenzionirane makete telefona kao vizualna 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ćuje brzu procjenu vrijednosti ponude. Sustav se oslanja na zaslon za jednog korisnika (Aquawax Pro) s izrazito zaobljenim geometrijskim značajkama koje omekšavaju zaslone aplikacija prepune podataka. Većina površina je ravna i bez sjene; ujednačeni radijus kutova daje gumbima, karticama i oznakama prijateljski, mekan osjećaj, čineći praćenje zdravlja pristupačnijim nego kliničkim.
Stranica ima jedan stupac, centriran, pune širine (~1200px) s izdašnim vertikalnim ritmom. Zaglavlje je tanka gornja traka s logotipom s lijeve strane, navigacijom centriranom i ispunjenim narančastim akcijskim gumbom s desne strane. Glavni odjeljak je centriran stog: naslov u dvije boje, podzaglavlje u jednom retku, 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 tisak "Kao preporučeno" u mreži 2x3. Odjeljci značajki slijede ponavljajući uzorak: tekst u dva stupca + maketa telefona, naizmjenično se sastavljajući stranice, 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 izbornika.
Vizualnim jezikom aplikacije dominiraju visokokvalitetni modeli okvira za iPhone koji prikazuju radno sučelje aplikacije - to su primarni elementi, a ne fotografije. Modeli su prikazani s gotovo potpunom prozirnošću, rašireni s blagim preklapanjem i glatkom rotacijom te postavljeni izravno na bijeloj pozadini. Unutar modela, vizualnu komponentu osigurava vlastito sučelje aplikacije: nutritivne informacije, fotografije proizvoda, makro prstenovi i šarene oznake kategorija. Jedini fotografski sadržaj su slike hrane koje su poslali korisnici, vidljive na zaslonu kamere aplikacije Scan Your Food. Nema fotografija životnog stila, nema apstraktnih ilustracija, nema dekorativne grafike. Brendiranje je u potpunosti definirano prilagođenim fontom, narančasto/zeleno/tamnom shemom boja i vlastitim sučeljem aplikacije.
Paleta
Robna marka
- Ember Orange
#ff5406— Narančasta se koristi kao sekundarni naglasak 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, tamni gumbi (ikona App Storea) i obrisi ikona. Prevladavajuća 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 naglasak, vidljiv na elementima korisničkog sučelja zaslona aplikacije i povezanom 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 skupine 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 izdvojenim podacima, ali ga umjetna inteligencija ne opisuje.
- Aquawax Pro — zamjena: Nunito Sans · obrisi 700, 500, 600 · Primarni font robne marke koji se koristi u svim kontekstima, uključujući naslove i glavni tekst. Ovaj font dizajniran po narudžbi ima široke visine slova, zaobljene geometrijske oblike i udobne proporcije. Podebljano (700) koristi se za naslove i odjeljke - tipografske orijentacijske točke sustava. Polupodebljano (600) koristi se za podnaslove i oznake gumba veličine 14–1,8 mm. Srednje (500) koristi se za glavni tekst veličine 17–1,8 mm, s dovoljnim razmakom između redaka od 1,6–1,8 mm za ugodno čitanje.
- System sans-serif — zamjena: Inter · obrisi 400, 700 · Za vrlo mali tekst i tekst ikona u korisničkom sučelju koristi se rezervna opcija. Aquawax Pro se ne koristi pri mikro veličinama; font sustava ih obrađuje kako bi smanjio težinu pri renderiranju.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | prostran |
| Osnovni korak | 20px |
| Radijus gumba | 26px |
| Radijus kartice | 26px |
| Sjene | ne - obrubi umjesto sjena |
| Između odjeljaka | 96px |
| Širina stranice | 1200px |
Umjetna inteligencija će izraditi vašu web stranicu u Foodnoms stilu i ispuniti je
- Popunite proizvodima i objavama putem poveznice - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa svoje stare web-lokacije - samo navedite adresu.
- Moderan dizajn na najboljem engineu: React ( Next.js) s renderiranjem na serveru i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretraživanja i preporuke neuronskih mreža.
Slični stilovi
- Slite — Topla pergamentna bilježnica s ručkom boje terakote - svaka površina je od kremastog papira, svaki naglasak suptilan je u narančastoj boji.
- 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 obrubljena debelom 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 korice na čistoj bijeloj površini.
- Textla — Sunčani retro botanički almanah - Kremasto žuta stranica ispisana tamnozelenom bojom s ilustracijama kaktusa prikazanih u oštrim, pomaknutim sjenama
- AI for Business — Brutalistički urednički izložbeni prostor u toplim sivim tonovima
- Superhuman — urednički panel zlatnog sata
- Visitors — bijeli inženjerski crtež
- Vercel — Terminal ispisan na bijelom papiru
- Jeton — Uvodnik o fintechu na toplom mramoru
- Say Briefly — Skicnik za kreativnu agenciju na krem papiru
- ClickUp — Moćna nadzorna ploča na bijelom mramoru. Stranica je brošura proizvoda za alat za produktivnost, pa je vizualni jezik posuđen iz samog proizvoda: gusti popisi, indikatori statusa, grupe avatara i podebljane tipografske izjave koje izgledaju kao specifikacija proizvoda izložena.