LUNCH
baršunasti podij na toplom pergamentu
KONCEPT RUČKA čita se poput tiskanog modnog editorijala prevedenog na web: tamni, glavni foto element preko cijele stranice, gdje je logotip brenda predstavljen kao uvećani 3D tekst s kromiranim naglascima, nakon čega slijedi mirna, katalogizirana galerija proizvoda na toplom pergamentu. Stranica izmjenjuje filmsku konfrontaciju i tihu suzdržanost - glavni element napada, glavni dio šapuće. Jedna, prigušena boja lavande pojavljuje se samo u retku oglasa, u stanju "Rasprodano" i u podnožju, služeći kao izjava brenda, a ne kao povik. Jedan, prepoznatljivi font bez serifa (Good Sans) koristi se prvenstveno u skromnim veličinama, a glavni logotip jedini je trenutak tipografskog spektakla. Interakcija se odvija isključivo putem tekstualnih poveznica: bez ispunjenih gumba, bez gradijenata, bez dekorativnog kroma, osim 3D logotipa glavnog elementa.
Maksimalna širina ~1280px za centrirane odjeljke sadržaja; naslov stranice proteže se cijelom širinom stranice od ruba do ruba. Ritam stranice: tamni naslov stranice koji se proteže cijelom širinom stranice (visina prikaza) → centriran uvodni tekst na tamnoj pozadini → mreža proizvoda s 4-5 stupaca na istoj pozadini → lila veo traka podnožja. Navigacija se nalazi kao tanka tekstualna traka iznad naslova stranice (svijetli tekst na tamnoj pozadini) i iznad uvodnog teksta (tamni tekst na svijetloj pozadini). Mreža proizvoda ima gusti raspored s unutarnjim poravnanjem, bez uvlačenja između slika ili vizualnog odvajanja. Uvodni tekst je uski, centriran stupac (~600-700px) s velikodušnim vertikalnim prostorom (60-80px) iznad i ispod. Ukupna gustoća: prostrano u uredničkim odjeljcima, komprimirano u mreži proizvoda.
Urednička modna fotografija dominira dizajnom: glavna slika sadrži tamne, visokokontrastne fotografije modela (tmurna studijska rasvjeta, avangardni stil - crveni kožni korzeti, karirani uzorci, upečatljive poze), dok mreža sadrži oštre snimke proizvoda/lookbooka na ravnoj, neutralnoj pozadini (modeli i proizvodi fotografirani su na svijetlosivoj/bijeloj pozadini, bez konteksta životnog stila). Slike imaju oštre rubove, nulti radijus i čvrsto su poravnate sa susjednim slikama u mreži. Glavna slika zauzima sva četiri ruba prikaza, a 3D kromirani logotip preklapa se preko objekta. Slike proizvoda u mreži održavaju dosljedan omjer visine i širine u cijelom retku. Nema ilustracija ili ikona, osim minimalne tekstualne navigacije. Vizualni jezik je: dobro snimaj, oštro izrezuj i neka fotografija bude lice brenda.
Paleta
Robna marka
- Lilac Veil
#b8aad0— Ljubičasta ispuna za istaknutu pozadinu, ukrasne pruge i blagi naglasak iza sadržaja.
Neutralno
- Ink Black
#000000— Sav tekst tijela, navigacijski tekst, okviri poveznica, okviri kartica i okviri ikona čine strukturnu liniju cijelog sučelja. - Warm Parchment
#f4f1e4— Pozadina stranica i odjeljaka u uredničkom/proizvodnom području je mirna podloga na kojoj su postavljene fotografije proizvoda. - Ivory Mist
#fcfaf1— Boja navigacijskog teksta na vrhu tamnog glavnog elementa, suptilna nijansa teksture i suptilni obrubi pružaju topliju alternativu čisto bijeloj boji za korisničko sučelje u tamnom dijelu.
Tipografija
od 12 do 72px · 5 koraka
- Good Sans — zamjena: Söhne · obrisi 400, 700 · Univerzalni font za navigaciju, glavni tekst, metapodatke proizvoda, poveznice i sav tekst korisničkog sučelja. Sustav dvostruke težine (obična 400 za glavni tekst/naslove, podebljana 700 za nazive robnih marki, cijene i isticanja) stvara hijerarhiju bez povećanja veličine. Gotovo nulti pozitivni razmak između slova čini ga više uredničkim nego geometrijskim.
- Redaction — zamjena: GT Sectra Display Bold · obrisi 700 · Samo za tekst tijela – Ovo je prilagođeni font za veliki, kromirani tekst "LUNCH" koji služi kao osnova za tekst tijela preko cijelog zaslona. Koristi se točno jednom po stranici; to je tipografski potpis, a ne komponenta za višekratnu upotrebu.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | gust |
| Osnovni korak | 20-30px |
| Radijus gumba | 0px |
| Radijus kartice | 0px |
| Sjene | ne - obrubi umjesto sjena |
| Između odjeljaka | 60-80px |
| Širina stranice | 1280px |
Umjetna inteligencija će izraditi vašu web stranicu u LUNCH stilu i ispuniti je
- Popunite proizvodima i objavama putem poveznice - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa svoje stare web-lokacije - samo navedite adresu.
- Moderan dizajn na najboljem engineu: React ( Next.js) s renderiranjem na serveru i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretraživanja i preporuke neuronskih mreža.
Slični stilovi
- MindMarket — Ugodna bajkovita knjiga na krem papiru - prijateljsko uredničko platno gdje veliki Interovi naslovi i izrezani papirnati likovi koegzistiraju na suncem okupanoj, mekoj površini poput naljepnica.
- Lamborghini — Crna boja karoserije u salonu, pod reflektorima - jedan žuti automobil
- amp — Topla narančasta na hladno bijeloj pozadini. Dizajn podsjeća na vrhunski fitness proizvod fotografiran u suncem okupanom potkrovlju: jedan predmet, jedan naglasak, jedan samouvjereni font koji obavlja sav posao.
- IKEA — suncem okupani izložbeni salon švedskog namještaja u rastavljenom obliku
- Microsoft — Maloprodajni katalog koristi prepoznatljivu plavu boju - zamislite kvadratni logo na bijelom podu izložbenog salona, gdje je svaki element dizajna u plavoj boji.
- Vibrants — Ljekarna Skyborne na bijelom mramoru - tamnoplava tinta je mort, a dugin spektar je lijek
- Isla Beauty — Kremasti ljekarnički stil s akcentima kirurški crvene boje - zamislite tople pergamentne zidove, jantarne boce i jedan crveni pečat na svakoj etiketi.
- Swap — Galerija uredništva Mint: Svijetle nijanse kadulje u sobama sa svijetlim limeta akcentima i suptilnim serifima
- Cursor — Ugodna radionica za pergament, osvijetljena tinjajućim ugljenom
- Structured — Renesansna galerija na papiru sličnom plastelinu
- Apple (España) — Muzejska galerija, u mekom dnevnom svjetlu, jedinstven je, očaravajući, bestežinski bijeli prostor, a svaki je eksponat osvijetljen reflektorom naspram lagano zatamnjenog zida.
- Amplemarket — Suncem okupano radno mjesto posuto konfetima