Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukudviklerUdvikling af AI-værktøjer til virksomheder. Høj kvalitet. Overkommelige priser.Skriv på Telegram
Foodnoms — en forhåndsvisning af et websted i denne stil

Foodnoms

Solrigt frugtmarked på hvidt porcelæn - varme appelsiner, friske grønne blade og voluminøse afrundede former

Foodnoms har et muntert marketingsprog til ernæringssporing: et rent hvidt lærred, overdimensionerede telefonmodeller som visuelle ankre og et legende farvevokabular, hvor farver repræsenterer næringsstoffer og fremskridt. Et tofarvet headerskema (én farve til søgeordet, mørk grafit til resten) giver mulighed for en hurtig vurdering af værdiforslaget. Systemet er baseret på en enkelt brugerskærm (Aquawax Pro) med tydeligt afrundede geometriske funktioner, der blødgør de datatunge appskærme. De fleste overflader er flade og skyggeløse; den ensartede hjørneradius giver knapper, kort og etiketter en venlig, blød fornemmelse, hvilket gør sundhedssporing mere tilgængelig end klinisk.

Siden har et centreret layout i fuld bredde (~1200px) med en enkelt kolonne og en generøs lodret rytme. Overskriften er en tynd topbjælke med logoet til venstre, navigationen centreret og en udfyldt orange handlingsknap til højre. Hovedsektionen er en centreret stak: en tofarvet titel, en underoverskrift med en enkelt linje, et App Store-ikon og derefter en række med 3-5 telefonmodeller spredt ud over bredden. Under hovedsektionen er der en centreret "Som anbefalet" presselogo-sektion i et 2x3-gitter. Funktionssektionerne følger et gentagende mønster: tekst i to kolonner + telefonmodeller, skiftende sider, med overskrifter i accentsektioner i orange/grøn. Det sidste element før sidefoden er et downloadbart handlingskort i fuld bredde. Indbindingsmargerne mellem sektionerne er generøse (96px), hvilket skaber en rummelig, gallerilignende fornemmelse. Navigationen er en minimalistisk topbjælke - ingen sidebjælke eller megamenu.

Appens visuelle sprog domineres af iPhone-rammemockups i høj kvalitet, der viser appens fungerende brugerflade – disse er de primære elementer, ikke stockfotos. Mockups vises med næsten total gennemsigtighed, spredt ud med en let overlapning og jævn rotation og placeret direkte på en hvid baggrund. Inden for mockups leveres den visuelle komponent af appens egen brugerflade: ernæringsinformation, produktfotos, makroringe og farverige kategoritags. Det eneste fotografiske indhold er brugerindsendte madbilleder, der er synlige på Scan Your Food-appens kameraskærm. Der er ingen livsstilsfotos, ingen abstrakte illustrationer, ingen dekorativ grafik. Brandingen er fuldstændig defineret af den brugerdefinerede skrifttype, det orange/grønne/mørke farveskema og appens egen brugerflade.

Palet

Mærke

  • Ember Orange #ff5406 — Orange bruges som en sekundær accent til dekorative detaljer og til at fremhæve sjældne signaler. Den bør ikke bruges som den primære farve til opfordringer til handling.

Neutral

  • Graphite #2f2f2f — Primær tekst, mørke knapper (App Store-ikon) og ikonomrids. En dominerende ikke-hvid farve i overskrifter og brødtekst.
  • Verdant Green #00b33f — Den grønne farve fungerer som en ekstra accent til dekorative detaljer og til at fremhæve lave frekvenser.
  • Signal Red-Orange #ff3400 — En sekundær varm accent, synlig i appens brugergrænsefladeelementer og relateret branding. En tone varmere end Ember Orange, den fremhæver valgte eller aktive apptilstande.
  • Sky Blue #00a9dd — En behagelig kontrast til appens interne datakategorier (kulhydrater/proteiner/andre næringsstofgrupper). Balancerer den varme, dominerende farvepalet i telefonens layout.
  • Mist Blue #72a2c5 — Dæmpet kølig accent - Gør den himmelblå farve blødere for at give yderligere dataetiketter og diagrambaggrunde i appen.
  • Sunset Orange #ff6d00 — En varm accent til sekundære overskrifter og fremhævet tekst på marketingsider.

