Foodnoms
Slunečný ovocný trh na bílém porcelánu - teplé pomeranče, svěží zelenina a objemné zaoblené tvary
Foodnoms používá pro sledování výživy lehký marketingový jazyk: čisté bílé plátno, nadrozměrné makety telefonů jako vizuální kotvy a hravý barevný slovník, kde barvy představují živiny a pokrok. Dvoubarevné schéma záhlaví (jedna barva pro klíčové slovo, tmavý grafit pro zbytek) umožňuje rychlé posouzení hodnotové nabídky. Systém se spoléhá na displej pro jednoho uživatele (Aquawax Pro) s výrazně zaoblenými geometrickými prvky, které zjemňují obrazovky aplikací plné dat. Většina povrchů je plochá a bez stínů; jednotný poloměr rohů dodává tlačítkům, kartám a štítkům přátelský a měkký pocit, díky čemuž je sledování zdraví spíše přístupné než klinické.
Stránka má jednosloupcové, centrované rozvržení na celou šířku (~1200 px) s velkorysým vertikálním rytmem. Záhlaví tvoří tenký horní panel s logem vlevo, navigací vycentrovanou a vyplněným oranžovým akčním tlačítkem vpravo. Hlavní sekce je centrovaná: dvoubarevný nadpis, jednořádkový podnadpis, ikona App Storu a poté řada 3–5 maket telefonů rozložených po celé šířce. Pod hlavní sekcí je centrovaná sekce s logem tiskové zprávy „Jak doporučeno“ v mřížce 2x3. Hlavní sekce se opakují podle vzoru: dvousloupcový text + maketa telefonu, střídavě se strany, s nadpisy zvýrazněných sekcí v oranžovozelené barvě. Posledním prvkem před patičkou je karta s výzvou k akci, kterou lze stáhnout na celou šířku. Mezery mezi sekcemi jsou velkorysé (96 px), což vytváří prostorný dojem galerie. Navigace je minimalistický horní panel – žádný postranní panel ani mega menu.
Vizuálnímu jazyku aplikace dominují vysoce kvalitní makety rámečků z iPhonu, které prezentují funkční rozhraní aplikace – jedná se o primární prvky, nikoli o fotografie z fotobanky. Makety jsou zobrazeny téměř zcela průhledně, rozprostřeny s mírným překrytím a plynulým otáčením a umístěny přímo na bílém pozadí. Vizuální složku v maketách zajišťuje vlastní rozhraní aplikace: nutriční informace, fotografie produktů, makro kroužky a barevné štítky kategorií. Jediným fotografickým obsahem jsou obrázky jídla odeslané uživateli, které jsou viditelné na obrazovce fotoaparátu aplikace Skenujte své jídlo. Nenajdete zde žádné fotografie životního stylu, žádné abstraktní ilustrace ani dekorativní grafiku. Branding je zcela definován vlastním písmem, oranžovo-zeleno-tmavým barevným schématem a vlastním rozhraním aplikace.
Paleta
Značka
- Ember Orange
#ff5406— Oranžová se používá jako sekundární akcent pro dekorativní detaily a pro zvýraznění méně častých signálů. Neměla by se používat jako primární barva pro výzvy k akci.
Neutrální
- Graphite
#2f2f2f— Primární text, tmavá tlačítka (ikona App Storu) a obrysy ikon. Převládající nebílá barva v nadpisech a textu. - Verdant Green
#00b33f— Zelená barva slouží jako další akcent pro dekorativní detaily a zdůraznění nízkých frekvencí. - Signal Red-Orange
#ff3400— Sekundární teplý akcent, viditelný v prvcích uživatelského rozhraní obrazovky aplikace a souvisejícím brandingu. O jeden tón teplejší než Ember Orange, zdůrazňuje vybrané nebo aktivní stavy aplikace. - Sky Blue
#00a9dd— Příjemný kontrast pro interní datové kategorie aplikace (sacharidy/bílkoviny/další skupiny živin). Vyvažuje teplou, dominantní barevnou paletu v rozvržení telefonu. - Mist Blue
#72a2c5— Tlumený studený akcent – Změkčuje nebesky modrou barvu pro další popisky dat a pozadí grafů v aplikaci. - Sunset Orange
#ff6d00— Teplý akcent pro sekundární nadpisy a zvýrazněný text na marketingových stránkách.
Typografie
od 12 do 60 pixelů · 7 kroků
- Aquawax Pro Medium — nahrazení: Inter · obrysy 500 · Aquawax Pro Medium – Nalezeno v extrahovaných datech, ale umělá inteligence jej nepopsala.
- Aquawax Pro — nahrazení: Nunito Sans · obrysy 700, 500, 600 · Primární písmo značky používané ve všech kontextech, včetně nadpisů a textu textu. Toto písmo navržené na míru se vyznačuje širokou výškou písmen, zaoblenými geometrickými tvary a pohodlnými proporcemi. Tučné písmo (700) se používá pro nadpisy a sekce – typografické orientační body systému. Polotučné písmo (600) se používá pro podnadpisy a popisky tlačítek o velikosti 14–1,8 mm. Střední písmo (500) se používá pro text textu o velikosti 17–1,8 mm s dostatečným řádkováním 1,6–1,8 mm pro pohodlné čtení.
- System sans-serif — nahrazení: Inter · obrysy 400, 700 · Pro velmi malý text a text ikon v uživatelském rozhraní se používá záložní možnost. Aquawax Pro se nepoužívá v mikro velikostech; systémové písmo je zpracovává pro snížení hmotnosti při vykreslování.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | prostorný |
| Základní krok | 20px |
| Poloměr tlačítka | 26px |
| Poloměr karty | 26px |
| Stíny | ne - okraje místo stínů |
| Mezi sekcemi | 96px |
| Šířka stránky | 1200px |
Umělá inteligence vám vytvoří web ve stylu Foodnoms a naplní ho
- Doplňujte produkty a příspěvky přes odkaz - Instagram, TikTok, Facebook.
- Přeneste obsah ze starého webu – stačí zadat adresu.
- Moderní design na nejlepším enginu: React ( Next.js) s renderováním na serveru a SEO optimalizací ihned po vybalení.
- Plně automatizovaná SEO optimalizace pro výsledky vyhledávání a doporučení neuronových sítí.
Podobné styly
- Slite — Teplý pergamenový zápisník s terakotovou rukojetí – každý povrch je z krémového papíru, každý detail je v jemném oranžovém nádechu.
- Adora — Muzeum impresionismu za matným sklem
- Bento — Bento krabička na svačinu na sluncem zalitém linoleu. Na teplém, krémovém lněném plátně pod výrazným geometrickým názvem leží mřížka zaoblených kartiček připomínajících samolepky v limetkové, levandulové, kobaltové a vínové barvě, každá s obrysy hustým černým inkoustem.
- Payments — Zářivý citrusový odstín na královsky fialovém pozadí. Tmavá elektrická fialová evokuje noční oblohu, zatímco citronově žluté akcenty se třpytí jako svěží citrusová kůra na čistě bílém povrchu.
- Textla — Slunečný retro botanický almanach - krémově žlutá stránka vytištěná tmavě zelenou barvou s ilustracemi kaktusů vykreslenými v ostrých, odsazených stínech
- AI for Business — Brutalistický redakční showroom v teplých šedých tónech
- Superhuman — redakční panel zlaté hodinky
- Visitors — bílý technický výkres
- Vercel — Terminál vytištěný na bílém papíře
- Jeton — Úvodník o fintech technologiích na teplém mramoru
- Say Briefly — Skicák kreativní agentury na krémovém papíře
- ClickUp — Výkonný dashboard na bílém mramoru. Stránka je produktovou brožurou pro nástroj pro produktivitu, takže vizuální jazyk je převzat ze samotného produktu: husté seznamy, indikátory stavu, skupiny avatarů a tučné typografické texty, které vypadají jako vystavená specifikace produktu.