LUNCH
baršunasti podij na toplom pergamentu
KONCEPT RUČKA čita se kao štampani modni editorijal preveden na web: tamni, glavni foto element preko cijele stranice, gdje je logo brenda predstavljen kao uvećani 3D tekst s hromiranim akcentima, nakon čega slijedi mirna, katalogizirana galerija proizvoda na toplom pergamentu. Stranica se izmjenjuje između filmske konfrontacije i tihe suzdržanosti - glavni element napada, glavni dio šapuće. Jedna, prigušena boja lavande pojavljuje se samo u reklamnom retku, u stanju "Rasprodano" i u podnožju, služeći kao izjava brenda, a ne kao povik. Jedan, prepoznatljivi sans-serif font (Good Sans) koristi se prvenstveno u skromnim veličinama, a glavni logo je jedini trenutak tipografskog spektakla. Interakcija se odvija isključivo putem tekstualnih linkova: nema ispunjenih dugmadi, nema gradijenta, nema dekorativnog hroma, osim 3D logotipa glavnog elementa.
Maksimalna širina ~1280px za centrirane odjeljke sadržaja; naslov stranice se proteže preko cijele širine stranice od ruba do ruba. Ritam stranice: tamni naslov stranice koji se proteže preko cijele širine stranice (visina prikaza) → centriran uvodni tekst na tamnoj pozadini → mreža proizvoda od 4-5 kolona na istoj pozadini → lila veo traka u podnožju. 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 gust raspored s unutarnjim poravnanjem, bez uvlačenja između slika ili vizualnog razdvajanja. Uvodni tekst je uska, centrirana kolona (~600-700px) s velikodušnim vertikalnim prostorom (60-80px) iznad i ispod. Ukupna gustoća: prostrana u uredničkim odjeljcima, komprimirana u mreži proizvoda.
Urednička modna fotografija dominira dizajnom: glavna slika sadrži tamne, visokokontrastne fotografije modela (tmurno studijsko osvjetljenje, 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 su fotografisani na svijetlo sivoj/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 hromirani logo preklapa se preko objekta. Slike proizvoda u mreži održavaju konzistentan odnos visine i širine u cijelom redu. Nema ilustracija ili ikona, osim minimalne tekstualne navigacije. Vizuelni jezik je: snimaj dobro, oštro izrezuj i neka fotografija bude lice brenda.
Paleta
Brend
- Lilac Veil
#b8aad0— Ljubičasta ispuna za istaknutu pozadinu, ukrasne pruge i blagi naglasak iza sadržaja.
Neutralno
- Ink Black
#000000— Sav tekst u tijelu stranice, tekst za navigaciju, okviri linkova, okviri kartica i okviri ikona čine strukturnu liniju cijelog interfejsa. - 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 preko tamnog glavnog elementa, suptilna nijansa teksture i suptilni okviri pružaju topliju alternativu čisto bijeloj boji za korisnički interfejs 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 o proizvodima, linkove i sav tekst korisničkog interfejsa. Sistem dvostruke težine (obična 400 za glavni tekst/naslove, podebljana 700 za nazive brendova, cijene i istaknute dijelove) stvara hijerarhiju bez povećanja veličine. Pozitivan razmak između slova gotovo bez nule č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, hromirani tekst "RUČAK" koji služi kao osnova za tekst tijela preko cijelog ekrana. Koristi se tač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 dugmeta | 0px |
| Radijus kartice | 0px |
| Sjene | ne - okviri umjesto sjena |
| Između sekcija | 60-80px |
| Širina stranice | 1280px |
Vještačka inteligencija će izgraditi vašu web stranicu u LUNCH stilu i popuniti je
- Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
- Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretrage i preporuke neuronskih mreža.
Slični stilovi
- MindMarket — Ugodna bajkovita knjiga na krem papiru - prijateljsko uredničko platno gdje veliki naslovi Intera i izrezani likovi od papira koegzistiraju na suncem okupanoj, mekoj površini poput naljepnice.
- Lamborghini — Crna boja karoserije u salonu, pod reflektorima - jedan žuti automobil
- amp — Topla narandžasta na hladno bijeloj pozadini. Dizajn podsjeća na vrhunski fitnes proizvod fotografiran u suncem okupanom potkrovlju: jedan predmet, jedan akcenat, jedan samouvjereni font koji obavlja sav posao.
- IKEA — Suncem okupani 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 — Skyborne ljekarna na bijelom mramoru - tamnoplava tinta je malter, a dugin spektar je lijek
- Isla Beauty — Kremasti apotekarski stil s akcentima hirurške crvene - zamislite tople pergamentne zidove, ćilibarne 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 ugljem
- Structured — Renesansna galerija na papiru sličnom plastelinu
- Apple (España) — Muzejska galerija, okupana blagim dnevnim svjetlom, predstavlja jedinstven, očaravajući, bestežinski bijeli prostor, gdje svaki eksponat osvijetli reflektor naspram lagano zatamnjenog zida.
- Amplemarket — Suncem okupano radno mjesto posuto konfetima