Foodnoms
Slnečný ovocný trh na bielom porceláne - teplé pomaranče, svieža zelenina a objemné zaoblené tvary
Foodnoms používa na sledovanie výživy ľahkovážny marketingový jazyk: čisté biele plátno, nadrozmerné makety telefónov ako vizuálne kotvy a hravý farebný slovník, kde farby predstavujú živiny a pokrok. Dvojfarebná schéma hlavičky (jedna farba pre kľúčové slovo, tmavý grafit pre zvyšok) umožňuje rýchle posúdenie hodnotovej ponuky. Systém sa spolieha na displej pre jedného používateľa (Aquawax Pro) s výrazne zaoblenými geometrickými prvkami, ktoré zjemňujú obrazovky aplikácií zaťažené dátami. Väčšina povrchov je plochá a bez tieňov; jednotný polomer rohov dodáva tlačidlám, kartám a štítkom príjemný, jemný pocit, vďaka čomu sa sledovanie zdravia zdá byť prístupnejšie ako klinické.
Stránka má jednostĺpcové, centrované rozloženie na celú šírku (~1200px) s veľkorysým vertikálnym rytmom. Hlavička je tenký horný panel s logom vľavo, navigáciou vycentrovanou a vyplneným oranžovým akčným tlačidlom vpravo. Hlavná sekcia je centrovaný zásobník: dvojfarebný názov, jednoriadková podhlavička, ikona App Store a potom rad 3-5 makiet telefónov rozložených po celej šírke. Pod hlavnou sekciou sa nachádza centrovaná sekcia s logom tlačovej správy „Ako odporúčané“ v mriežke 2x3. Hlavné sekcie sa riadia opakujúcim sa vzorom: dvojstĺpcový text + maketa telefónu, striedajúce sa strany, s nadpismi zvýrazňujúcich sekcií v oranžovej/zelenej farbe. Posledným prvkom pred pätou je karta s výzvou na akciu na stiahnutie na celú šírku. Odstupy medzi sekciami sú veľkorysé (96px), čo vytvára priestranný dojem galérie. Navigácia je minimalistický horný panel - žiadny bočný panel ani mega menu.
Vizuálnemu jazyku aplikácie dominujú vysokokvalitné makety rámčekov pre iPhone, ktoré zobrazujú pracovné rozhranie aplikácie – ide o primárne prvky, nie o fotografie z fotobanky. Makety sú zobrazené s takmer úplnou priehľadnosťou, rozložené s miernym prekrytím a plynulým otáčaním a umiestnené priamo na bielom pozadí. V rámci makiet je vizuálna zložka zabezpečená vlastným rozhraním aplikácie: nutričné informácie, fotografie produktov, makro krúžky a farebné štítky kategórií. Jediným fotografickým obsahom sú obrázky jedál odoslané používateľmi, ktoré sú viditeľné na obrazovke fotoaparátu aplikácie Skenujte svoje jedlo. Nenachádzajú sa tu žiadne fotografie životného štýlu, žiadne abstraktné ilustrácie ani žiadna dekoratívna grafika. Branding je úplne definovaný vlastným písmom, oranžovo-zeleno-tmavou farebnou schémou a vlastným rozhraním aplikácie.
Paleta
Značka
- Ember Orange
#ff5406— Oranžová sa používa ako sekundárny akcent pre dekoratívne detaily a na zvýraznenie menej častých podnetov. Nemala by sa používať ako primárna farba pre výzvy na akciu.
Neutrálny
- Graphite
#2f2f2f— Hlavný text, tmavé tlačidlá (ikona App Store) a obrysy ikon. Prevládajúca nebiela farba v nadpisoch a texte. - Verdant Green
#00b33f— Zelená farba slúži ako dodatočný akcent pre dekoratívne detaily a na zvýraznenie nízkych frekvencií. - Signal Red-Orange
#ff3400— Sekundárny teplý akcent, viditeľný v prvkoch používateľského rozhrania obrazovky aplikácie a súvisiacom brandingu. O jeden tón teplejší ako Ember Orange, zdôrazňuje vybrané alebo aktívne stavy aplikácie. - Sky Blue
#00a9dd— Príjemný kontrast pre interné dátové kategórie aplikácie (sacharidy/bielkoviny/iné skupiny živín). Vyvažuje teplú, dominantnú farebnú paletu v rozložení telefónu. - Mist Blue
#72a2c5— Tlmený studený akcent – Zjemňuje nebesky modrú farbu pre ďalšie popisky údajov a pozadia grafov v aplikácii. - Sunset Orange
#ff6d00— Teplý akcent pre sekundárne nadpisy a zvýraznený text na marketingových stránkach.
Typografia
od 12 do 60px · 7 krokov
- Aquawax Pro Medium — náhrada: Inter · obrysy 500 · Aquawax Pro Medium – Nachádza sa v extrahovaných dátach, ale umelá inteligencia ho neopísala.
- Aquawax Pro — náhrada: Nunito Sans · obrysy 700, 500, 600 · Primárne písmo značky používané vo všetkých kontextoch vrátane nadpisov a textu textu. Toto písmo navrhnuté na mieru sa vyznačuje širokou výškou písmen, zaoblenými geometrickými tvarmi a pohodlnými proporciami. Tučné písmo (700) sa používa pre nadpisy a sekcie – typografické orientačné body systému. Polotučné písmo (600) sa používa pre podnadpisy a popisy tlačidiel s veľkosťou 14 – 1,8 mm. Stredné písmo (500) sa používa pre text textu s veľkosťou 17 – 1,8 mm s dostatočným riadkovaním 1,6 – 1,8 mm pre pohodlné čítanie.
- System sans-serif — náhrada: Inter · obrysy 400, 700 · Pre veľmi malý text a text ikon v používateľskom rozhraní sa používa záložná možnosť. Aquawax Pro sa nepoužíva pri mikro veľkostiach; systémové písmo ich spracováva, aby sa znížila hmotnosť pri vykresľovaní.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | priestranný |
| Základný krok | 20px |
| Polomer tlačidla | 26px |
| Polomer karty | 26px |
| Tiene | nie - okraje namiesto tieňov |
| Medzi sekciami | 96px |
| Šírka stránky | 1200px |
Umelá inteligencia vytvorí vašu webovú stránku v štýle Foodnoms a naplní ju
- Doplňte produktmi a príspevkami cez odkaz - Instagram, TikTok, Facebook.
- Preneste obsah zo svojej starej stránky – stačí zadať adresu.
- Moderný dizajn na najlepšom engine: React ( Next.js) s vykresľovaním servera a SEO optimalizáciou hneď po vybalení.
- Plne automatizovaná SEO optimalizácia pre výsledky vyhľadávania a odporúčania neurónových sietí.
Podobné štýly
- Slite — Teplý pergamenový zápisník s terakotovou rúčkou – každý povrch je z krémového papiera, každý detail je s jemným oranžovým nádychom.
- Adora — Múzeum impresionizmu za matným sklom
- Bento — Bento obedár na slnkom zaliatom linoleu. Mriežka zaoblených kartičiek pripomínajúcich nálepky v limetkovej, levanduľovej, kobaltovej a bordovej farbe, každá obrysovaná hustým čiernym atramentom, leží na teplom, krémovom ľane pod výrazným geometrickým názvom.
- Payments — Žiarivý citrusový odtieň na kráľovsky fialovom pozadí. Hlboká elektrická fialová evokuje nočnú oblohu, zatiaľ čo citrónovožlté akcenty sa trblietajú ako svieža citrusová kôra na čistom bielom povrchu.
- Textla — Slnečný retro botanický almanach - krémovo žltá stránka vytlačená tmavozelenou farbou s ilustráciami kaktusov vykreslených v ostrých, odsadených tieňoch
- AI for Business — Brutalistická redakčná showroom v teplých sivých tónoch
- Superhuman — redakčný panel zlatej hodinky
- Visitors — biely technický výkres
- Vercel — Terminál vytlačený na bielom papieri
- Jeton — Úvodník o fintech na teplom mramore
- Say Briefly — Skicár kreatívnej agentúry na krémovom papieri
- ClickUp — Výkonný dashboard na bielom mramore. Stránka je produktovou brožúrou pre nástroj produktivity, takže vizuálny jazyk je prevzatý zo samotného produktu: husté zoznamy, indikátory stavu, skupiny avatarov a tučné typografické vyhlásenia, ktoré vyzerajú ako vystavená špecifikácia produktu.