LUNCH
sametist poodium soojal pärgamendil
LÕUNAKONTSEPTSIOON kõlab nagu veebi tõlgitud trükitud moeuudiste artikkel: tume, terve lehekülje suurune põhifotoelement, kus brändilogo on esitatud suurendatud 3D-tekstina kroomaktsentidega, millele järgneb rahulik, kataloogilaadne tootegalerii soojal pärgamendil. Lehekülg vaheldub filmiliku vastasseisu ja vaikse vaoshoituse vahel – põhielement ründab, põhiosa sosistab. Üks summutatud lavendlivärv ilmub ainult reklaamireal, olekus „Läbi müüdud“ ja jaluses, toimides pigem brändiavalduse kui hüüdena. Ühte signatuurset sans-serif fonti (Good Sans) kasutatakse peamiselt tagasihoidlikes suurustes ja põhilogo on ainus tüpograafilise vaatemängu hetk. Interaktsioon toimub ainult tekstilinkide kaudu: täidetud nuppe, gradiente ega dekoratiivset kroomi pole, välja arvatud põhielemendi 3D-logo.
Maksimaalne laius ~1280 pikslit tsentreeritud sisuosadele; lehe pealkiri hõlmab kogu lehe laiust servast servani. Lehe rütm: tume lehe pealkiri hõlmab kogu lehe laiust (vaatevälja kõrgust) → tsentreeritud sissejuhatav tekst tumedal taustal → 4-5 veeruga tooteruudustik samal taustal → sirelililla looriga jaluseriba. Navigeerimine asub õhukese tekstiribana lehe pealkirja kohal (hele tekst tumedal taustal) ja sissejuhatava teksti kohal (tume tekst heledal taustal). Tooteruudustikul on tihe paigutus sisemise joondusega, ilma piltidevaheliste taanete või visuaalse eraldatuseta. Sissejuhatav tekst on kitsas, tsentreeritud veerg (~600-700 pikslit), mille kohal ja all on helde vertikaalne ruum (60-80 pikslit). Üldine tihedus: toimetuslikes osades avar, tooteruudustikus kokku surutud.
Kujunduses domineerib toimetuse moefotograafia: põhipildil on modellidest tumedad ja kontrastsed fotod (sünge stuudiovalgustus, avangardne stiil – punased nahkkorsetid, ruudulised pleedid, efektsed poosid), samas kui ruudustikus on teravad toote-/lookbooki fotod tasasel ja neutraalsel taustal (modellid ja tooted on pildistatud helehallil/valgel taustal, ilma elustiili kontekstita). Piltidel on teravad servad, nullraadius ja need on tihedalt joondatud ruudustikus külgnevate piltidega. Põhipilt hõlmab kõiki nelja vaatevälja serva ja 3D-kroomitud logo kattub objektiga. Ruudustikus olevad tootepildid säilitavad kogu rea ulatuses ühtlase kõrguse ja laiuse suhte. Illustratsioone ega ikoone pole, peale minimaalse tekstinavigatsiooni. Visuaalne keel on: pildista hästi, kärpi teravalt ja lase fotol olla brändi nägu.
Palett
Bränd
- Lilac Veil
#b8aad0— Lilla täide tausta esiletõstmiseks, dekoratiivsete triipude ja sisu taha pehme aktsendi loomiseks.
Neutraalne
- Ink Black
#000000— Kogu põhitekst, navigeerimistekst, linkide äärised, kaardi äärised ja ikoonide äärised moodustavad kogu liidese struktuurijoone. - Warm Parchment
#f4f1e4— Toimetuse/tooteala lehtede ja sektsioonide taust on rahulik taust, millele paigutatakse tootefotod. - Ivory Mist
#fcfaf1— Tumeda põhielemendi peal oleva navigeerimisteksti värv, peen tekstuuritoon ja peened äärised pakuvad tumedas osas kasutajaliidese jaoks puhta valge asemel soojemat alternatiivi.
Tüpograafia
12-st 72 pikslini · 5 sammu
- Good Sans — asendamine: Söhne · kontuurid 400, 700 · Universaalne kirjatüüp navigeerimiseks, põhitekstiks, toote metaandmeteks, linkideks ja kogu kasutajaliidese tekstiks. Kahe raskusastmega süsteem (tavaline 400 põhiteksti/pealkirjade jaoks, paks 700 brändinimede, hindade ja esiletõstmiste jaoks) loob hierarhia ilma suurust suurendamata. Peaaegu nullilähedane positiivne tähevahe muudab selle pigem toimetuslikuks kui geomeetriliseks.
- Redaction — asendamine: GT Sectra Display Bold · kontuurid 700 · Ainult põhiteksti jaoks – see on kohandatud font suurele kroomitud tekstile „LUNCH”, mis on täisekraanil kuvatava põhiteksti alus. Seda kasutatakse täpselt üks kord lehe kohta; see on tüpograafiline allkiri, mitte korduvkasutatav komponent.
Intervallid ja vorm
| Eesmärk | Tähendus |
|---|---|
| Tihedus | tihe |
| Põhisamm | 20-30px |
| Nupu raadius | 0px |
| Kaardi raadius | 0px |
| Varjud | ei - varjude asemel äärised |
| Sektsioonide vahel | 60-80px |
| Lehe laius | 1280px |
Tehisintellekt loob teie veebisaidi LUNCH stiilis ja täidab selle
- Täida toodete ja postitustega lingi kaudu - Instagram, TikTok, Facebook.
- Kanna sisu oma vanalt saidilt üle – täpsusta lihtsalt aadress.
- Moodne disain parimal mootoril: React ( Next.js) koos serveri renderdamise ja SEO optimeerimisega koheselt.
- Täisautomaatne SEO optimeerimine otsingutulemuste ja närvivõrgu soovituste jaoks.
Sarnased stiilid
- MindMarket — Hubane muinasjuturaamat kreemjal paberil – sõbralik toimetuse lõuend, kus päikesepaistelisel, kleebisepehmel pinnal eksisteerivad koos suured Interi pealkirjad ja paberist väljalõigatud tegelased.
- Lamborghini — Must kerevärv müügisalongis, prožektorite all - üks kollane auto
- amp — Soe oranž jahedal valgel taustal. Disain meenutab päikesepaistelises pööningul pildistatud esmaklassilist sporditoodet: üks ese, üks aktsent, üks enesekindel font, mis teeb kogu töö ära.
- IKEA — päikesepaisteline Rootsi mööblisalong lahtivõetud kujul
- Microsoft — Jaemüügikataloogis kasutatakse iseloomulikku sinist värvi – kujutage ette ruudukujulist logo valgel müügisalongi põrandal, kus iga disainielement on sinine.
- Vibrants — Skyborne'i apteek valgel marmoril - tumesinine tint on mört ja vikerkaarespekter on ravim
- Isla Beauty — Kreemjas apteegistiilis õlu kirurgilise punase aktsendiga – mõelge soojadele pärgamendist seintele, merevaigukollastele pudelitele ja ühele punasele templile igal sildil.
- Swap — Mint Editorial Gallery: Heledad salveitoonid tubades, millel on erksad laimiaktsendid ja peened serifid
- Cursor — Hubane pärgamenditöökoda, mida valgustavad hõõguvad söed
- Structured — Renessansigalerii plastiliinilaadsel paberil
- Apple (España) — Muuseumigalerii on pehmes päevavalguses ühtne, kütkestav, kaalutu valge ruum, kus iga eksponaati valgustab kergelt toonitud seina taustal olev prožektor.
- Amplemarket — Päikesepaisteline töökoht, mis on üle puistatud konfettidega