Le Puzz
Sunny Sunday Circular estas klaĉgazeto plena de misteroj.
Le Puzz estas troa e-komerca sistemo por butikaj vendejoj, konstruita sur dukolora fundamento: riĉa, mielĉelara flava koloro parigita kun pura nigra, kontraŭ malvarmeta, perlogriza fono. Ĝia stilo estas kruciĝo inter malnova gazeto kaj puzlo: la ĉefa teksto estas en serifa Times, dum la titoloj estas en speciala tiparo, Times Now, intence rompante kun tradiciaj e-komercaj konvencioj, kiuj dependas de sanserifaj tiparoj. La interfaco mem estas simpla kaj krad-bazita, permesante ke la vida efiko estu transdonita per la produkta pakaĵo (densaj, ilustritaj komponaĵoj plenaj de ludiloj). La interfacaj kontroloj estas sufiĉe fortikaj: butonoj kun nigra rando sur flava fono, pilolformaj ikonoj, kartoj kun 12-rastrumera radiuso, kaj malavara literinterspaco por majuskloj, kio donas eĉ al la butono "RAPIDA ALDONADO" redakcian stilon.
Klasika retkomerca krado kun distinga redakcia dezajno. La kaplinio estas flava mielĉelara strio kun 1-larĝa nigra rando, enhavanta centritan emblemon kaj plian vicon de navigaciaj butonoj. Sube, super tri-kolumna krado de produktoj sur griza fono, estas centrita bonvena kaplinio en la tiparo Times Now. La ĉefa elemento estas centrita fotobloko kun rondetaj anguloj (40), laŭflankita de du produktaj kartoj. La ritmo de la sekcioj estas konservita: ampleksa vertikala spaco (30), alternante flavajn kaj grizajn surfacojn, kaj maksimuma larĝo de proksimume 4.5 cm, centrita sur la paĝo. Produktaj kartoj estas samgrandaj kaj aranĝitaj en orda tri-kolumna krado kun 5 cm interspacoj. La aranĝo estas simetria kaj ligita al la krado - neniuj nesimetriaj komponaĵoj aŭ interkovrantaj elementoj.
La vida elemento estas produkta fotografio. La puzloskatoloj estas fotitaj plene kontraŭ blanka/neŭtrala fono, poste metitaj kontraŭ varma blua aŭ natura studia fono. La ĉefa bildo prezentas personon tenantan plurajn puzloskatolojn - vivstilan objekton, kaptitan kun senpena energio. La pakaĵo mem estas riĉa, ilustra kaj troa: amaso da ludiloj, manĝaĵoj kaj roluloj en helaj primaraj koloroj kun dikaj nigraj konturoj, desegnitaj por aspekti kiel infanlibra ilustraĵo disĵetita trans 500-pecan puzlon. Neniuj abstraktaj grafikoj, neniuj 3D-bildigoj, neniu ikonografio krom ununura lupeo - la puzloj mem estas la vida lingvo.
Paletro
Marko
- Honeycomb Yellow
#ffd931— La ĉefa markokoloro, la titolbreto, la ĉefaj agobutonoj, la aktiva stato de la navigado, la substrekkoloro de la ligiloj, la akcenta plenigaĵo — la ununura kolornoto ĉirkaŭ kiu ĉio alia rondiras.
Neŭtrala
- Carbon Black
#000000— La ĉefa teksto, dikaj borderoj, butonkonturoj, ikonkonturoj, navigacia teksto estas la struktura bazo de la tuta sistemo. - Ink Black
#231f20— Dua teksto, ĉefa teksto, butonaj limoj, enigaĵaj limoj - iom pli varma, preskaŭ nigra koloro por pli milda sento. - Pearl Gray
#c8cbcd— Paĝa kanvaso, fonoj por produktaj kartoj, okulfrapa scenejo kie aperas flavaj kaj nigraj koloroj. - Fog Gray
#a6a8aa— Subpremitaj insignosurfacoj, sekundaraj icofonoj, kaj subtilaj uzantinterfacaj plenigaĵoj. - Smoke Line
#d6d6d6— Sveltaj dividiloj, diskretaj tablo/kartdividiloj.
Tipografio
de 11 ĝis 47 rastrumeroj · 6 paŝoj
- Times Now — anstataŭaĵo: Playfair Display · konturoj 100, 400 · Serifa tiparo por titoloj kaj subtitoloj — uzata por ĉefaj titoloj, produktonomoj kaj sekciaj titoloj. La ultra-malpeza 100-punkta tiparo kun 47-piksela paŝo kreas altan, preskaŭ densigitan redakcian senton; la densigitaj literformoj (linialtoj de 0,87–0,90) permesas poziciigi grandajn titolojn proksime al la akompananta teksto, imitante presitan afiŝon.
- Times — anstataŭaĵo: Times New Roman · konturoj 400 · La serifa korpoteksto estas neatendita elekto por reta vendejo, donante al la tuta retejo literaturan, katalogecan etoson. La malgranda interlinia interspaco (1.15) igas paragrafojn kompaktaj kaj legeblaj.
- Helvetica Neue — anstataŭaĵo: Helvetica · konturoj 100, 400 · Malgranda teksto en la uzulinterfaco, teksto sur butonoj, kaj mikroteksto estas agorditaj per 11-piksela tiparo kun granda interspaco (0.0730em), kiu kreas la senton de skribo per majuskloj eĉ je komforta korpa temperaturo.
Intervaloj kaj formo
| Celo | Signifo |
|---|---|
| Denseco | densa |
| Baza paŝo | 15px |
| Butona radiuso | 12px |
| Karto-radiuso | 12px |
| Ombroj | ne - limoj anstataŭ ombroj |
| Inter sekcioj | 30-40px |
| Paĝlarĝo | 1200px |
AI konstruos vian retejon laŭ la stilo de Le Puzz kaj plenigos ĝin
- Plenigu per produktoj kaj afiŝoj per la ligilo - Instagram, TikTok, Facebook.
- Transdonu enhavon de via malnova retejo — nur specifu la adreson.
- Moderna dezajno sur la plej bona motoro: React ( Next.js) kun servila bildigo kaj SEO-optimigo tuj uzeblaj.
- Plene aŭtomatigita SEO-optimigo por serĉrezultoj kaj rekomendoj pri neŭralaj retoj.
Similaj stiloj
- Agence Foudre — La titolpaĝo de la revuo estas mola rozkolora koloro rememoriga pri lipoŝminko.
- INVERSA — Topografia kampa terminalo je noktomezo. Malhela komandpanelo, kie masiva redakcia tiparo kaj ununura tavolo de neonverdaj markiloj estas supermetitaj sur satelitajn bildojn de la Tero, ĉiu etikedo monokroma, kvazaŭ legante misiajn koordinatojn.
- Acne Studios — Minimalisma galerio plena de viglaj fotoj — modmagazeno aranĝita sur marmoro
- GTE — Komerca terminalo malantaŭ galeria lumigado
- Diabla — Mediteranea korto tagmeze - sunpaligitaj rozkoloraj muroj, unu brile ruĝa kanvasa markizino, kaj serifaj ĉefartikoloj etendiĝantaj trans la ĉielo.
- Subset — Redakcia butiko farita el kruda linaĵo
- Cursor — Agrabla pergamenlaborejo, lumigita per bruletantaj karboj
- MindMarket — Agrabla fabellibro sur kremkolora papero - amika redakcia kanvaso kie grandaj Inter-titoloj kaj eltonditaj paperaj roluloj kunekzistas sur sunbanita, glumark-mola surfaco.
- Lamborghini — Nigra karoseriokoloro en la ekspoziciejo, sub la spotlumoj - unu flava aŭto
- Amplemarket — Sunplena laborejo disŝutita per konfetoj
- Getharvest — Skribotablo je ora horo - varma kremkolora kanvaso, blankaj poŝtkartoj pendantaj sur la kanvaso, kaj ununura brile oranĝa flamo
- Drive Capital — Retroa vojaĝafiŝo sur varma papero