Le Puzz
A Sunny Sunday Circular egy rejtélyekkel teli bulvárlap.
A Le Puzz egy maximalista e-kereskedelmi rendszer butiküzletek számára, amely kéttónusú alapra épül: gazdag, méhsejtszerű sárga tiszta feketével párosítva, hűvös, gyöngyházszürke háttér előtt. Stílusa a vintage újság és a kirakós keveréke: a törzsszöveg serif Times betűtípussal készült, míg a címsorok egyedi betűtípussal, Times Now-val jelennek meg, szándékosan szakítva a hagyományos, sans-serif betűtípusokra épülő e-kereskedelmi konvenciókkal. Maga a felület egyszerű és rácsos, lehetővé téve, hogy a vizuális hatást a termékcsomagolás közvetítse (sűrű, illusztrált kompozíciók, játékokkal tele). A kezelőfelület kezelőszervei meglehetősen robusztusak: fekete szegéllyel rendelkező gombok sárga háttéren, pirula alakú ikonok, 12 képpontos sugarú kártyák és nagyméretű betűköz a kisbetűkhöz, ami még a "GYORS HOZZÁADÁS" gombnak is szerkesztői stílust kölcsönöz.
Klasszikus e-kereskedelmi rács jellegzetes szerkesztői dizájnnal. A fejléc egy sárga méhsejt csík 1 szélességű fekete szegéllyel, amelyben egy középre igazított logó és egy további sor navigációs gomb található. Lent, egy szürke háttér előtti háromoszlopos termékrács felett egy középre igazított üdvözlő fejléc található a Times Now betűtípussal. A fő elem egy középre igazított, lekerekített sarkú fotóblokk (40), amelyet két termékkártya szegélyez. A szakaszok ritmusa megmarad: bőséges függőleges hely (30), váltakozó sárga és szürke felületek, valamint körülbelül 4,5 cm maximális szélesség, az oldal közepére igazítva. A termékkártyák azonos méretűek, és egy rendezett, háromoszlopos rácsban vannak elrendezve, 5 cm-es résekkel. Az elrendezés szimmetrikus és a ráccsal összhangban van – nincsenek aszimmetrikus kompozíciók vagy átfedő elemek.
A vizuális elem a termékfotó. A kirakós dobozokat teljes látószögű fotóval, fehér/semleges háttér előtt helyezik el, majd meleg kék vagy természetes stúdióháttér előtt helyezik el. A fő képen egy személy látható, aki több kirakós dobozt tart a kezében – egy életstílus-tárgyat, könnyed energiával megörökítve. Maga a csomagolás gazdag, illusztratív és maximalista: játékok, élelmiszerek és karakterek sokasága élénk alapszínekben, vastag fekete körvonalakkal, úgy tervezve, hogy egy gyerekkönyv illusztrációra hasonlítson egy 500 darabos kirakóban szétszórva. Nincsenek absztrakt grafikák, nincsenek 3D-s renderelések, nincs ikonográfia egyetlen nagyítólencsén kívül – maguk a kirakók alkotják a vizuális nyelvet.
Paletta
Márka
- Honeycomb Yellow
#ffd931— Az elsődleges márkaszín, a címsor, az elsődleges műveletgombok, a navigáció aktív állapota, a hivatkozás aláhúzásának színe, a hangsúlykitöltés – az egyetlen színű hangjegy, amely körül minden más forog.
Semleges
- Carbon Black
#000000— A fő szöveg, a vastag szegélyek, a gombok körvonalai, az ikonok körvonalai és a navigációs szöveg alkotja a teljes rendszer szerkezeti alapját. - Ink Black
#231f20— Másodlagos szöveg, elsődleges szöveg, gombszegélyek, beviteli mező szegélyei – kissé melegebb, majdnem fekete szín a lágyabb érzet érdekében. - Pearl Gray
#c8cbcd— Oldalvászon, termékkártya-hátterek, egy feltűnő színpad, ahol sárga és fekete színek jelennek meg. - Fog Gray
#a6a8aa— Visszafogott jelvényfelületek, másodlagos chip hátterek és finom felhasználói felület kitöltések. - Smoke Line
#d6d6d6— Vékony elválasztók, diszkrét asztali/kártyaelválasztók.
Tipográfia
11-től 47 képpontig · 6 lépésben
- Times Now — csere: Playfair Display · körvonalak 100, 400 · Talpas betűtípus címsorokhoz és alcímsorokhoz – főcímekhez, terméknevekhez és szakaszcímekhez használják. Az ultravékony, 100 pontos betűtípus 47 képpontos sűrűségű, magas, szinte tömörített szerkesztői érzetet kelt; a tömörített betűformák (0,87–0,90 sormagasság) lehetővé teszik, hogy a nagy címsorok a kísérő szöveghez közel helyezkedjenek el, egy nyomtatott plakátot utánozva.
- Times — csere: Times New Roman · körvonalak 400 · A talpas szöveg váratlan választás egy online áruház esetében, irodalmi, katalógusszerű hangulatot kölcsönöz az egész oldalnak. A kis sorköz (1,15) tömörebbé és olvashatóbbá teszi a bekezdéseket.
- Helvetica Neue — csere: Helvetica · körvonalak 100, 400 · A felhasználói felület apró betűmérete, a gombokon található szöveg és a mikroszöveg 11px-es betűmérettel és nagy betűközzel (0,0730 em) jelenik meg, ami még kényelmes testhőmérsékleten is azt az érzetet kelti, mintha nagybetűkkel írnánk.
Intervallumok és forma
| Cél | Jelentés |
|---|---|
| Sűrűség | sűrű |
| Alapvető lépés | 15px |
| Gomb sugara | 12px |
| Kártya sugara | 12px |
| Árnyékok | nincs - szegélyek árnyékok helyett |
| Szakaszok között | 30-40px |
| Oldal szélessége | 1200px |
A mesterséges intelligencia Le Puzz 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
- Agence Foudre — A magazin címlapja halvány rózsaszín, rúzsra emlékeztet.
- INVERSA — Egy topográfiai terepi terminál éjfélkor. Sötét parancsnoki panel, ahol hatalmas szerkesztői betűtípus és egyetlen réteg neonzöld jelölő jelenik meg a Föld műholdképein, mindegyik felirat monokróm, mintha a küldetés koordinátáit olvasnák fel.
- Acne Studios — Egy minimalista galériatér tele élénk színű fényképekkel – egy márványlapra kirakott divatmagazin
- GTE — Kereskedelmi terminál a galériavilágítás mögött
- Diabla — Mediterrán udvar délben – napszítta rózsaszín falak, egyetlen élénkpiros vászon napellenző és az égen átívelő, csíkos vezércikk-címek.
- Subset — Nyers lenvászonból készült szerkesztői butik
- Cursor — Egy hangulatos pergamenműhely, parázsló parázzsal megvilágítva
- 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ó
- Amplemarket — Egy napfényben fürdő, konfettivel borított munkahely
- Getharvest — Egy íróasztal az aranyórában – meleg krémszínű vászon, fehér képeslapok lógnak a vásznon, és egyetlen élénk narancssárga láng
- Drive Capital — Retro autós kirándulás poszter meleg papíron