LUNCH
žametni podij na toplem pergamentu
KONCEPT KOSILA se bere kot tiskan modni uvodnik, preveden na splet: temen, celostranski glavni element fotografije, kjer je logotip blagovne znamke predstavljen kot povečano 3D besedilo s kromiranimi poudarki, ki mu sledi mirna, katalogu podobna galerija izdelkov na toplem pergamentu. Stran se izmenjuje med filmsko konfrontacijo in tiho zadržanostjo – glavni element napada, glavni del šepeta. Ena sama, umirjena barva sivke se pojavi le v oglasni vrstici, v stanju»Razprodano« in v nogi, ki služi kot izjava blagovne znamke in ne kot krik. Ena sama, značilna pisava sans-serif (Good Sans) se uporablja predvsem v skromnih velikostih, glavni logotip pa je edini trenutek tipografskega spektakla. Interakcija poteka izključno prek besedilnih povezav: brez zapolnjenih gumbov, brez prelivov, brez dekorativnega kroma, razen 3D logotipa glavnega elementa.
Največja širina ~1280 slikovnih pik za centrirane razdelke z vsebino; naslov strani se razteza čez celotno širino strani od roba do roba. Ritem strani: temen naslov strani, ki se razteza čez celotno širino strani (višina vidnega polja) → centrirano uvodno besedilo na temnem ozadju → mreža izdelkov s 4–5 stolpci na istem ozadju → lila tančica v pasu noge. Navigacija se nahaja kot tanek besedilni trak nad naslovom strani (svetlo besedilo na temnem ozadju) in nad uvodnim besedilom (temno besedilo na svetlem ozadju). Mreža izdelkov ima gosto postavitev z notranjo poravnavo, brez zamikov med slikami ali vizualne ločitve. Uvodno besedilo je ozek, centriran stolpec (~600–700 slikovnih pik) z veliko navpičnim prostorom (60–80 slikovnih pik) zgoraj in spodaj. Skupna gostota: prostorna v uredniških razdelkih, stisnjena v mreži izdelkov.
V oblikovanju prevladuje uredniška modna fotografija: glavna slika prikazuje temne, visokokontrastne fotografije modelov (mračna studijska osvetlitev, avantgardni stil – rdeči usnjeni stezniki, karo, presenetljive poze), medtem ko mreža prikazuje ostre posnetke izdelkov/lookbooka na ravnem, nevtralnem ozadju (modeli in izdelki so fotografirani na svetlo sivem/belem ozadju, brez konteksta življenjskega sloga). Slike imajo ostre robove, ničelni radij in so tesno poravnane s sosednjimi slikami v mreži. Glavna slika zaseda vse štiri robove vidnega polja, 3D-kromiran logotip pa prekriva objekt. Slike izdelkov v mreži ohranjajo dosledno razmerje med višino in širino po celotni vrstici. Ni ilustracij ali ikon, razen minimalne navigacije po besedilu. Vizualni jezik je: dobro fotografiraj, ostro obreži in naj bo fotografija obraz blagovne znamke.
Paleta
Blagovna znamka
- Lilac Veil
#b8aad0— Vijolično polnilo za poudarke ozadja, okrasne črte in mehak poudarek za vsebino.
Nevtralno
- Ink Black
#000000— Vse besedilo telesa, navigacijsko besedilo, obrobe povezav, obrobe kartic in obrobe ikon tvorijo strukturno linijo celotnega vmesnika. - Warm Parchment
#f4f1e4— Ozadje strani in razdelkov v uredniškem/produktnem delu je umirjeno ozadje, na katerem so nameščene fotografije izdelkov. - Ivory Mist
#fcfaf1— Barva navigacijskega besedila na vrhu temnega glavnega elementa, subtilen odtenek teksture in subtilni robovi zagotavljajo toplejšo alternativo čisti beli barvi za uporabniški vmesnik v temnem delu.
Tipografija
od 12 do 72 slikovnih pik · 5 korakov
- Good Sans — zamenjava: Söhne · obrisi 400, 700 · Univerzalna pisava za navigacijo, telo besedila, metapodatke izdelkov, povezave in vsa besedila uporabniškega vmesnika. Sistem dvojne teže (običajna 400 za telo besedila/naslove, krepka 700 za imena blagovnih znamk, cene in poudarke) ustvarja hierarhijo brez povečanja velikosti. Skoraj ničelni pozitivni razmik med črkami jo naredi bolj uredniško kot geometrijsko.
- Redaction — zamenjava: GT Sectra Display Bold · obrisi 700 · Samo za besedilo telesa – to je pisava po meri za veliko, kromirano besedilo»LUNCH«, ki služi kot osnova za besedilo telesa na celotnem zaslonu. Uporabi se natanko enkrat na stran; je tipografski podpis, ne pa komponenta za večkratno uporabo.
Intervali in oblika
| Namen | Pomen |
|---|---|
| Gostota | gosta |
| Osnovni korak | 20-30px |
| Polmer gumba | 0px |
| Polmer kartice | 0px |
| Sence | ne - obrobe namesto senc |
| Med odseki | 60-80px |
| Širina strani | 1280px |
Umetna inteligenca bo zgradila vašo spletno stran v slogu LUNCH in jo napolnila
- Polnite z izdelki in objavami prek povezave - Instagram, TikTok, Facebook.
- Prenesite vsebino s starega spletnega mesta – samo navedite naslov.
- Sodoben dizajn na najboljšem iskalniku: React ( Next.js) z vnaprej pripravljenim upodabljanjem na strežniku in optimizacijo za SEO.
- Popolnoma avtomatizirana SEO optimizacija za rezultate iskanja in priporočila nevronskih mrež.
Podobni slogi
- MindMarket — Prijetna pravljična knjiga na krem papirju - prijazno uredniško platno, kjer na soncu prepojeni, kot nalepke mehki površini sobivajo veliki naslovi Interja in izrezani papirnati liki.
- Lamborghini — Črna barva karoserije v razstavnem salonu, pod žarometi - en rumen avto
- amp — Topla oranžna barva na hladno belem ozadju. Oblika spominja na vrhunski fitnes izdelek, fotografiran v sončnem podstrešju: en izdelek, en poudarek, ena samozavestna pisava, ki opravi svoje delo.
- IKEA — soncem obsijan razstavni salon švedskega pohištva v razstavljeni obliki
- Microsoft — Maloprodajni katalog uporablja značilno modro barvo – predstavljajte si kvadratni logotip na belih tleh razstavnega salona, kjer je vsak oblikovalski element v modri barvi.
- Vibrants — Lekarna Skyborne na belem marmorju - temno modro črnilo je malta, mavrični spekter pa zdravilo
- Isla Beauty — Kremni lekarniški slog s poudarki kirurško rdeče barve – pomislite na tople pergamentne stene, jantarne steklenice in en sam rdeč žig na vsaki etiketi.
- Swap — Galerija uredništva Mint: Svetli žajbljevi odtenki v sobah s svetlimi limetnimi poudarki in subtilnimi serifi
- Cursor — Prijetna pergamentna delavnica, osvetljena s tlečim žerjavom
- Structured — Renesančna galerija na papirju, podobnem plastelinu
- Apple (España) — Muzejska galerija, v mehki dnevni svetlobi, je en sam, očarljiv, breztežen bel prostor, kjer vsak eksponat osvetljuje reflektor na rahlo zatemnjeni steni.
- Amplemarket — S soncem obsijano delovno mesto, posuto s konfeti