Le Puzz
"Sunny Sunday Circular" është një tabloid plot mistere.
Le Puzz është një sistem maksimalist i tregtisë elektronike për dyqanet butike, i ndërtuar mbi një themel dyngjyrësh: e verdhë e pasur, si hoje bletësh, e kombinuar me të zezë të pastër, e vendosur në një sfond të ftohtë gri perle. Stili i tij është një kryqëzim midis gazetës klasike dhe enigmës: teksti i trupit është në serif Times, ndërsa titujt janë në një font të personalizuar, Times Now, duke thyer qëllimisht konventat tradicionale të tregtisë elektronike që mbështeten në fontet sans-serif. Vetë ndërfaqja mbahet e thjeshtë dhe e bazuar në rrjetë, duke lejuar që ndikimi vizual të përçohet nga paketimi i produktit (kompozime të dendura, të ilustruara të mbushura me lodra). Kontrollet e ndërfaqes janë mjaft të fuqishme: butona me një kufi të zi në një sfond të verdhë, ikona në formë pilule, karta me një rreze prej 12px dhe hapësirë të bollshme shkronjash për shkronja të vogla, gjë që i jep edhe butonit "SHTO E SHPEJTË" një stil editorial.
Një rrjet klasik i tregtisë elektronike me një dizajn editorial dallues. Titulli është një shirit i verdhë në formë hualli bletësh me një kufi të zi me gjerësi 1, që përmban një logo të qendruar dhe një rresht shtesë me butona navigimi. Poshtë, sipër një rrjete me tre kolona produktesh në një sfond gri, është një titull mirëseardhjeje i qendruar në fontin Times Now. Elementi kryesor është një bllok fotosh i qendruar me qoshe të rrumbullakosura (40), i rrethuar nga dy karta produktesh. Ritmi i seksioneve ruhet: hapësirë vertikale e bollshme (30), sipërfaqe alternative të verdha dhe gri, dhe një gjerësi maksimale prej afërsisht 4.5 cm, të qendruara në faqe. Kartat e produkteve janë të së njëjtës madhësi dhe të rregulluara në një rrjetë të rregullt me tre kolona me boshllëqe 5 cm. Paraqitja është simetrike dhe e lidhur me rrjetën - pa kompozime asimetrike ose elementë mbivendosës.
Elementi vizual është fotografimi i produktit. Kutitë e enigmës fotografohen të plota në një sfond të bardhë/neutral, pastaj vendosen në një sfond studioje të ngrohtë blu ose natyral. Imazhi kryesor paraqet një person që mban disa kuti enigme - një objekt stili jetese, i kapur me energji të lehtë. Vetë paketimi është i pasur, ilustrues dhe maksimalist: një mori lodrash, produktesh ushqimore dhe personazhesh me ngjyra parësore të ndritshme me konture të trasha të zeza, të dizajnuara për t'u dukur si një ilustrim libri për fëmijë i shpërndarë në një enigmë me 500 pjesë. Asnjë grafikë abstrakte, asnjë renderim 3D, asnjë ikonografi përveç një xham zmadhues të vetëm - vetë enigmat janë gjuha vizuale.
Paletë
Markë
- Honeycomb Yellow
#ffd931— Ngjyra kryesore e markës, shiriti i titullit, butonat kryesorë të veprimit, gjendja aktive e navigimit, ngjyra e nënvizimit të lidhjes, mbushja e theksit - nota e vetme me ngjyrë rreth së cilës sillet gjithçka tjetër.
Neutral
- Carbon Black
#000000— Teksti kryesor, kufijtë e trashë, konturet e butonave, konturet e ikonave, teksti i navigimit janë baza strukturore e të gjithë sistemit. - Ink Black
#231f20— Tekst dytësor, tekst parësor, kufijtë e butonave, kufijtë e fushave të futjes - një ngjyrë pak më e ngrohtë, pothuajse e zezë për një ndjesi më të butë. - Pearl Gray
#c8cbcd— Kanavacë faqesh, sfonde të kartave të produkteve, një skenë mbresëlënëse ku shfaqen ngjyrat e verdha dhe të zeza. - Fog Gray
#a6a8aa— Sipërfaqe të zbutura të distinktivëve, sfonde dytësore të çipave dhe mbushje delikate të ndërfaqes së përdoruesit. - Smoke Line
#d6d6d6— Ndarëse të holla, ndarëse diskrete për tavolinë/karta.
Tipografi
nga 11 në 47px · 6 hapa
- Times Now — zëvendësim: Playfair Display · skica 100, 400 · Një font serif për titujt dhe nëntitujt - përdoret për titujt kryesorë, emrat e produkteve dhe titujt e seksioneve. Fonti ultra i lehtë me 100 pika dhe një lartësi prej 47 pikselësh krijon një ndjesi editoriale të lartë, pothuajse të kondensuar; format e shkronjave të kondensuara (lartësia e rreshtave 0.87–0.90) lejojnë që titujt e mëdhenj të pozicionohen afër tekstit shoqërues, duke imituar një poster të shtypur.
- Times — zëvendësim: Times New Roman · skica 400 · Teksti i trupit me shkronja serif është një zgjedhje e papritur për një dyqan online, duke i dhënë të gjithë faqes një ndjesi letrare, si katalogu. Hapësira e vogël midis rreshtave (1.15) i bën paragrafët kompaktë dhe të lexueshëm.
- Helvetica Neue — zëvendësim: Helvetica · skica 100, 400 · Teksti i vogël në ndërfaqen e përdoruesit, teksti në butona dhe mikroteksti janë vendosur në font 11px me një hapësirë të madhe shkronjash (0.0730em), gjë që krijon ndjesinë e shkrimit me shkronja të mëdha edhe në një temperaturë të rehatshme trupi.
Intervalet dhe forma
| Qëllimi | Kuptimi |
|---|---|
| Dendësia | i dendur |
| Hapi bazë | 15px |
| Rrezja e butonit | 12px |
| Rrezja e kartës | 12px |
| Hijet | pa kufij në vend të hijeve |
| Midis seksioneve | 30-40px |
| Gjerësia e faqes | 1200px |
IA do ta ndërtojë faqen tuaj të internetit në stilin Le Puzz dhe do ta mbushë atë
- Plotësoni me produkte dhe postime përmes linkut - Instagram, TikTok, Facebook.
- Transferoni përmbajtje nga faqja juaj e vjetër—thjesht specifikoni adresën.
- Dizajn modern në motorin më të mirë: React ( Next.js) me renderim të serverit dhe optimizim SEO që në fillim.
- Optimizim plotësisht i automatizuar i SEO-s për rezultatet e kërkimit dhe rekomandimet e rrjeteve nervore.
Stile të ngjashme
- Agence Foudre — Faqja e kopertinës së revistës është një ngjyrë rozë e butë që të kujton buzëkuqin.
- INVERSA — Një terminal topografik në mesnatë. Një panel komandash i errët, ku fonti masiv editorial dhe një shtresë e vetme shënjuesish neoni-jeshil janë mbivendosur në imazhet satelitore të Tokës, secila etiketë monokrome, sikur të lexonte koordinatat e misionit.
- Acne Studios — Një hapësirë minimaliste galerie e mbushur me fotografi të gjalla - një revistë mode e shtruar mbi mermer
- GTE — Terminali tregtar pas ndriçimit të galerisë
- Diabla — Një oborr mesdhetar në mesditë – mure rozë të zbehura nga dielli, një tendë prej kanavacë të kuqe të ndezur dhe tituj editorialë të serifizuar që shtriheshin përtej qiellit.
- Subset — Butik editorial i bërë nga liri i papërpunuar
- Cursor — Një punishte komode pergamene, e ndriçuar nga qymyr që digjen
- MindMarket — Një libër përrallash komod në letër krem - një kanavacë editoriale miqësore ku tituj të mëdhenj të Interit dhe personazhe të prerë në letër bashkëjetojnë në një sipërfaqe të lagur nga dielli dhe të butë si ngjitëse.
- Lamborghini — Ngjyra e zezë e karrocerisë në sallonin e ekspozitës, nën dritat e vëmendjes - një makinë e verdhë
- Amplemarket — Një vend pune i mbuluar nga dielli i mbushur me konfeti
- Getharvest — Një tavolinë në orën e artë – një kanavacë e ngrohtë krem, kartolina të bardha të varura në kanavacë dhe një flakë e vetme portokalli e ndritshme
- Drive Capital — Poster udhëtimi rrugor retro në letër të ngrohtë