LUNCH
bársony pódium meleg pergamenen
Az EBÉDKONCEPCIÓ egy nyomtatott divatcikk webre átültetve olvasható: egy sötét, teljes oldalas fő fotóelem, ahol a márkalogó kinagyított 3D-s szövegként jelenik meg króm díszítéssel, majd egy nyugodt, katalógusszerű termékgaléria következik meleg pergamenen. Az oldal a filmes konfrontáció és a csendes visszafogottság között váltakozik – a fő elem támad, a fő rész suttog. Egyetlen, tompa levendulaszín csak a hirdetési sorban, az „Elfogyott” állapotban és a láblécben jelenik meg, inkább márkajelzésként, mintsem felkiáltásként szolgál. Egyetlen, jellegzetes sans-serif betűtípust (Good Sans) használnak elsősorban szerény méretekben, és a fő logó az egyetlen tipográfiai látványosság. Az interakció kizárólag szöveges linkeken keresztül történik: nincsenek kitöltött gombok, nincsenek színátmenetek, nincs dekoratív króm, kivéve a fő elem 3D-s logóját.
Maximális szélesség ~1280 képpont középre igazított tartalomrészekhez; az oldal címe a teljes oldalszélességet átfogja széltől szélig. Oldalritmus: sötét oldalcím, amely a teljes oldalszélességet (nézetablak magasságát) átfogja → középre igazított bevezető szöveg sötét háttéren → 4-5 oszlopos termékrács ugyanazon a háttéren → lila fátyol láblécsáv. A navigáció egy vékony szövegsávként található az oldal címe felett (világos szöveg sötét háttéren) és a bevezető szöveg felett (sötét szöveg világos háttéren). A termékrács sűrű elrendezésű, belső igazítással, a képek közötti behúzások vagy vizuális elválasztás nélkül. A bevezető szöveg egy keskeny, középre igazított oszlop (~600-700 képpont), felette és alatta nagyméretű függőleges térrel (60-80 képpont). Összességében sűrűség: tágas a szerkesztői részeknél, tömörítve a termékrácsban.
A dizájnt szerkesztői divatfotók uralják: a fő kép sötét, kontrasztos modellek fotóit mutatja (komor stúdióvilágítás, avantgárd stílus – piros bőr fűzők, kockás kockák, feltűnő pózok), míg a rács éles termék-/lookbook fotókat mutat sima, semleges háttér előtt (a modelleket és a termékeket világos szürke/fehér háttér előtt fényképezik, életmód-kontextus nélkül). A képek éles szélekkel, nulla sugarúak, és szorosan illeszkednek a rácsban lévő szomszédos képekhez. A fő kép a nézetablak mind a négy szélét elfoglalja, és egy 3D-s króm logó fedi át az objektumot. A rácsban lévő termékképek a teljes sorban egységes magasság-szélesség arányt tartanak fenn. Nincsenek illusztrációk vagy ikonok, csak minimális szöveges navigáció. A vizuális nyelv a következő: fotózz jól, vágj élesen, és hagyd, hogy a fotó a márka arca legyen.
Paletta
Márka
- Lilac Veil
#b8aad0— Lila kitöltés a háttér kiemeléséhez, dekoratív csíkokhoz és a tartalom mögötti lágy hangsúlyhoz.
Semleges
- Ink Black
#000000— A teljes felület szerkezeti vonalát a törzsszöveg, a navigációs szöveg, a linkszegélyek, a kártyaszegélyek és az ikonszegélyek alkotják. - Warm Parchment
#f4f1e4— A szerkesztőségi/termékterület oldalainak és részei háttere egy nyugodt háttér, amelyre a termékfotók kerülnek. - Ivory Mist
#fcfaf1— A sötét fő elem tetején lévő navigációs szöveg színe, a textúra finom árnyalata és a finom szegélyek melegebb alternatívát kínálnak a tiszta fehér színnel szemben a sötét részben található felhasználói felületen.
Tipográfia
12-ről 72 képpontra · 5 lépésben
- Good Sans — csere: Söhne · körvonalak 400, 700 · Univerzális betűtípus navigációhoz, törzsszöveghez, termékmetaadatokhoz, linkekhez és az összes felhasználói felületi szöveghez. A kettős súlyozású rendszer (normál 400 a törzsszöveghez/címsorokhoz, félkövér 700 a márkanevekhez, árakhoz és kiemelésekhez) hierarchiát hoz létre a méret növelése nélkül. A közel nulla pozitív betűköz inkább szerkesztői, mint geometrikus jelleget kölcsönöz neki.
- Redaction — csere: GT Sectra Display Bold · körvonalak 700 · Csak törzsszöveghez – Ez egy egyéni betűtípus a nagyméretű, krómozott „LUNCH” szöveghez, amely a teljes képernyős törzsszöveg alapjául szolgál. Oldalanként pontosan egyszer használatos; tipográfiai aláírás, nem újrafelhasználható összetevő.
Intervallumok és forma
| Cél | Jelentés |
|---|---|
| Sűrűség | sűrű |
| Alapvető lépés | 20-30px |
| Gomb sugara | 0px |
| Kártya sugara | 0px |
| Árnyékok | nincs - szegélyek árnyékok helyett |
| Szakaszok között | 60-80px |
| Oldal szélessége | 1280px |
A mesterséges intelligencia LUNCH 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
- MindMarket — Egy hangulatos mesekönyv krémszínű papíron - egy barátságos szerkesztői vászon, ahol a nagy Inter-címek és a kivágott papírfigurák együtt jelennek meg egy napsütötte, matricaszerű felületen.
- Lamborghini — Fekete karosszériaszín a bemutatóteremben, a reflektorok alatt - egy sárga autó
- amp — Meleg narancssárga szín hűvös fehér háttér előtt. A dizájn egy prémium fitnesztermékre emlékeztet, amelyet egy napsütötte padlástérben fényképeztek le: egyetlen elem, egyetlen hangsúly, egyetlen magabiztos betűtípus, ami elvégzi az összes munkát.
- IKEA — egy napsütötte svéd bútorszalon szétszerelt formában
- Microsoft — A kiskereskedelmi katalógus egy jellegzetes kék színt használ – képzeljen el egy négyzet alakú logót egy fehér bemutatóterem padlóján, ahol minden dizájnelem kék.
- Vibrants — Skyborne Gyógyszertár fehér márványon - a sötétkék tinta a habarcs, a szivárvány spektruma pedig a gyógyszer
- Isla Beauty — Krémes patikusstílus sebészeti vörös díszítéssel – képzeljünk el meleg pergamenfalakat, borostyánszínű üvegeket és egyetlen piros pecsétet minden címkén.
- Swap — Mint Editorial Galéria: Világos zsálya árnyalatok a szobákban, élénk lime díszítéssel és finom szegélyekkel
- Cursor — Egy hangulatos pergamenműhely, parázsló parázzsal megvilágítva
- Structured — Reneszánsz galéria gyurmaszerű papíron
- Apple (España) — A múzeumi galéria lágy nappali fényben egyetlen, magával ragadó, súlytalan fehér tér, ahol minden kiállítási tárgyat egy reflektor világít meg egy enyhén színezett fal előtt.
- Amplemarket — Egy napfényben fürdő, konfettivel borított munkahely