Foodnoms
Zonnige fruitmarkt op wit porselein - warme oranje tinten, frisgroen en volumineuze, ronde vormen.
Foodnoms gebruikt een luchtige marketingtaal voor het bijhouden van voedingsinname: een strak wit canvas, uitvergrote telefoonmockups als visuele ankers en een speels kleurenpalet waarin kleuren voedingsstoffen en vooruitgang vertegenwoordigen. Een tweekleurig headerschema (één kleur voor het trefwoord, donker grafiet voor de rest) maakt een snelle beoordeling van de waardepropositie mogelijk. Het systeem maakt gebruik van één gebruikersscherm (Aquawax Pro) met duidelijk afgeronde geometrische vormen die de data-intensieve app-schermen verzachten. De meeste oppervlakken zijn vlak en schaduwloos; de uniforme hoekradius geeft knoppen, kaarten en labels een vriendelijke, zachte uitstraling, waardoor het bijhouden van je gezondheid toegankelijker aanvoelt dan klinisch.
De pagina heeft een lay-out met één kolom, gecentreerd en over de volledige breedte (~1200px), met een ruim verticaal ritme. De header bestaat uit een dunne bovenbalk met het logo links, de navigatie gecentreerd en een ingevulde oranje actieknop rechts. De hero-sectie is een gecentreerde stapel: een titel in twee kleuren, een subkop van één regel, een App Store-icoon en vervolgens een rij van 3-5 telefoonmockups die over de breedte zijn uitgespreid. Onder de hero-sectie bevindt zich een gecentreerde sectie met het "Aanbevolen"-perslogo in een raster van 2x3. De secties met de artikelen volgen een herhalend patroon: tekst in twee kolommen + telefoonmockup, afwisselend aan de linker- en rechterkant, met accentuerende sectiekoppen in oranje/groen. Het laatste element vóór de footer is een downloadbare CTA-kaart over de volledige breedte. De tussenruimte tussen de secties is ruim (96px), wat een ruimtelijk, galerijachtig gevoel creëert. De navigatie is een minimalistische bovenbalk - geen zijbalk of megamenu.
De visuele stijl van de app wordt gedomineerd door hoogwaardige iPhone-frame-mockups die de werkende interface van de app laten zien – dit zijn de primaire elementen, geen stockfoto's. De mockups worden bijna volledig transparant weergegeven, met een lichte overlapping en vloeiende rotatie, en direct op een witte achtergrond geplaatst. Binnen de mockups wordt de visuele component verzorgd door de eigen interface van de app: voedingsinformatie, productfoto's, macro-ringen en kleurrijke categorielabels. De enige fotografische inhoud bestaat uit door gebruikers geüploade voedselafbeeldingen die zichtbaar zijn op het camerascherm van de Scan Your Food-app. Er zijn geen lifestylefoto's, geen abstracte illustraties en geen decoratieve afbeeldingen. De branding wordt volledig bepaald door het aangepaste lettertype, het oranje/groen/donkere kleurenschema en de eigen interface van de app.
Palet
Merk
- Ember Orange
#ff5406— Oranje wordt gebruikt als secundair accent voor decoratieve details en om minder vaak voorkomende aanwijzingen te benadrukken. Het mag niet als primaire kleur worden gebruikt voor oproepen tot actie.
Neutrale
- Graphite
#2f2f2f— Hoofdtekst, donkere knoppen (App Store-pictogram) en pictogramcontouren. Een overheersende niet-witte kleur in koppen en hoofdtekst. - Verdant Green
#00b33f— De groene kleur dient als extra accent voor decoratieve details en om lage frequenties te benadrukken. - Signal Red-Orange
#ff3400— Een secundaire warme accentkleur, zichtbaar in UI-elementen van het app-scherm en de bijbehorende branding. Deze kleur is een tint warmer dan Ember Orange en benadrukt geselecteerde of actieve app-statussen. - Sky Blue
#00a9dd— Een aangenaam contrast voor de interne gegevenscategorieën van de app (koolhydraten/eiwitten/andere voedingsstoffen). Het zorgt voor een evenwicht met het warme, dominante kleurenpalet in de lay-outs van de telefoon. - Mist Blue
#72a2c5— Gedempte koele accentkleur - Verzacht de hemelsblauwe kleur voor extra gegevenslabels en grafiekachtergronden in de app. - Sunset Orange
#ff6d00— Een warm accent voor subkopjes en gemarkeerde tekst op marketingpagina's.
Typografie
van 12 tot 60px · 7 stappen
- Aquawax Pro Medium — vervanging: Inter · overzichten 500 · Aquawax Pro Medium - Gevonden in de geëxtraheerde gegevens, maar niet beschreven door de AI.
- Aquawax Pro — vervanging: Nunito Sans · overzichten 700, 500, 600 · Het primaire merklettertype dat in alle contexten wordt gebruikt, inclusief koppen en hoofdtekst. Dit speciaal ontworpen lettertype kenmerkt zich door brede letterhoogtes, afgeronde geometrische vormen en comfortabele verhoudingen. Vet (700) wordt gebruikt voor koppen en secties – de typografische ijkpunten van het systeem. Halfvet (600) wordt gebruikt voor subkoppen en knoplabels met een lettergrootte van 14–1,8 mm. Medium (500) wordt gebruikt voor hoofdtekst met een lettergrootte van 17–1,8 mm, met voldoende regelafstand van 1,6–1,8 mm voor een prettige leesbaarheid.
- System sans-serif — vervanging: Inter · overzichten 400, 700 · Voor zeer kleine tekst en pictogramtekst in de gebruikersinterface wordt een terugvaloptie gebruikt. Aquawax Pro wordt niet gebruikt voor microformaten; hiervoor wordt het systeemlettertype gebruikt om de weergavegrootte te verkleinen.
Intervallen en vorm
| Doel | Betekenis |
|---|---|
| Dikte | ruim |
| Basisstap | 20px |
| Knopradius | 26px |
| Kaartradius | 26px |
| Schaduwen | geen randen in plaats van schaduwen |
| Tussen secties | 96px |
| Paginabreedte | 1200px |
AI bouwt je website in de stijl Foodnoms en vult deze in.
- Vul het account aan met producten en berichten via de link - Instagram, TikTok, Facebook.
- Neem de inhoud van je oude website over; geef gewoon het adres op.
- Modern design op de beste engine: React ( Next.js) met server-side rendering en SEO-optimalisatie direct uit de doos.
- Volledig geautomatiseerde SEO-optimalisatie voor zoekresultaten en aanbevelingen op basis van neurale netwerken.
Vergelijkbare stijlen
- Slite — Een warm notitieboek van perkament met een terracotta handvat – elk oppervlak is van crèmekleurig papier, elk detail een subtiele vleugje oranje.
- Adora — Het Museum van het Impressionisme achter matglas.
- Bento — Een bento-lunchbox op een zonovergoten linoleumvloer. Een raster van afgeronde, stickerachtige kaartjes in limoengroen, lavendel, kobaltblauw en bordeauxrood, elk omlijnd met dikke zwarte inkt, ligt op een warm, crèmekleurig linnen onder een opvallende, geometrische titel.
- Payments — Een levendige citruskleur tegen een koningspaarse achtergrond. Het diepe, elektrische paars roept de nachtelijke hemel op, terwijl citroengele accenten als verse citrusschil schitteren tegen een helderwitte ondergrond.
- Textla — Sunny Retro Botanical Almanac - Crèmegele pagina's gedrukt op donkergroen papier met illustraties van cactussen in scherpe, subtiele schaduwen.
- AI for Business — Brutalistische redactionele showroom in warme grijstinten
- Superhuman — gouden uur redactiepanel
- Visitors — witte technische tekening
- Vercel — Terminal afgedrukt op wit papier
- Jeton — Een redactioneel artikel over fintech op Warm Marble.
- Say Briefly — Schetsboek van een creatief bureau op crèmekleurig papier
- ClickUp — Een krachtig dashboard op wit marmer. De pagina is een productbrochure voor een productiviteitstool, dus de visuele stijl is ontleend aan het product zelf: dichte lijsten, statusindicatoren, groepen avatars en opvallende typografische elementen die eruitzien als een productspecificatie.