Le Puzz
„Sunny Sunday Circular“ yra bulvarinis laikraštis, pilnas paslapčių.
„Le Puzz“ – tai maksimalistinė elektroninės prekybos sistema, skirta parduotuvėlėms, sukurta ant dviejų spalvų pagrindo: sodrios, korio formos geltonos spalvos, derinamos su gryna juoda spalva, išdėstyta vėsiame, perlų pilkumo fone. Jos stilius – tai klasikinio laikraščio ir dėlionės mišinys: pagrindinis tekstas parašytas „Times“ šriftu be serifų, o antraštės – specialiu šriftu „Times Now“, sąmoningai laužant tradicines elektroninės prekybos konvencijas, kurios remiasi šriftais be serifų. Pati sąsaja yra paprasta ir tinklelio pagrindu, todėl vizualinį poveikį galima perteikti produkto pakuote (tankios, iliustruotos kompozicijos, pripildytos žaislų). Sąsajos valdikliai yra gana tvirti: mygtukai su juodu rėmeliu geltoname fone, piliulės formos piktogramos, kortelės su 12 pikselių spinduliu ir dideli tarpai mažosioms raidėms, kurie suteikia net mygtukui „GREITAS PRIDĖJIMAS“ redakcinio žavesio.
Klasikinė el. prekybos tinklelis su išskirtiniu redakciniu dizainu. Antraštė yra geltona korio formos juostelė su 1 pločio juodu apvadu, kurioje yra centre esantis logotipas ir papildoma naršymo mygtukų eilutė. Žemiau, virš trijų stulpelių produktų tinklelio pilkame fone, yra centre esanti pasveikinimo antraštė šriftu „Times Now“. Pagrindinis elementas yra centre esantis nuotraukų blokas suapvalintais kampais (40), kurį iš abiejų pusių supa dvi produktų kortelės. Išlaikomas sekcijų ritmas: daug vertikalios erdvės (30), besikeičiantys geltoni ir pilki paviršiai, o maksimalus plotis – maždaug 4,5 cm, centre puslapio. Produktų kortelės yra vienodo dydžio ir išdėstytos tvarkingame trijų stulpelių tinklelyje su 5 cm tarpais. Išdėstymas yra simetriškas ir susietas su tinkleliu – nėra asimetriškų kompozicijų ar persidengiančių elementų.
Vizualinis elementas – produktų fotografija. Dėlionių dėžutės nufotografuotos tiesiai baltame/neutraliame fone, o tada perkeltos į šiltą mėlyną arba natūralų studijinį foną. Pagrindiniame nuotraukoje pavaizduotas žmogus, laikantis kelias dėlionių dėžutes – gyvenimo būdo objektą, užfiksuotą su pastangų nestokojančia energija. Pati pakuotė yra sodri, iliustratyvi ir maksimalistinė: daugybė žaislų, maisto produktų ir personažų ryškiomis pagrindinėmis spalvomis su storais juodais kontūrais, sukurti taip, kad atrodytų kaip vaikiškos knygos iliustracija, išsklaidyta ant 500 detalių dėlionės. Jokių abstrakčių grafikų, jokių 3D vizualizacijų, jokios ikonografijos, išskyrus vieną didinamąjį stiklą – pačios dėlionės yra vizualinė kalba.
Paletė
Prekės ženklas
- Honeycomb Yellow
#ffd931— Pagrindinė prekės ženklo spalva, pavadinimo juosta, pagrindiniai veiksmų mygtukai, aktyvi naršymo būsena, nuorodos pabraukimo spalva, paryškinimo užpildas – vienspalvė nata, aplink kurią sukasi visa kita.
Neutralus
- Carbon Black
#000000— Pagrindinis tekstas, storos rėmeliai, mygtukų kontūrai, piktogramų kontūrai, naršymo tekstas yra visos sistemos struktūrinis pagrindas. - Ink Black
#231f20— Antrinis tekstas, pagrindinis tekstas, mygtukų rėmeliai, įvesties lauko rėmeliai – šiek tiek šiltesnė, beveik juoda spalva, kad būtų švelnesnis pojūtis. - Pearl Gray
#c8cbcd— Puslapio drobė, produktų kortelių fonai, ryškus etapas, kuriame matomos geltonos ir juodos spalvos. - Fog Gray
#a6a8aa— Subtilūs ženklelių paviršiai, antriniai lustų fonai ir subtilūs vartotojo sąsajos užpildai. - Smoke Line
#d6d6d6— Plonos pertvaros, diskretiškos stalo / kortelių pertvaros.
Tipografija
nuo 11 iki 47 pikselių · 6 žingsniai
- Times Now — pakeitimas: Playfair Display · kontūrai 100, 400 · Serifinis šriftas antraštėms ir paantraštėms – naudojamas pagrindinėms antraštėms, produktų pavadinimams ir skyrių pavadinimams. Itin lengvas 100 taškų šriftas su 47 pikselių žingsniu sukuria aukštą, beveik suspaustą redakcinį pojūtį; suspaustos raidžių formos (eilučių aukštis 0,87–0,90) leidžia dideles antraštes išdėstyti arti lydinčio teksto, imituojant spausdintą plakatą.
- Times — pakeitimas: Times New Roman · kontūrai 400 · Serifinis tekstas yra netikėtas pasirinkimas internetinei parduotuvei, suteikiantis visai svetainei literatūrišką, katalogo pojūtį. Mažas eilučių tarpas (1,15) padaro pastraipas kompaktiškas ir lengviau skaitomas.
- Helvetica Neue — pakeitimas: Helvetica · kontūrai 100, 400 · Smulkusis tekstas vartotojo sąsajoje, tekstas ant mygtukų ir mikrotekstas pateikiami 11 pikselių šriftu su dideliais tarpais tarp raidžių (0,0730 em), todėl net ir esant komfortiškai kūno temperatūrai, susidaro įspūdis, kad rašoma didžiosiomis raidėmis.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | tankus |
| Pagrindinis žingsnis | 15px |
| Mygtuko spindulys | 12px |
| Kortelės spindulys | 12px |
| Šešėliai | ne – rėmeliai vietoj šešėlių |
| Tarp sekcijų | 30-40px |
| Puslapio plotis | 1200px |
Dirbtinis intelektas sukurs jūsų svetainę Le Puzz stiliumi ir ją užpildys
- Užpildykite produktais ir įrašais per nuorodą – Instagram, TikTok, Facebook.
- Perkelkite turinį iš senos svetainės – tiesiog nurodykite adresą.
- Modernus dizainas geriausiame variklyje: React ( Next.js) su serverio atvaizdavimu ir SEO optimizavimu iš karto.
- Visiškai automatizuotas SEO optimizavimas paieškos rezultatams ir neuroninių tinklų rekomendacijoms.
Panašūs stiliai
- Agence Foudre — Žurnalo viršelis yra švelniai rožinės spalvos, primenančios lūpų dažus.
- INVERSA — Topografinis lauko terminalas vidurnaktį. Tamsus komandų skydelis, kuriame ant Žemės palydovinių vaizdų uždėtas didžiulis redakcinis šriftas ir vienas neoninės žalios spalvos žymeklių sluoksnis, kiekvienas žymėjimas vienspalvis, tarsi skaitytų misijos koordinates.
- Acne Studios — Minimalistinė galerijos erdvė, pilna ryškių nuotraukų – ant marmuro išdėliotas mados žurnalas
- GTE — Prekybos terminalas už galerijos apšvietimo
- Diabla — Viduržemio jūros regiono kiemas vidurdienį – saulės išblukintos rausvos sienos, viena ryškiai raudona drobinė markizė ir dangumi besidriekiančios redakcinės antraštės su servetėlėmis.
- Subset — Redakcijos parduotuvėlė, pagaminta iš neapdoroto lino
- Cursor — Jauki pergamentų dirbtuvė, apšviesta rusenančių žarijų
- MindMarket — Jauki pasakų knyga ant kreminio popieriaus – draugiška redakcinė drobė, kurioje saulės nutviekstame, minkštame, lyg lipdukas, paviršiuje susijungia didelės „Inter“ antraštės ir iškirpti popieriniai personažai.
- Lamborghini — Juoda kėbulo spalva salone, prožektorių šviesoje – vienas geltonas automobilis
- Amplemarket — Saulės nutvieksta darbovietė, nusėta konfeti
- Getharvest — Stalas auksinę valandą – šilta kreminė drobė, ant drobės kabančios baltos atvirukės ir viena ryškiai oranžinė liepsna
- Drive Capital — Retro kelionės automobiliu plakatas ant šilto popieriaus