Foodnoms
Marchnad ffrwythau heulog ar borslen gwyn - orennau cynnes, gwyrddion ffres a siapiau crwn swmpus
Mae Foodnoms yn cynnwys iaith farchnata ysgafn ar gyfer olrhain maeth: cynfas gwyn glân, modelau ffonau mawr fel angorau gweledol, a geirfa lliw chwareus lle mae lliwiau'n cynrychioli maetholion a chynnydd. Mae cynllun pennawd dau liw (un lliw ar gyfer yr allweddair, graffit tywyll ar gyfer y gweddill) yn caniatáu asesiad cyflym o'r cynnig gwerth. Mae'r system yn dibynnu ar arddangosfa un defnyddiwr (Aquawax Pro) gyda nodweddion geometrig crwn amlwg sy'n meddalu sgriniau apiau sy'n llawn data. Mae'r rhan fwyaf o arwynebau'n wastad ac yn ddi-gysgod; mae'r radiws cornel unffurf yn rhoi teimlad cyfeillgar, meddal i fotymau, cardiau a labeli, gan wneud i olrhain iechyd deimlo'n fwy hygyrch na chlinigol.
Mae'r dudalen yn cynnwys cynllun un golofn, canolog, lled llawn (~1200px) gyda rhythm fertigol hael. Y pennawd yw bar uchaf tenau gyda'r logo ar y chwith, llywio wedi'i ganoli, a botwm gweithredu oren wedi'i lenwi ar y dde. Mae'r adran arwr yn bentwr canolog: teitl dau liw, is-bennawd un llinell, eicon App Store, ac yna rhes o 3-5 model ffôn wedi'u ffanio ar draws y lled. O dan yr adran arwr mae adran logo'r wasg "Fel yr Argymhellir" ganolog mewn grid 2x3. Mae'r adrannau nodwedd yn dilyn patrwm ailadroddus: testun dwy golofn + model ffôn, ochrau bob yn ail, gyda phenawdau adrannau acen mewn oren/gwyrdd. Yr elfen olaf cyn y troedyn yw cerdyn CTA y gellir ei lawrlwytho lled llawn. Mae'r gwteri rhwng yr adrannau yn hael (96px), gan greu teimlad eang, tebyg i oriel. Mae'r llywio yn far uchaf minimalist - dim bar ochr na dewislen mega.
Mae iaith weledol yr ap wedi'i dominyddu gan fodelau ffrâm iPhone o ansawdd uchel sy'n arddangos rhyngwyneb gweithredol yr ap—dyma'r elfennau sylfaenol, nid lluniau stoc. Mae'r fodelau'n cael eu harddangos gyda thryloywder bron yn llwyr, wedi'u lledaenu gyda gorgyffwrdd bach a chylchdro llyfn, ac wedi'u lleoli'n uniongyrchol ar gefndir gwyn. O fewn y fodelau, darperir y gydran weledol gan ryngwyneb yr ap ei hun: gwybodaeth faethol, lluniau cynnyrch, cylchoedd macro, a thagiau categori lliwgar. Yr unig gynnwys ffotograffig yw delweddau bwyd a gyflwynir gan ddefnyddwyr sy'n weladwy ar sgrin camera ap Scan Your Food. Nid oes unrhyw luniau ffordd o fyw, dim darluniau haniaethol, dim graffeg addurniadol. Mae'r brandio wedi'i ddiffinio'n llwyr gan y ffont personol, y cynllun lliw oren/gwyrdd/tywyll, a rhyngwyneb yr ap ei hun.
Palet
Brand
- Ember Orange
#ff5406— Defnyddir oren fel acen eilaidd ar gyfer manylion addurniadol ac i amlygu arwyddion anaml. Ni ddylid ei ddefnyddio fel y prif liw ar gyfer galwadau i weithredu.
Niwtral
- Graphite
#2f2f2f— Testun cynradd, botymau tywyll (eicon yr App Store), ac amlinelliadau eicon. Lliw nad yw'n wyn yn bennaf mewn penawdau a thestun corff. - Verdant Green
#00b33f— Mae'r lliw gwyrdd yn gwasanaethu fel acen ychwanegol ar gyfer manylion addurniadol ac i bwysleisio amleddau isel. - Signal Red-Orange
#ff3400— Acen gynnes eilaidd, yn weladwy yn elfennau rhyngwyneb defnyddiwr sgrin yr ap a brandio cysylltiedig. Un tôn yn gynhesach nag Ember Orange, mae'n pwysleisio cyflyrau ap a ddewiswyd neu weithredol. - Sky Blue
#00a9dd— Cyferbyniad dymunol ar gyfer categorïau data mewnol yr ap (carbohydradau/proteinau/grwpiau maetholion eraill). Yn cydbwyso'r palet lliw cynnes, amlwg yng nghynlluniau'r ffôn. - Mist Blue
#72a2c5— Acen Oer Tawel - Yn meddalu'r lliw glas awyr ar gyfer labeli data ychwanegol a chefndiroedd siartiau o fewn yr ap. - Sunset Orange
#ff6d00— Acen gynnes ar gyfer penawdau eilaidd a thestun wedi'i amlygu ar dudalennau marchnata.
Teipograffeg
o 12 i 60px · 7 cam
- Aquawax Pro Medium — amnewid: Inter · amlinelliadau 500 · Aquawax Pro Medium - Wedi'i ganfod yn y data a echdynnwyd ond heb ei ddisgrifio gan y deallusrwydd artiffisial.
- Aquawax Pro — amnewid: Nunito Sans · amlinelliadau 700, 500, 600 · Y prif ffont brand a ddefnyddir ym mhob cyd-destun, gan gynnwys penawdau a chopïau corff. Mae'r ffont hwn, a gynlluniwyd yn arbennig, yn cynnwys uchder llythrennau llydan, siapiau geometrig crwn, a chyfrannau cyfforddus. Defnyddir print trwm (700) ar gyfer penawdau ac adrannau—tirnodau teipograffig y system. Defnyddir print lled-trwm (600) ar gyfer is-benawdau a labeli botymau ar 14–1.8 mm. Defnyddir print canolig (500) ar gyfer copi corff ar 17–1.8 mm, gyda digon o fylchau llinell o 1.6–1.8 mm ar gyfer darllen cyfforddus.
- System sans-serif — amnewid: Inter · amlinelliadau 400, 700 · Defnyddir opsiwn wrth gefn ar gyfer testun bach iawn a thestun eicon yn y rhyngwyneb defnyddiwr. Ni ddefnyddir Aquawax Pro mewn meintiau micro; mae ffont y system yn trin y rhain i leihau pwysau rendro.
Cyfnodau a ffurf
| Diben | Ystyr |
|---|---|
| Dwysedd | eang |
| Cam sylfaenol | 20px |
| Radiws botwm | 26px |
| Radiws y cerdyn | 26px |
| Cysgodion | dim ffiniau yn lle cysgodion |
| Rhwng adrannau | 96px |
| Lled y dudalen | 1200px |
Bydd AI yn adeiladu eich gwefan yn null Foodnoms ac yn ei llenwi
- Llenwch gyda chynhyrchion a phostiadau trwy'r ddolen - Instagram, TikTok, Facebook.
- Trosglwyddo cynnwys o'ch hen wefan—nodwch y cyfeiriad yn unig.
- Dyluniad modern ar yr injan orau: React ( Next.js) gyda rendro gweinydd ac optimeiddio SEO yn syth ar y bocs.
- Optimeiddio SEO cwbl awtomataidd ar gyfer canlyniadau chwilio ac argymhellion rhwydwaith niwral.
Arddulliau tebyg
- Slite — Llyfr nodiadau memrwn cynnes gyda handlen terracotta—mae pob arwyneb yn bapur hufennog, pob acen yn gyffyrddiad cynnil o oren.
- Adora — Amgueddfa Argraffiadaeth y tu ôl i wydr barugog
- Bento — Bocs cinio bento ar linolewm heulog. Mae grid o gardiau crwn, tebyg i sticeri mewn leim, lafant, cobalt, a byrgwnd, pob un wedi'i amlinellu mewn inc du trwchus, yn gorwedd ar liain cynnes, hufennog o dan deitl beiddgar, geometrig.
- Payments — Lliw sitrws bywiog yn erbyn cefndir porffor brenhinol. Mae'r porffor trydan dwfn yn dwyn i gof awyr y nos, tra bod acenion melyn lemwn yn disgleirio fel croen sitrws ffres yn erbyn arwyneb gwyn glân.
- Textla — Almanac Botanegol Retro Heulog - Tudalen felyn hufennog wedi'i hargraffu mewn gwyrdd tywyll gyda darluniau o gacti wedi'u rendro mewn cysgodion miniog, gwrthbwyso
- AI for Business — Ystafell arddangos olygyddol greulon mewn arlliwiau llwyd cynnes
- Superhuman — panel golygyddol awr aur
- Visitors — llun peirianneg gwyn
- Vercel — Terfynell wedi'i hargraffu ar bapur gwyn
- Jeton — Erthygl olygyddol am fintech ar farmor cynnes
- Say Briefly — Llyfr braslunio asiantaeth greadigol ar bapur hufen
- ClickUp — Dangosfwrdd pwerus ar farmor gwyn. Mae'r dudalen yn llyfryn cynnyrch ar gyfer offeryn cynhyrchiant, felly mae'r iaith weledol wedi'i benthyg o'r cynnyrch ei hun: rhestrau dwys, dangosyddion statws, grwpiau o avatarau, a datganiadau teipograffig beiddgar sy'n edrych fel manyleb cynnyrch ar ddangos.