Typografi

fra 12 til 60px · 7 trin

  • Aquawax Pro Medium — udskiftning: Inter · konturer 500 · Aquawax Pro Medium - Fundet i de udtrukne data, men ikke beskrevet af AI'en.
  • Aquawax Pro — udskiftning: Nunito Sans · konturer 700, 500, 600 · Den primære brandfont, der bruges i alle sammenhænge, inklusive overskrifter og brødtekst. Denne specialdesignede skrifttype har brede bogstavhøjder, afrundede geometriske former og behagelige proportioner. Fed (700) bruges til overskrifter og sektioner - systemets typografiske vartegn. Semifed (600) bruges til underoverskrifter og knapnavne med en bredde på 14-1,8 mm. Mellem (500) bruges til brødtekst med en bredde på 17-1,8 mm, med en tilstrækkelig linjeafstand på 1,6-1,8 mm til behagelig læsning.
  • System sans-serif — udskiftning: Inter · konturer 400, 700 · En alternativ funktion bruges til meget lille tekst og ikontekst i brugergrænsefladen. Aquawax Pro bruges ikke i mikrostørrelser; systemfonten håndterer disse for at reducere gengivelsesvægten.

Intervaller og form

FormålMening
Tæthedrummelig
Grundlæggende trin20px
Knapradius26px
Kortradius26px
Skyggeringen grænser i stedet for skygger
Mellem sektioner96px
Sidebredde1200px

AI vil bygge din hjemmeside i Foodnoms -stil og udfylde den

  • Fyld med produkter og opslag via linket - Instagram, TikTok, Facebook.
  • Overfør indhold fra dit gamle websted – angiv blot adressen.
  • Moderne design på den bedste søgemotor: React ( Next.js) med serverrendering og SEO-optimering lige fra starten.
  • Fuldautomatiseret SEO-optimering til søgeresultater og anbefalinger til neurale netværk.

Lignende stilarter

  • Slite — En varm notesbog i pergament med et terrakottahåndtag – hver overflade er cremet papir, hver detalje et diskret strejf af orange.
  • Adora — Impressionismens museum bag matteret glas
  • Bento — En bento-madkasse på solbeskinnet linoleum. Et gitter af afrundede, klistermærkelignende kort i lime, lavendel, kobolt og bordeaux, hver især skitseret med tyk sort blæk, ligger på et varmt, cremet linned under en dristig, geometrisk titel.
  • Payments — En livlig citrusfarve mod en kongelig lilla baggrund. Den dybe elektriske lilla fremkalder nattehimlen, mens citrongule accenter funkler som frisk citrusskal mod en ren hvid overflade.
  • Textla — Solrig Retro Botanisk Almanak - Cremet gul side trykt i mørkegrøn med illustrationer af kaktus gengivet i skarpe, forskudte skygger
  • AI for Business — Brutalistisk redaktionelt showroom i varme grå toner
  • Superhuman — redaktionspanelet for den gyldne time
  • Visitors — hvid ingeniørtegning
  • Vercel — Terminal trykt på hvidt papir
  • Jeton — Lederartikel om fintech på varm marmor
  • Say Briefly — Kreativt bureau skitseblok på cremefarvet papir
  • ClickUp — Et kraftfuldt dashboard på hvid marmor. Siden er en produktbrochure til et produktivitetsværktøj, så det visuelle sprog er lånt fra selve produktet: tætte lister, statusindikatorer, grupper af avatarer og dristige typografiske udsagn, der ligner en produktspecifikation på display.