Le Puzz
Sunny Sunday Circular on saladusi täis tabloid.
Le Puzz on maksimalistlik e-kaubandussüsteem butiikidele, mis on üles ehitatud kahevärvilisele alusele: rikkalik, kärgjas kollane koos puhta mustaga jahedal pärlhallil taustal. Selle stiil on vintage-ajalehe ja pusle vahepealne: põhitekst on serif-kirjas Times, pealkirjad aga kohandatud kirjas Times Now, mis on teadlikult vastuolus traditsiooniliste e-kaubanduse konventsioonidega, mis tuginevad sans-serif-kirjadele. Liides ise on lihtne ja ruudustikupõhine, võimaldades visuaalset mõju edasi anda tootepakendil (tihedad, illustreeritud kompositsioonid, mis on täidetud mänguasjadega). Liidese juhtnupud on üsna robustsed: musta äärisega nupud kollasel taustal, pillikujulised ikoonid, 12-px raadiusega kaardid ja suurtähtede jaoks helde tähtedevahe, mis annab isegi nupule "KIIRLISAMINE" toimetusliku hõngu.
Klassikaline e-kaubanduse ruudustik eristuva toimetusliku kujundusega. Päis on kollane kärgstruktuuriga riba ühe laiuse musta äärisega, millel on tsentreeritud logo ja täiendav navigeerimisnuppude rida. Allpool, hallil taustal oleva kolmeveerulise tooteruudustiku kohal, on tsentreeritud tervituspäis Times Now kirjastikus. Põhielement on tsentreeritud ümarate nurkadega fotoplokk (40), mida ääristavad kaks tootekaarti. Sektsioonide rütm on säilinud: rohkelt vertikaalset ruumi (30), vahelduvad kollased ja hallid pinnad ning maksimaalne laius umbes 4,5 cm, lehe keskel. Tootekaardid on sama suured ja paigutatud korralikusse kolmeveerulisse ruudustikku 5 cm vahedega. Paigutus on sümmeetriline ja ruudustikuga seotud – asümmeetrilisi kompositsioone ega kattuvaid elemente pole.
Visuaalseks elemendiks on tootefotograafia. Puslekarbid on pildistatud täissuuruses valgel/neutraalsel taustal ja seejärel asetatud sooja sinise või loodusliku stuudiotausta ette. Põhipildil on inimene, kes hoiab käes mitut puslekarpi – elustiiliobjekti, jäädvustatud pingutuseta energiaga. Pakend ise on rikkalik, illustratiivne ja maksimalistlik: hulgaliselt mänguasju, toiduaineid ja tegelasi erksates põhivärvides ja paksude mustade kontuuridega, mis on loodud välja nägema nagu lasteraamatu illustratsioon, mis on hajutatud 500-tükilisele puslele. Ei mingit abstraktset graafikat, 3D-renderdusi ega ikonograafiat peale ühe luubi – pusled ise on visuaalne keel.
Palett
Bränd
- Honeycomb Yellow
#ffd931— Brändi peamine värv, tiitliriba, peamised toimingunupud, navigeerimise aktiivne olek, lingi allajoonimise värv, aktsentvärv – ühevärviline noot, mille ümber kõik muu keerleb.
Neutraalne
- Carbon Black
#000000— Põhitekst, paksud äärised, nuppude ja ikoonide piirjooned ning navigeerimistekst on kogu süsteemi struktuuriline alus. - Ink Black
#231f20— Teisene tekst, peamine tekst, nuppude äärised, sisestusväljade äärised – veidi soojem, peaaegu must värv pehmema tunde saavutamiseks. - Pearl Gray
#c8cbcd— Lehe lõuend, tootekaardi taustad, silmatorkav lava, kus esinevad kollased ja mustad värvid. - Fog Gray
#a6a8aa— Mahedad märkide pinnad, sekundaarsed kiibitaustad ja peened kasutajaliidese täidised. - Smoke Line
#d6d6d6— Õhukesed vaheseinad, diskreetsed laua-/kaardijagajad.
Tüpograafia
11-st 47 pikslini · 6 sammu
- Times Now — asendamine: Playfair Display · kontuurid 100, 400 · Pealkirjade ja alapealkirjade jaoks mõeldud serif-font – kasutatakse põhipealkirjade, tootenimede ja jaotiste pealkirjade jaoks. Ülikerge 100-punktiline font 47-pikslise sammuga loob kõrge, peaaegu kontsentreeritud toimetuse tunde; kontsentreeritud tähevormid (reakõrgused 0,87–0,90) võimaldavad paigutada suuri pealkirju kaasneva teksti lähedale, jäljendades trükitud plakatit.
- Times — asendamine: Times New Roman · kontuurid 400 · Serifidega põhitekst on veebipoe jaoks ootamatu valik, andes kogu saidile kirjandusliku, kataloogilaadse ilme. Väike reavahe (1,15) muudab lõigud kompaktseks ja loetavaks.
- Helvetica Neue — asendamine: Helvetica · kontuurid 100, 400 · Kasutajaliidese väike tekst, nuppude tekst ja mikrotekst on 11px fondis ja suure tähevahega (0,0730 em), mis loob isegi mugava kehatemperatuuri korral tunde, nagu kirjutataks suurtähtedega.
Intervallid ja vorm
| Eesmärk | Tähendus |
|---|---|
| Tihedus | tihe |
| Põhisamm | 15px |
| Nupu raadius | 12px |
| Kaardi raadius | 12px |
| Varjud | ei - varjude asemel äärised |
| Sektsioonide vahel | 30-40px |
| Lehe laius | 1200px |
Tehisintellekt loob teie veebisaidi Le Puzz 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
- Agence Foudre — Ajakirja kaaneleht on pehme roosa värviga, mis meenutab huulepulka.
- INVERSA — Topograafiline väliterminal keskööl. Tume juhtimispaneel, kus Maa satelliidipiltidele on kantud massiivne toimetuslik font ja üks kiht neoonrohelisi markereid, iga silt on ühevärviline, justkui loeksid missiooni koordinaate.
- Acne Studios — Minimalistlik galeriiruum, mis on täis erksaid fotosid – marmorile asetatud moeajakiri
- GTE — Galerii valgustuse taga asuv kaubandusterminal
- Diabla — Vahemerelik siseõu keskpäeval – päikesest pleekinud roosad seinad, üks erkpunane lõuendist varikatus ja üle taeva ulatuvad seriaalsete kirjadega juhtkirjade pealkirjad.
- Subset — Toorlinasest kangast valmistatud toimetuslik butiik
- Cursor — Hubane pärgamenditöökoda, mida valgustavad hõõguvad söed
- 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
- Amplemarket — Päikesepaisteline töökoht, mis on üle puistatud konfettidega
- Getharvest — Kuldsel tunnil olev laud – soe kreemikas lõuend, lõuendil rippuvad valged postkaardid ja üksainus ereoranž leek
- Drive Capital — Retro autoreisi plakat soojal paberil