Foodnoms
Suna fruktmerkato sur blanka porcelano - varmaj oranĝoj, freŝaj legomoj kaj volumenaj rondetaj formoj
Foodnoms prezentas gajan merkatan lingvaĵon por nutrada spurado: pura blanka kanvaso, supergrandaj telefonaj modeloj kiel vidaj ankroj, kaj ludema kolorvortaro kie koloroj reprezentas nutraĵojn kaj progreson. Du-kolora kaplinia skemo (unu koloro por la ŝlosilvorto, malhela grafito por la resto) permesas rapidan takson de la valora propono. La sistemo dependas de ununura uzanto-ekrano (Aquawax Pro) kun klare rondetaj geometriaj trajtoj kiuj moligas la daten-pezajn aplikaĵajn ekranojn. Plej multaj surfacoj estas ebenaj kaj senombraj; la uniforma angula radiuso donas al butonoj, kartoj kaj etikedoj amikan, molan senton, igante sanan spuradon ŝajni pli alirebla ol klinika.
La paĝo havas unu-kolumnan, centritan, plenlarĝan aranĝon (~1200 rastrumeroj) kun malavara vertikala ritmo. La titolo estas maldika supra stango kun la emblemo maldekstre, navigado centrita, kaj plenigita oranĝkolora agobutono dekstre. La ĉefa sekcio estas centrita stako: dukolora titolo, unu-linia subtitolo, App Store-ikono, kaj poste vico de 3-5 telefonaj modeloj disigitaj trans la larĝon. Sub la ĉefa sekcio estas centrita "Kiel Rekomendita" gazetara emblemo en 2x3 krado. La elstaraj sekcioj sekvas ripetantan ŝablonon: du-kolumna teksto + telefona modelo, alternante flankojn, kun akcentaj sekciaj titoloj en oranĝkolora/verda koloro. La lasta elemento antaŭ la piedlinio estas plenlarĝa elŝutebla alvoka al ago-karto. La defluiloj inter sekcioj estas malavaraj (96 rastrumeroj), kreante vastan, galerio-similan senton. La navigado estas minimalista supra stango - neniu flanka stango aŭ mega-menuo.
La vida lingvo de la aplikaĵo estas dominata de altkvalitaj iPhone-kadroj, kiuj montras la funkciantan interfacon de la aplikaĵo — ĉi tiuj estas la ĉefaj elementoj, ne stokaj fotoj. La modeloj estas montrataj kun preskaŭ totala travidebleco, ventumiligitaj kun eta interkovro kaj glata rotacio, kaj poziciigitaj rekte sur blanka fono. Ene de la modeloj, la vida komponanto estas provizita de la propra interfaco de la aplikaĵo: nutraj informoj, produktaj fotoj, makro-ringoj kaj koloraj kategoriaj etikedoj. La sola fotografia enhavo estas uzant-senditaj manĝaĵbildoj videblaj sur la fotila ekrano de la aplikaĵo "Scan Your Food". Ne estas vivstilfotoj, neniuj abstraktaj ilustraĵoj, neniuj dekoraciaj grafikaĵoj. La markigo estas tute difinita de la kutima tiparo, la oranĝa/verda/malhela kolorskemo kaj la propra interfaco de la aplikaĵo.
Paletro
Marko
- Ember Orange
#ff5406— Oranĝkoloro estas uzata kiel dua akcento por ornamaj detaloj kaj por reliefigi maloftajn signojn. Ĝi ne devus esti uzata kiel la ĉefa koloro por alvokoj al ago.
Neŭtrala
- Graphite
#2f2f2f— Ĉefa teksto, malhelaj butonoj (ikono de App Store), kaj konturoj de ikonoj. Superreganta neblanka koloro en titoloj kaj teksto. - Verdant Green
#00b33f— La verda koloro servas kiel aldona akcento por dekoraciaj detaloj kaj por emfazi malaltajn frekvencojn. - Signal Red-Orange
#ff3400— Dua varma akĉento, videbla en la uzantinterfacaj elementoj de la aplikaĵa ekrano kaj rilata markigo. Unu tonon pli varma ol Ember Orange, ĝi emfazas elektitajn aŭ aktivajn aplikaĵajn statojn. - Sky Blue
#00a9dd— Agrabla kontrasto por la internaj datenkategorioj de la aplikaĵo (karbonhidratoj/proteinoj/aliaj nutraĵgrupoj). Ekvilibrigas la varman, dominan kolorpaletron en la telefonaranĝoj. - Mist Blue
#72a2c5— Malfortigita Malvarmeta Akcento - Moligas la ĉielbluan koloron por pliaj datenetikedoj kaj diagramaj fonoj ene de la aplikaĵo. - Sunset Orange
#ff6d00— Varma akĉento por duarangaj titoloj kaj elstarigita teksto sur merkatigaj paĝoj.
Tipografio
de 12 ĝis 60 rastrumeroj · 7 paŝoj
- Aquawax Pro Medium — anstataŭaĵo: Inter · konturoj 500 · Aquawax Pro Medium - Trovita en la ĉerpitaj datumoj sed ne priskribita de la AI.
- Aquawax Pro — anstataŭaĵo: Nunito Sans · konturoj 700, 500, 600 · La ĉefa marka tiparo uzata en ĉiuj kuntekstoj, inkluzive de titoloj kaj korpteksto. Ĉi tiu speciale dizajnita tiparo havas larĝajn literaltaĵojn, rondetajn geometriajn formojn kaj komfortajn proporciojn. Grasa (700) estas uzata por titoloj kaj sekcioj — la tipografiaj orientiloj de la sistemo. Duongrasa (600) estas uzata por subtitoloj kaj butonetikedoj je 14–1,8 mm. Meza (500) estas uzata por korpteksto je 17–1,8 mm, kun sufiĉa liniinterspaco de 1,6–1,8 mm por komforta legado.
- System sans-serif — anstataŭaĵo: Inter · konturoj 400, 700 · Rezerva opcio estas uzata por tre malgranda teksto kaj ikonteksto en la uzulinterfaco. Aquawax Pro ne estas uzata ĉe mikrograndecoj; la sistema tiparo traktas ĉi tiujn por redukti la pezon de la bildigo.
Intervaloj kaj formo
| Celo | Signifo |
|---|---|
| Denseco | vasta |
| Baza paŝo | 20px |
| Butona radiuso | 26px |
| Karto-radiuso | 26px |
| Ombroj | ne - limoj anstataŭ ombroj |
| Inter sekcioj | 96px |
| Paĝlarĝo | 1200px |
AI konstruos vian retejon laŭ la stilo de Foodnoms kaj plenigos ĝin
- Plenigu per produktoj kaj afiŝoj per la ligilo - Instagram, TikTok, Facebook.
- Transdonu enhavon de via malnova retejo — nur specifu la adreson.
- Moderna dezajno sur la plej bona motoro: React ( Next.js) kun servila bildigo kaj SEO-optimigo tuj uzeblaj.
- Plene aŭtomatigita SEO-optimigo por serĉrezultoj kaj rekomendoj pri neŭralaj retoj.
Similaj stiloj
- Slite — Varma pergamena kajero kun terakota tenilo — ĉiu surfaco estas kremkolora papero, ĉiu akcento subtila nuanco de oranĝkoloro.
- Adora — La Muzeo de Impresionismo malantaŭ prujnvitro
- Bento — Bento-lunĉujo sur sunlumita linoleumo. Krado de rondetaj, glumark-similaj kartoj en limeo, lavendo, kobalto kaj burgonja koloroj, ĉiu skizita per dika nigra inko, kuŝas sur varma, krema linaĵo sub aŭdaca, geometria titolo.
- Payments — Vigla citrusnuanco kontraŭ reĝviola fono. La profunda elektra purpuro elvokas la noktan ĉielon, dum citronflavaj akcentoj briletas kiel freŝa citrusŝelo kontraŭ pura blanka surfaco.
- Textla — Suna Retroa Botanika Almanako - Kremkolora flava paĝo presita en malhelverda kun ilustraĵoj de kaktoj bildigitaj en akraj, ofsetaj ombroj
- AI for Business — Brutalista redakcia ekspoziciejo en varmaj grizaj tonoj
- Superhuman — redakcia panelo de la ora horo
- Visitors — blanka inĝeniera desegnaĵo
- Vercel — Terminalo presita sur blanka papero
- Jeton — Ĉefartikolo pri financa teknologio sur varma marmoro
- Say Briefly — Skizbloko de kreiva agentejo sur kremkolora papero
- ClickUp — Potenca instrumentpanelo sur blanka marmoro. La paĝo estas produkta broŝuro por produktiveca ilo, do la vida lingvo estas pruntita de la produkto mem: densaj listoj, statusindikiloj, grupoj de avataroj, kaj aŭdacaj preseraroj, kiuj aspektas kiel produkta specifo montrata.