Foodnoms
Treg frutash me diell në porcelan të bardhë - portokalle të ngrohta, zarzavate të freskëta dhe forma të rrumbullakosura voluminoze
Foodnoms paraqet një gjuhë marketingu të lehtë për gjurmimin e të ushqyerit: një kanavacë të bardhë të pastër, modele telefonash të mëdhenj si spiranca vizuale dhe një fjalor ngjyrash të gjallë ku ngjyrat përfaqësojnë lëndët ushqyese dhe progresin. Një skemë me dy ngjyra kryesore (një ngjyrë për fjalën kyçe, grafit i errët për pjesën tjetër) lejon një vlerësim të shpejtë të propozimit të vlerës. Sistemi mbështetet në një ekran të vetëm përdoruesi (Aquawax Pro) me karakteristika gjeometrike të rrumbullakosura dukshëm që zbusin ekranet e aplikacioneve me shumë të dhëna. Shumica e sipërfaqeve janë të sheshta dhe pa hije; rrezja uniforme e qoshes u jep butonave, kartave dhe etiketave një ndjesi miqësore dhe të butë, duke e bërë gjurmimin e shëndetit të ndihet më i arritshëm sesa klinik.
Faqja paraqet një paraqitje me një kolonë të vetme, të përqendruar, me gjerësi të plotë (~1200px) me ritëm vertikal të bollshëm. Titulli është një shirit i hollë në pjesën e sipërme me logon në të majtë, navigimin në qendër dhe një buton veprimi portokalli të mbushur në të djathtë. Seksioni i heroit është një pirg në qendër: një titull me dy ngjyra, një nëntitull me një rresht, një ikonë App Store dhe më pas një rresht me 3-5 makete telefonash të shpërndara në të gjithë gjerësinë. Poshtë seksionit të heroit është një seksion i logos së shtypit "Siç rekomandohet" në qendër në një rrjetë 2x3. Seksionet e veçorive ndjekin një model përsëritës: tekst me dy kolona + makete telefoni, anët alternative, me tituj seksionesh me theks në ngjyrë portokalli/jeshile. Elementi i fundit para fundit të faqes është një kartë thirrjeje për veprim me anë të thirrjes me gjerësi të plotë që mund të shkarkohet. Hapësirat midis seksioneve janë të bollshme (96px), duke krijuar një ndjesi të bollshme, si galeri. Navigimi është një shirit minimalist në pjesën e sipërme - pa shirit anësor ose mega menu.
Gjuha vizuale e aplikacionit dominohet nga maketet e kornizave të iPhone me cilësi të lartë që shfaqin ndërfaqen e funksionimit të aplikacionit - këto janë elementët kryesorë, jo fotot standarde. Maketet shfaqen me transparencë pothuajse të plotë, të shtrira me një mbivendosje të lehtë dhe rrotullim të lëmuar, dhe të pozicionuara direkt në një sfond të bardhë. Brenda maketeve, komponenti vizual ofrohet nga ndërfaqja e vetë aplikacionit: informacion ushqyes, foto produktesh, unaza makro dhe etiketa kategorish shumëngjyrëshe. Përmbajtja e vetme fotografike janë imazhet e ushqimit të paraqitura nga përdoruesi të dukshme në ekranin e kamerës së aplikacionit Scan Your Food. Nuk ka foto stili jetese, as ilustrime abstrakte, as grafikë dekorative. Marka përcaktohet tërësisht nga fonti i personalizuar, skema e ngjyrave portokalli/jeshile/e errët dhe ndërfaqja e vetë aplikacionit.
Paletë
Markë
- Ember Orange
#ff5406— Portokallia përdoret si një theks dytësor për detajet dekorative dhe për të nxjerrë në pah sinjalet e rralla. Nuk duhet të përdoret si ngjyra kryesore për thirrjet për veprim.
Neutral
- Graphite
#2f2f2f— Teksti kryesor, butonat e errët (ikona e App Store) dhe konturet e ikonave. Një ngjyrë mbizotëruese jo e bardhë në tituj dhe tekstin e trupit. - Verdant Green
#00b33f— Ngjyra jeshile shërben si një theks shtesë për detajet dekorative dhe për të theksuar frekuencat e ulëta. - Signal Red-Orange
#ff3400— Një theks i ngrohtë dytësor, i dukshëm në elementët e ndërfaqes së përdoruesit të ekranit të aplikacionit dhe në markat përkatëse. Një ton më i ngrohtë se Ember Orange, thekson gjendjet e zgjedhura ose aktive të aplikacionit. - Sky Blue
#00a9dd— Një kontrast i këndshëm për kategoritë e të dhënave të brendshme të aplikacionit (karbohidrate/proteina/grupe të tjera lëndësh ushqyese). Balancon paletën e ngrohtë dhe dominuese të ngjyrave në paraqitjet e telefonit. - Mist Blue
#72a2c5— Theks i Zbehtë i Ftohtë - Zbut ngjyrën blu qiellore për etiketa shtesë të të dhënave dhe sfonde grafikësh brenda aplikacionit. - Sunset Orange
#ff6d00— Një theks i ngrohtë për titujt dytësorë dhe tekstin e theksuar në faqet e marketingut.
Tipografi
nga 12 në 60px · 7 hapa
- Aquawax Pro Medium — zëvendësim: Inter · skica 500 · Aquawax Pro Medium - Gjendet në të dhënat e nxjerra, por nuk përshkruhet nga inteligjenca artificiale.
- Aquawax Pro — zëvendësim: Nunito Sans · skica 700, 500, 600 · Fonti kryesor i markës që përdoret në të gjitha kontekstet, duke përfshirë titujt dhe tekstin e trupit. Ky font i projektuar me porosi përmban lartësi të gjera shkronjash, forma gjeometrike të rrumbullakosura dhe përmasa të rehatshme. Bold (700) përdoret për titujt dhe seksionet - pikat e referimit tipografik të sistemit. Semibold (600) përdoret për nëntitujt dhe etiketat e butonave në 14–1.8 mm. Medium (500) përdoret për tekstin e trupit në 17–1.8 mm, me hapësirë të mjaftueshme midis rreshtave prej 1.6–1.8 mm për lexim të rehatshëm.
- System sans-serif — zëvendësim: Inter · skica 400, 700 · Një opsion rezervë përdoret për tekst shumë të vogël dhe tekst ikonë në ndërfaqen e përdoruesit. Aquawax Pro nuk përdoret në madhësi mikro; fonti i sistemit i trajton këto për të zvogëluar peshën e renderimit.
Intervalet dhe forma
| Qëllimi | Kuptimi |
|---|---|
| Dendësia | i gjerë |
| Hapi bazë | 20px |
| Rrezja e butonit | 26px |
| Rrezja e kartës | 26px |
| Hijet | pa kufij në vend të hijeve |
| Midis seksioneve | 96px |
| Gjerësia e faqes | 1200px |
IA do ta ndërtojë faqen tuaj të internetit në stilin Foodnoms dhe do ta mbushë atë
- Plotësoni me produkte dhe postime përmes linkut - Instagram, TikTok, Facebook.
- Transferoni përmbajtje nga faqja juaj e vjetër—thjesht specifikoni adresën.
- Dizajn modern në motorin më të mirë: React ( Next.js) me renderim të serverit dhe optimizim SEO që në fillim.
- Optimizim plotësisht i automatizuar i SEO-s për rezultatet e kërkimit dhe rekomandimet e rrjeteve nervore.
Stile të ngjashme
- Slite — Një fletore e ngrohtë pergamene me një dorezë terrakote - çdo sipërfaqe është letër kremoze, çdo theks një prekje delikate portokalli.
- Adora — Muzeu i Impresionizmit pas xhamit të akullt
- Bento — Një kuti dreke bento mbi linoleum të ndriçuar nga dielli. Një rrjetë me kartolina të rrumbullakosura, si ngjitëse, në ngjyrë limoni, livandoje, kobalti dhe bordo, secila e konturuar me bojë të zezë të trashë, shtrihet mbi një li të ngrohtë dhe kremoz poshtë një titulli të theksuar gjeometrik.
- Payments — Një nuancë e gjallë agrume në sfondin e një vjollce mbretërore. Vjollca e thellë elektrike evokon qiellin e natës, ndërsa nuancat e verdha limoni shkëlqejnë si një lëkurë e freskët agrume në sfondin e një sipërfaqeje të bardhë të pastër.
- Textla — Almanak Botanik Retro me Diell - Faqe e verdhë kremoze e shtypur me ngjyrë jeshile të errët me ilustrime të kaktusëve të paraqitura në hije të mprehta dhe të zhvendosura
- AI for Business — Sallë ekspozite editoriale brutaliste në tone të ngrohta gri
- Superhuman — paneli editorial i orës së artë
- Visitors — vizatim inxhinierik i bardhë
- Vercel — Terminal i shtypur në letër të bardhë
- Jeton — Një editorial rreth fintech në mermer të ngrohtë
- Say Briefly — Bllok skicash i agjencisë krijuese në letër krem
- ClickUp — Një panel kontrolli i fuqishëm mbi mermer të bardhë. Faqja është një broshurë produkti për një mjet produktiviteti, kështu që gjuha vizuale është huazuar nga vetë produkti: lista të dendura, tregues statusi, grupe avatarësh dhe deklarata tipografike të theksuara që duken si një specifikim produkti në ekran.