Foodnoms
Napos gyümölcspiac fehér porcelánon - meleg narancsok, friss zöldségek és terjedelmes, lekerekített formák
A Foodnoms könnyed marketingnyelvet kínál a táplálkozáskövetéshez: letisztult fehér vászon, túlméretezett telefonmakettek vizuális horgonyként, és játékos színkészlet, ahol a színek a tápanyagokat és a fejlődést jelképezik. A kétszínű fejlécséma (egy szín a kulcsszóhoz, sötét grafit a többihez) lehetővé teszi az értékajánlat gyors felmérését. A rendszer egyetlen felhasználói kijelzőre (Aquawax Pro) támaszkodik, amelynek jellegzetesen lekerekített geometriai jellemzői lágyítják az adat-nehéz alkalmazásképernyőket. A legtöbb felület sík és árnyékmentes; az egyenletes sarokrádiusz barátságos, lágy érzetet kölcsönöz a gomboknak, kártyáknak és címkéknek, így az egészségkövetés könnyebben hozzáférhetőnek, mint klinikainak érződik.
Az oldal egyhasábos, középre igazított, teljes szélességű (~1200 képpontos) elrendezést tartalmaz, nagyvonalú függőleges ritmussal. A fejléc egy vékony felső sáv, bal oldalon a logóval, középen a navigációval, jobb oldalon pedig egy kitöltött narancssárga akciógombbal. A fő rész egy középre igazított halom: egy kétszínű cím, egy egysoros alfejléc, egy App Store ikon, majd egy sor 3-5 telefonmodellből álló sor, amely a szélességben elosztva található. A fő rész alatt egy középre igazított "Ajánlott" sajtólogó rész található egy 2x3-as rácsban. A kiemelt részek ismétlődő mintát követnek: kéthasábos szöveg + telefonmodell, váltakozó oldalakkal, narancssárga/zöld kiemelő szakaszcímekkel. A lábléc előtti utolsó elem egy teljes szélességű, letölthető cselekvésre ösztönző kártya. A részek közötti szegélyek nagyok (96 képpont), tágas, galériaszerű érzetet keltve. A navigáció egy minimalista felső sáv - nincs oldalsáv vagy mega menü.
Az alkalmazás vizuális nyelvét kiváló minőségű iPhone-keretmockupok uralják, amelyek az alkalmazás működési felületét mutatják be – ezek az elsődleges elemek, nem pedig stock fotók. A mockupok szinte teljesen átlátszóak, enyhe átfedéssel és egyenletes forgatással jelennek meg, és közvetlenül fehér háttéren helyezkednek el. A mockupokon belül a vizuális komponenst az alkalmazás saját felülete biztosítja: tápértékinformációk, termékfotók, makrógyűrűk és színes kategóriacímkék. Az egyetlen fényképes tartalom a felhasználók által beküldött ételfotók, amelyek a Scan Your Food alkalmazás kamerájának képernyőjén láthatók. Nincsenek életstílus fotók, nincsenek absztrakt illusztrációk, nincsenek dekoratív grafikák. A márkaépítést teljes mértékben az egyéni betűtípus, a narancssárga/zöld/sötét színséma és az alkalmazás saját felülete határozza meg.
Paletta
Márka
- Ember Orange
#ff5406— A narancssárga másodlagos hangsúlyként szolgál dekoratív részleteknél és ritka jelzések kiemelésére. Nem szabad elsődleges színként használni cselekvésre ösztönzésekhez.
Semleges
- Graphite
#2f2f2f— Elsődleges szöveg, sötét gombok (App Store ikon) és ikon körvonalai. A címsorokban és a szöveg törzsében domináns, nem fehér szín. - Verdant Green
#00b33f— A zöld szín további hangsúlyt fektet a dekoratív részletekre és az alacsony frekvenciák hangsúlyozására. - Signal Red-Orange
#ff3400— Egy másodlagos meleg hangsúly, amely az alkalmazás képernyőjének felhasználói felületének elemeiben és a kapcsolódó márkajelzésben látható. Egy árnyalattal melegebb, mint az Ember Orange, kiemeli a kiválasztott vagy aktív alkalmazásállapotokat. - Sky Blue
#00a9dd— Kellemes kontrasztot alkot az alkalmazás belső adatkategóriái (szénhidrátok/fehérjék/egyéb tápanyagcsoportok) között. Kiegyensúlyozza a telefon elrendezéseinek meleg, domináns színpalettáját. - Mist Blue
#72a2c5— Tompított, hűvös akcentus – Lágyítja az égszínkék színt a további adatfeliratok és diagramháttér megjelenítéséhez az alkalmazáson belül. - Sunset Orange
#ff6d00— Meleg hangsúly a másodlagos címsorokban és a kiemelt szövegben a marketingoldalakon.
Tipográfia
12-től 60 képpontig · 7 lépésben
- Aquawax Pro Medium — csere: Inter · körvonalak 500 · Aquawax Pro Medium – Megtalálható a kinyerett adatokban, de a mesterséges intelligencia nem írja le.
- Aquawax Pro — csere: Nunito Sans · körvonalak 700, 500, 600 · Az elsődleges márkabetűtípus, amelyet minden kontextusban használnak, beleértve a címsorokat és a törzsszöveget is. Ez az egyedi tervezésű betűtípus széles betűmagasságokat, lekerekített geometriai formákat és kényelmes arányokat kínál. A félkövér (700) betűtípust címsorokhoz és szakaszokhoz – a rendszer tipográfiai jellegzetességeihez – használják. A félkövér (600) betűtípust alcímekhez és gombfeliratokhoz használják 14–1,8 mm-es szélességben. A közepes (500) betűtípust a törzsszöveghez használják 17–1,8 mm-es szélességben, elegendő 1,6–1,8 mm-es sorközzel a kényelmes olvasás érdekében.
- System sans-serif — csere: Inter · körvonalak 400, 700 · A felhasználói felület nagyon apró szövegeihez és ikonszövegeihez egy tartalék opciót használunk. Az Aquawax Pro nem használatos mikro méreteknél; a rendszerbetűtípus kezeli ezeket a renderelési súly csökkentése érdekében.
Intervallumok és forma
| Cél | Jelentés |
|---|---|
| Sűrűség | tágas |
| Alapvető lépés | 20px |
| Gomb sugara | 26px |
| Kártya sugara | 26px |
| Árnyékok | nincs - szegélyek árnyékok helyett |
| Szakaszok között | 96px |
| Oldal szélessége | 1200px |
A mesterséges intelligencia Foodnoms stílusban fogja elkészíteni a weboldaladat, és kitölti azt.
- Töltsd fel termékeidet és posztjaidat a linkeken keresztül - Instagram, TikTok, Facebook.
- Tartalom átvitele régi webhelyéről – csak adja meg a címet.
- Modern dizájn a legjobb keresőmotoron: React ( Next.js) szerveralapú rendereléssel és SEO optimalizálással, azonnal használható formában.
- Teljesen automatizált SEO optimalizálás a keresési eredményekhez és a neurális hálózati ajánlásokhoz.
Hasonló stílusok
- Slite — Egy meleg, pergamenből készült jegyzetfüzet terrakotta fogantyúval – minden felülete krémszínű papír, minden részlete finom narancssárga árnyalatú.
- Adora — Az impresszionizmus múzeuma matt üveg mögött
- Bento — Bento uzsonnásdoboz napsütötte linóleumon. Meleg, krémszínű vászonra vastag fekete tintával körvonalazott, lekerekített, matricaszerű kártyákból álló rács fekszik, merész, geometrikus cím alatt.
- Payments — Élénk citrusos árnyalat királyi lila háttér előtt. A mély elektromos lila az éjszakai égboltot idézi, míg a citromsárga részletek friss citrushéjként csillognak a tiszta fehér felület előtt.
- Textla — Napos Retro Botanikus Almanach - Krémsárga oldal sötétzöld nyomtatásban, kaktuszok éles, eltolt árnyékokkal ábrázolt illusztrációival
- AI for Business — Brutalista szerkesztői bemutatóterem meleg szürke árnyalatokban
- Superhuman — aranyóra szerkesztőbizottság
- Visitors — fehér mérnöki rajz
- Vercel — Fehér papírra nyomtatott terminál
- Jeton — Vezércikk a fintechről a meleg márványon
- Say Briefly — Kreatív ügynökségi vázlatfüzet krémszínű papíron
- ClickUp — Egy hatékony, fehér márványon alapuló műszerfal. Az oldal egy hatékonyságnövelő eszköz termékismertetője, így a vizuális nyelvet magától a terméktől kölcsönöztük: sűrű listák, állapotjelzők, avatarcsoportok és félkövér tipográfiai utasítások, amelyek egy kihelyezett termékleírásra hasonlítanak.