Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukEntwécklerEntwécklung vun KI-Tools fir Geschäfter. Héichqualitativ. Bezuelbar.Op Telegram schreiwen
Foodnoms — eng Virschau vun enger Säit an dësem Stil

Foodnoms

Sonnegen Uebstmaart op wäissem Porzellan - waarm Orangen, frësch Gréngs a voluminéis gerundet Formen

Foodnoms bitt eng liicht Marketingsprooch fir d'Ernärungsverfolgung: eng propper wäiss Leinwand, iwwerdimensionéiert Telefonmockups als visuell Anker, an e spillerescht Faarfvokabular, wou d'Faarwen Nährstoffer a Fortschrëtt representéieren. En zweefaarwegt Headerschema (eng Faarf fir d'Schlësselwuert, donkel Graphit fir de Rescht) erlaabt eng séier Bewäertung vum Wäertpropositioun. De System baséiert op engem eenzege Benotzerdisplay (Aquawax Pro) mat däitlech ofgerundeten geometresche Charakteristiken, déi d'datenintensiv App-Bildschirmer mëll maachen. Déi meescht Flächen si flaach a schattenlos; den eenheetleche Corneradius gëtt Knäppercher, Kaarten an Etiketten e frëndlecht, mëllt Gefill, wouduerch d'Gesondheetsverfolgung méi zougänglech wéi klinesch wierkt.

D'Säit huet en zentréierten, voller Breet (~1200px) Layout mat enger eenzeger Kolonn an engem generéise vertikale Rhythmus. Den Header ass eng dënn iewescht Leescht mam Logo lénks, der Navigatioun zentréiert an engem ausgefëllten orange Aktiounsknäppchen riets. Den Hero-Sektioun ass e zentréierte Stapel: en zweefaarwegen Titel, en eenzege Zeilenënnertitel, en App Store Ikon, an dann eng Rei vun 3-5 Telefonsmockups, déi iwwer d'Breet verdeelt sinn. Ënnert dem Hero-Sektioun ass eng zentréiert "Wéi recommandéiert" Presselogo-Sektioun an engem 2x3 Raster. D'Feature-Sektiounen verfollegen engem widderhuelende Muster: Text a zwou Kolonnen + Telefonsmockup, ofwiesselnd Säiten, mat Akzentsektiounsiwwerschrëften an orange/gréng. Dat lescht Element virum Fousszeil ass eng erofluedbar CTA-Kaart a voller Breet. D'Ränner tëscht de Sektiounen si generéis (96px), wat e grousst, galerieähnlecht Gefill kreéiert. D'Navigatioun ass eng minimalistesch iewescht Leescht - keng Sidebar oder Mega-Menü.

Déi visuell Sprooch vun der App gëtt dominéiert vu qualitativ héichwäertege iPhone-Frame-Mockups, déi d'Funktiounsinterface vun der App weisen - dëst sinn déi primär Elementer, net Stockfotoen. D'Mockups ginn bal komplett transparent ugewisen, mat enger liichter Iwwerlappung a glatter Rotatioun verdeelt a direkt op engem wäissen Hannergrond positionéiert. Bannent de Mockups gëtt déi visuell Komponent vun der eegener Interface vun der App geliwwert: Ernärungsinformatiounen, Produktfotoen, Makroréng a faarweg Kategorie-Tags. Den eenzege fotografeschen Inhalt sinn vun de Benotzer agereechte Liewensmëttelbiller, déi um Kamerabildschierm vun der Scan Your Food App ze gesi sinn. Et gi keng Lifestyle-Fotoen, keng abstrakt Illustratiounen, keng dekorativ Grafiken. D'Branding gëtt komplett vun der personaliséierter Schrëft, dem orange/gréng/donkelen Faarfschema an der eegener Interface vun der App definéiert.

Palette

Mark

  • Ember Orange #ff5406 — Orange gëtt als sekundären Akzent fir dekorativ Detailer benotzt an fir selten Hiweiser ervirzehiewen. Et sollt net als Haaptfaarf fir Handlungsruffer benotzt ginn.

Neutral

  • Graphite #2f2f2f — Haapttext, donkel Knäppercher (App Store Ikon) a Konturen vun de Ikonen. Eng iwwerwiegend net-wäiss Faarf an Iwwerschrëften an dem Kierpertext.
  • Verdant Green #00b33f — Déi gréng Faarf déngt als zousätzlechen Akzent fir dekorativ Detailer a fir déif Frequenzen ze betounen.
  • Signal Red-Orange #ff3400 — En zweeten waarmen Akzent, deen an den UI-Elementer vum App-Bildschierm a verbonnenem Branding sichtbar ass. Ee Ton méi waarm wéi Ember Orange, betount en ausgewielten oder aktiven App-Zoustänn.
  • Sky Blue #00a9dd — E schéine Kontrast fir déi intern Datenkategorien vun der App (Kuelenhydrater/Proteinen/aner Nährstoffgruppen). Gläichgewiicht tëscht der waarmer, dominanter Faarfpalette an den Telefonslayouts.
  • Mist Blue #72a2c5 — Gedämpfte Cool Accent - Mëcht déi himmelblo Faarf méi mëll fir zousätzlech Datenlabels an Diagrammhannergrënn an der App.
  • Sunset Orange #ff6d00 — E waarmen Akzent fir Nieweniwwerschrëften an ervirgehuewenen Text op Marketingsäiten.

Typographie

vun 12 bis 60px · 7 Schrëtt

  • Aquawax Pro Medium — Ersatz: Inter · Konturen 500 · Aquawax Pro Medium - An den extrahéierten Donnéeën fonnt, awer net vun der KI beschriwwen.
  • Aquawax Pro — Ersatz: Nunito Sans · Konturen 700, 500, 600 · Déi primär Schrëft vun der Mark, déi a jiddwer Kontext benotzt gëtt, och am Iwwerschrëften an am Kierpertext. Dës speziell entworf Schrëft huet grouss Buschtawenhéichten, gerundet geometresch Formen a komfortabel Proportiounen. Fett (700) gëtt fir Iwwerschrëften a Sektiounen benotzt - déi typographesch Landmarken vum System. Halleffett (600) gëtt fir Ënneriwwerschrëften an Knäppchenbeschrëftungen mat 14–1,8 mm benotzt. Mëttel (500) gëtt fir de Kierpertext mat 17–1,8 mm benotzt, mat engem ausreechende Zeilenofstand vun 1,6–1,8 mm fir bequem Liesen.
  • System sans-serif — Ersatz: Inter · Konturen 400, 700 · Eng Alternativoptioun gëtt fir ganz klengen Text an Ikontext an der Benotzeroberfläche benotzt. Aquawax Pro gëtt net a Mikrogréissten benotzt; d'Systemschrëft behandelt dës fir d'Renderinggewiicht ze reduzéieren.

Intervaller a Form

ZweckBedeitung
Dichtgeräumig
Basis Schrëtt20px
Knäppchenradius26px
Kaarteradius26px
Schiedkeng Grenzen amplaz vu Schied
Tëscht de Sektiounen96px
Säitebreet1200px

KI baut Är Websäit am Stil vun Foodnoms op a fëllt se aus

  • Fëllt mat Produkter a Posts iwwer de Link aus - Instagram, TikTok, Facebook.
  • Inhalt vun Ärer aler Säit transferéieren - gitt einfach d'Adress un.
  • Modernen Design op der beschter Engine: React ( Next.js) mat Serverrendering an SEO Optimiséierung direkt aus der Këscht.
  • Vollautomatesch SEO-Optimiséierung fir Sichresultater an Empfehlungen fir neuronal Netzwierker.

Ähnlech Stiler

  • Slite — En waarmt Pergament-Notizbuch mat engem Terrakotta-Grëff - all Uewerfläch ass cremeg Pabeier, all Akzent eng subtil Touch vun Orange.
  • Adora — De Musée vum Impressionismus hannert mattéiertem Glas
  • Bento — Eng Bento-Lunchbox op sonnebeliichtem Linoleum. E Raster vu gerundeten, stickerähnleche Kaarten a Kalk, Lavendel, Kobalt a Bordeauxrout, all mat décker schwaarzer Tënt konturéiert, läit op engem waarmen, cremegen Léngen ënner engem fetten, geometreschen Titel.
  • Payments — Eng lieweg Zitrusfaarf virun engem kinneklech-violette Hannergrond. Dat déift elektrescht Violett erënnert un den Nuetshimmel, während zitrounegiel Akzenter wéi frësch Zitrusschuel géint eng propper wäiss Uewerfläch glänzen.
  • Textla — Sonnegen Retro Botaneschen Almanach - Crèmegiel Säit an donkelgréng gedréckt mat Illustratioune vu Kakteen, déi a schaarfen, offset Schied duergestallt sinn
  • AI for Business — Brutalistesche redaktionelle Showroom a waarme groe Téin
  • Superhuman — Redaktiounspanel vun der gëllener Stonn
  • Visitors — wäiss Ingenieurszeechnung
  • Vercel — Terminal op wäissem Pabeier gedréckt
  • Jeton — Editorial iwwer Fintech op waarmem Marmer
  • Say Briefly — Skizzenbuch vun der Kreativagentur op Crèmepabeier
  • ClickUp — En mächtegt Dashboard op wäissem Marmer. D'Säit ass eng Produktbroschür fir en Produktivitéitsinstrument, sou datt d'visuell Sprooch vum Produkt selwer iwwerholl gëtt: dicht Lëschten, Statusindikatoren, Gruppe vun Avataren a fettgedréckte typographesch Aussoen, déi ausgesinn wéi eng Produktspezifikatioun um Display.