Foodnoms
Maaraw nga merkado sa prutas sa puti nga porselana - mainit nga mga kahel, presko nga mga utanon ug daghang lingin nga mga porma
Ang Foodnoms adunay usa ka gaan nga pinulongan sa pagpamaligya alang sa pagsubay sa nutrisyon: usa ka limpyo nga puti nga canvas, dagkong mga mockup sa telepono isip biswal nga mga angkla, ug usa ka makalingaw nga bokabularyo sa kolor diin ang mga kolor nagrepresentar sa mga sustansya ug pag-uswag. Ang duha ka kolor nga header scheme (usa ka kolor para sa keyword, dark graphite para sa uban) nagtugot sa dali nga pagtimbang-timbang sa bili nga proposisyon. Ang sistema nagsalig sa usa ka single user display (Aquawax Pro) nga adunay klaro nga lingin nga geometric nga mga bahin nga nagpahumok sa mga screen sa app nga puno sa datos. Kadaghanan sa mga nawong patag ug walay anino; ang parehas nga radius sa kanto naghatag sa mga butones, kard, ug mga label og mahigalaon ug humok nga pagbati, nga naghimo sa pagsubay sa kahimsog nga mas dali nga ma-access kaysa klinikal.
Ang panid adunay usa ka single-column, centered, full-width layout (~1200px) nga adunay daghang bertikal nga ritmo. Ang header usa ka nipis nga top bar nga adunay logo sa wala, navigation centered, ug usa ka filled-in orange action button sa tuo. Ang hero section usa ka centered stack: usa ka two-color title, usa ka single-line subheader, usa ka App Store icon, ug dayon usa ka laray sa 3-5 ka phone mockups nga nagkatag sa gilapdon. Sa ubos sa hero section adunay usa ka centered nga "As Recommended" press logo section sa usa ka 2x3 grid. Ang feature sections nagsunod sa balik-balik nga pattern: two-column text + phone mockup, nagpuli-puli nga mga kilid, nga adunay accent section headings nga orange/green. Ang katapusang elemento sa dili pa ang footer usa ka full-width downloadable CTA card. Ang mga gutter taliwala sa mga seksyon lapad (96px), nga nagmugna og lapad, sama sa gallery. Ang navigation usa ka minimalist nga top bar - walay sidebar o mega menu.
Ang biswal nga pinulongan sa app gidominar sa mga dekalidad nga iPhone frame mockup nga nagpakita sa nagtrabaho nga interface sa app—kini ang mga pangunang elemento, dili mga stock nga litrato. Ang mga mockup gipakita nga hapit hingpit nga transparency, gipalapdan nga adunay gamay nga overlap ug hapsay nga pagtuyok, ug gibutang direkta sa usa ka puti nga background. Sulod sa mga mockup, ang biswal nga sangkap gihatag sa kaugalingon nga interface sa app: impormasyon sa nutrisyon, mga litrato sa produkto, mga macro ring, ug mga kolor nga tag sa kategorya. Ang bugtong sulud sa litrato mao ang mga imahe sa pagkaon nga gisumite sa tiggamit nga makita sa screen sa camera sa Scan Your Food app. Walay mga litrato sa estilo sa kinabuhi, walay mga abstract nga ilustrasyon, walay pangdekorasyon nga mga graphic. Ang branding hingpit nga gihubit sa custom font, ang orange/green/dark color scheme, ug ang kaugalingon nga interface sa app.
Paleta
Brand
- Ember Orange
#ff5406— Ang kolor nga kahel gigamit isip ikaduhang kolor para sa mga detalye sa dekorasyon ug aron ipasiugda ang dili kanunay nga mga timaan. Dili kini angay gamiton isip pangunang kolor para sa mga panawagan sa aksyon.
Neutral
- Graphite
#2f2f2f— Pangunang teksto, itom nga mga butones (icon sa App Store), ug mga outline sa icon. Usa ka dominanteng dili puti nga kolor sa mga ulohan ug lawas sa teksto. - Verdant Green
#00b33f— Ang berde nga kolor nagsilbing dugang nga accent alang sa mga detalye sa dekorasyon ug aron ipasiugda ang ubos nga mga frequency. - Signal Red-Orange
#ff3400— Usa ka ikaduhang mainit nga accent, nga makita sa mga elemento sa UI sa screen sa app ug mga may kalabutan nga branding. Usa ka tono nga mas init kay sa Ember Orange, kini nagpasiugda sa pinili o aktibo nga mga estado sa app. - Sky Blue
#00a9dd— Usa ka maayong kalainan para sa internal data categories sa app (carbohydrates/proteins/ubang nutrient groups). Gibalanse ang init ug dominanteng color palette sa mga layout sa telepono. - Mist Blue
#72a2c5— Muted Cool Accent - Mopahumok sa kolor nga Sky blue para sa dugang nga mga label sa datos ug mga background sa tsart sulod sa app. - Sunset Orange
#ff6d00— Usa ka mainiton nga aksento para sa ikaduhang mga ulohan ug gipasiugda nga teksto sa mga panid sa pamaligya.
Tipograpiya
gikan sa 12 ngadto sa 60px · 7 ka lakang
- Aquawax Pro Medium — kapuli: Inter · mga balangkas 500 · Aquawax Pro Medium - Makita sa nakuha nga datos apan wala gihulagway sa AI.
- Aquawax Pro — kapuli: Nunito Sans · mga balangkas 700, 500, 600 · Ang pangunang brand font nga gigamit sa tanang konteksto, lakip na ang mga heading ug body copy. Kini nga custom-designed nga font adunay lapad nga gitas-on sa letra, lingin nga geometric nga mga porma, ug komportable nga proporsyon. Ang bold (700) gigamit para sa mga heading ug seksyon—ang typographic landmarks sa sistema. Ang semibold (600) gigamit para sa mga subheading ug button label sa 14–1.8 mm. Ang medium (500) gigamit para sa body copy sa 17–1.8 mm, nga adunay igo nga line spacing nga 1.6–1.8 mm para sa komportable nga pagbasa.
- System sans-serif — kapuli: Inter · mga balangkas 400, 700 · Usa ka fallback option ang gigamit para sa gagmay kaayong teksto ug icon text sa user interface. Ang Aquawax Pro dili gamiton sa gagmay nga mga gidak-on; ang system font ang modumala niini aron makunhuran ang rendering weight.
Mga interval ug porma
| Katuyoan | Kahulugan |
|---|---|
| Densidad | lapad |
| Batakang lakang | 20px |
| Radius sa butones | 26px |
| Radius sa kard | 26px |
| Mga anino | walay - mga utlanan imbes nga mga anino |
| Taliwala sa mga seksyon | 96px |
| Lapad sa panid | 1200px |
Ang AI motukod sa imong website sa estilo sa Foodnoms ug mopuno niini
- Pun-a og mga produkto ug mga post pinaagi sa link - Instagram, TikTok, Facebook.
- Ibalhin ang sulod gikan sa imong daang site—ipiho lang ang adres.
- Modernong disenyo sa pinakamaayong makina: React ( Next.js) nga adunay server rendering ug SEO optimization nga andam na gamiton.
- Bug-os nga awtomatik nga pag-optimize sa SEO para sa mga resulta sa pagpangita ug mga rekomendasyon sa neural network.
Parehas nga mga estilo
- Slite — Usa ka mainit nga notebook nga hinimo sa pergamino nga may kuptanan nga terracotta—ang matag nawong hinimo gikan sa krema nga papel, ang matag accent adunay gamay nga paghikap sa kahel.
- Adora — Ang Museo sa Impresyonismo sa luyo sa nagyelo nga bildo
- Bento — Usa ka bento lunchbox nga gibutang sa linoleum nga nasidlakan sa adlaw. Usa ka grid sa lingin, sama sa sticker nga mga kard nga hinimo sa lime, lavender, cobalt, ug burgundy, nga ang matag usa gi-outline sa baga nga itom nga tinta, gibutang sa usa ka mainiton, krema nga linen sa ilawom sa usa ka maisog, geometric nga titulo.
- Payments — Usa ka mahayag nga kolor sa citrus batok sa usa ka royal purple nga background. Ang lawom nga electric purple nagpahinumdom sa langit sa kagabhion, samtang ang lemon yellow nga mga accent naggilakgilak sama sa presko nga citrus zest batok sa usa ka limpyo nga puti nga nawong.
- Textla — Sunny Retro Botanical Almanac - Krema nga dilaw nga panid nga giimprinta sa itom nga berde nga adunay mga ilustrasyon sa cactus nga gihimo sa mahait ug lahi nga mga anino
- AI for Business — Brutalist nga showroom sa editoryal sa mainit nga abuhon nga mga tono
- Superhuman — panel sa editoryal nga oras sa bulawan
- Visitors — puti nga drowing sa inhenyeriya
- Vercel — Terminal nga giimprinta sa puti nga papel
- Jeton — Usa ka editoryal bahin sa fintech sa mainit nga marmol
- Say Briefly — Sketchbook sa creative agency sa cream paper
- ClickUp — Usa ka gamhanang dashboard sa puti nga marmol. Ang panid usa ka brosyur sa produkto para sa usa ka himan sa produktibidad, busa ang biswal nga pinulongan gihulam gikan sa produkto mismo: dasok nga mga lista, mga indikasyon sa status, mga grupo sa mga avatar, ug maisugon nga mga pahayag sa tipograpiko nga morag usa ka espesipikasyon sa produkto nga gipakita.