Foodnoms
Solig fruktmarknad på vitt porslin - varma apelsiner, färska gröna blad och voluminösa rundade former
Foodnoms har ett lättsamt marknadsföringsspråk för näringsspårning: en ren vit duk, överdimensionerade telefonmodeller som visuella ankare och ett lekfullt färgvokabulär där färger representerar näringsämnen och framsteg. Ett tvåfärgat rubrikschema (en färg för sökordet, mörk grafit för resten) möjliggör en snabb bedömning av värdeerbjudandet. Systemet bygger på en enda användarskärm (Aquawax Pro) med tydligt rundade geometriska funktioner som mjukar upp de datatunga appskärmarna. De flesta ytor är plana och skuggfria; den enhetliga hörnradien ger knappar, kort och etiketter en vänlig, mjuk känsla, vilket gör att hälsospårning känns mer lättillgänglig än klinisk.
Sidan har en centrerad layout med en kolumn i full bredd (~1200px) och generös vertikal rytm. Rubriken är en tunn övre fält med logotypen till vänster, navigeringen centrerad och en ifylld orange åtgärdsknapp till höger. Huvudsektionen är en centrerad stapel: en tvåfärgad titel, en underrubrik med en rad, en App Store-ikon och sedan en rad med 3–5 telefonmodeller utspridda över bredden. Under huvudsektionen finns en centrerad presslogotyp "Som rekommenderat" i ett 2x3-rutnät. Funktionssektionerna följer ett upprepande mönster: text med två kolumner + telefonmodell, alternerande sidor, med accentrubriker i orange/grönt. Det sista elementet före sidfoten är ett nedladdningsbart uppmaningskort i full bredd. Mellanrummen mellan sektionerna är generösa (96px), vilket skapar en rymlig, galleriliknande känsla. Navigeringen är en minimalistisk övre fält – ingen sidofält eller megameny.
Appens visuella språk domineras av högkvalitativa iPhone-rammodeller som visar appens fungerande gränssnitt – dessa är de primära elementen, inte stockbilder. Modellerna visas med nästan total transparens, utspridda med en liten överlappning och jämn rotation, och placerade direkt på en vit bakgrund. Inom modellerna tillhandahålls den visuella komponenten av appens eget gränssnitt: näringsinformation, produktbilder, makroringar och färgglada kategoritaggar. Det enda fotografiska innehållet är användarinskickade matbilder som syns på Scan Your Food-appens kameraskärm. Det finns inga livsstilsbilder, inga abstrakta illustrationer, ingen dekorativ grafik. Varumärket definieras helt av det anpassade teckensnittet, det orange/gröna/mörka färgschemat och appens eget gränssnitt.
Palett
Stämpla
- Ember Orange
#ff5406— Orange används som en sekundär accentfärg för dekorativa detaljer och för att framhäva ovanliga signaler. Den bör inte användas som primärfärg för uppmaningar till handling.
Neutral
- Graphite
#2f2f2f— Primärtext, mörka knappar (App Store-ikon) och ikonkonturer. En dominerande icke-vit färg i rubriker och brödtext. - Verdant Green
#00b33f— Den gröna färgen fungerar som en extra accent för dekorativa detaljer och för att betona låga frekvenser. - Signal Red-Orange
#ff3400— En sekundär varm accent, synlig i appens gränssnittselement och relaterad varumärkesprofilering. En ton varmare än Ember Orange, den betonar valda eller aktiva apptillstånd. - Sky Blue
#00a9dd— En trevlig kontrast för appens interna datakategorier (kolhydrater/proteiner/andra näringsgrupper). Balanserar den varma, dominerande färgpaletten i telefonens layouter. - Mist Blue
#72a2c5— Dämpad kall accent – Mjukar upp den himmelsblå färgen för ytterligare dataetiketter och diagrambakgrunder i appen. - Sunset Orange
#ff6d00— En varm accent för sekundära rubriker och markerad text på marknadsföringssidor.
Typografi
från 12 till 60px · 7 steg
- Aquawax Pro Medium — ersättning: Inter · konturer 500 · Aquawax Pro Medium – Finns i den extraherade datan men beskrivs inte av AI:n.
- Aquawax Pro — ersättning: Nunito Sans · konturer 700, 500, 600 · Det primära varumärkestypsnittet som används i alla sammanhang, inklusive rubriker och brödtext. Detta specialdesignade typsnitt har breda bokstavshöjder, rundade geometriska former och bekväma proportioner. Fet (700) används för rubriker och avsnitt – systemets typografiska landmärken. Halvfet (600) används för underrubriker och knappetiketter med 14–1,8 mm. Mellan (500) används för brödtext med 17–1,8 mm, med tillräckligt radavstånd på 1,6–1,8 mm för bekväm läsning.
- System sans-serif — ersättning: Inter · konturer 400, 700 · Ett reservalternativ används för mycket liten text och ikontext i användargränssnittet. Aquawax Pro används inte i mikrostorlekar; systemteckensnittet hanterar dessa för att minska renderingsvikten.
Intervaller och form
| Ändamål | Menande |
|---|---|
| Densitet | rymlig |
| Grundläggande steg | 20px |
| Knappradie | 26px |
| Kortradie | 26px |
| Skuggor | inga gränser istället för skuggor |
| Mellan sektioner | 96px |
| Sidbredd | 1200px |
AI kommer att bygga din webbplats i Foodnoms -stil och fylla den
- Fyll på med produkter och inlägg via länken - Instagram, TikTok, Facebook.
- Överför innehåll från din gamla webbplats – ange bara adressen.
- Modern design på den bästa sökmotorn: React ( Next.js) med serverrendering och SEO-optimering direkt ur lådan.
- Helautomatisk SEO-optimering för sökresultat och rekommendationer för neurala nätverk.
Liknande stilar
- Slite — En varm anteckningsbok i pergament med ett terrakottahandtag – varje yta är krämigt papper, varje accent en subtil touch av orange.
- Adora — Impressionismens museum bakom frostat glas
- Bento — En bento-lunchlåda på solbelyst linoleum. Ett rutnät av rundade, klistermärkesliknande kort i lime, lavendel, kobolt och vinrött, alla markerade med tjock svart bläck, ligger på ett varmt, krämigt linnetyg under en djärv, geometrisk titel.
- Payments — En livfull citrusfärg mot en kunglig lila bakgrund. Den djupa elektriska lila nyansen frammanar natthimlen, medan citrongula accenter glittrar som färsk citrussmak mot en ren vit yta.
- Textla — Solig retro botanisk almanacka - Krämig gul sida tryckt i mörkgrönt med illustrationer av kaktusar återgivna i skarpa, förskjutna skuggor
- AI for Business — Brutalistiskt redaktionellt showroom i varma gråtoner
- Superhuman — gyllene timmen redaktionell panel
- Visitors — vit teknisk ritning
- Vercel — Terminal tryckt på vitt papper
- Jeton — Ledare om fintech på varm marmor
- Say Briefly — Skissblock för kreativ byrå på krämfärgat papper
- ClickUp — En kraftfull instrumentpanel på vit marmor. Sidan är en produktbroschyr för ett produktivitetsverktyg, så det visuella språket är lånat från själva produkten: täta listor, statusindikatorer, grupper av avatarer och djärva typografiska uttalanden som ser ut som en produktspecifikation på display.