Le Puzz
Sunny Sunday Circular se yon jounal plen mistè.
Le Puzz se yon sistèm e-komès maksimalis pou boutik, ki bati sou yon fondasyon de koulè: yon jòn rich tankou yon siwo myèl konbine avèk yon nwa pi, sou yon fon gri pèl fre. Stil li se yon kwa ant jounal ansyen ak yon devinèt: tèks prensipal la itilize nan Times ak yon polis serif, pandan tit yo itilize nan yon polis karaktè pèsonalize, Times Now, ki kraze volontèman ak konvansyon e-komès tradisyonèl ki baze sou polis sans-serif. Entèfas la li menm rete senp epi li baze sou yon griy, sa ki pèmèt anbalaj pwodwi a transmèt enpak vizyèl la (konpozisyon dans, ilistre plen ak jwèt). Kontwòl entèfas yo byen solid: bouton ak yon fwontyè nwa sou yon fon jòn, ikòn ki gen fòm grenn, kat ak yon reyon 12px, ak yon espasman lèt jenere pou ti majiskil, ki bay menm bouton "AJOUTE RAPID" la yon touche editoryal.
Yon griy e-komès klasik ak yon konsepsyon editoryal distenk. Antèt la se yon bann jòn an nid d'abeille ak yon fwontyè nwa 1 lajè, ki gen yon logo santre ak yon ranje bouton navigasyon anplis. Anba a, anlè yon griy twa kolòn ak pwodwi sou yon background gri, gen yon antèt byenvini santre nan font Times Now la. Eleman prensipal la se yon blòk foto santre ak kwen awondi (40), flanke pa de kat pwodwi. Ritm seksyon yo konsève: ase espas vètikal (30), sifas jòn ak gri altène, ak yon lajè maksimòm apeprè 4.5 cm, santre sou paj la. Kat pwodwi yo gen menm gwosè a epi yo ranje nan yon griy twa kolòn pwòp ak espas 5 cm. Layout la simetrik epi lye ak griy la—pa gen konpozisyon asimetrik oswa eleman ki sipèpoze.
Eleman vizyèl la se fotografi pwodwi. Bwat devinèt yo pran foto nèt sou yon fon blan/net, answit yo mete yo sou yon fon estidyo ble cho oswa natirèl. Imaj prensipal la montre yon moun k ap kenbe plizyè bwat devinèt—yon objè pou viv, kaptire avèk enèji san efò. Anbalaj la li menm rich, ilistratif, epi maksimalis: yon pakèt jwèt, pwodui alimantè, ak pèsonaj nan koulè primè klere ak kontou nwa epè, ki fèt pou sanble ak yon ilistrasyon liv timoun gaye sou yon devinèt 500 moso. Pa gen grafik abstrè, pa gen rann 3D, pa gen ikonografi apa de yon sèl loup—devinèt yo menm se lang vizyèl la.
Palèt
Mak
- Honeycomb Yellow
#ffd931— Koulè prensipal mak la, ba tit la, bouton aksyon prensipal yo, eta aktif navigasyon an, koulè souliyman lyen an, ranpli aksan an—nòt koulè inik ki fè tout lòt bagay yo vire toutotou li.
Netral
- Carbon Black
#000000— Tèks prensipal la, fwontyè epè yo, kontou bouton yo, kontou ikòn yo, tèks navigasyon an se baz estriktirèl tout sistèm nan. - Ink Black
#231f20— Tèks segondè, tèks prensipal, fwontyè bouton, fwontyè chan pou antre - yon koulè yon ti kras pi cho, prèske nwa pou yon santiman pi dous. - Pearl Gray
#c8cbcd— Kanva paj, background kat pwodwi, yon sèn frapan kote koulè jòn ak nwa parèt. - Fog Gray
#a6a8aa— Sifas badj ki mwens defini, background chip segondè, ak ranpli sibtil nan entèfas itilizatè. - Smoke Line
#d6d6d6— Separateur mens, separateur tab/kat diskrè.
Tipografi
soti nan 11 pou rive nan 47px · 6 etap
- Times Now — ranplasman: Playfair Display · plan 100, 400 · Yon polis serif pou tit ak soutit—yo itilize li pou tit prensipal yo, non pwodwi yo, ak tit seksyon yo. Polis ultra lejè 100 pwen an ak yon espas 47 piksèl la kreye yon santiman editoryal wo, prèske kondanse; fòm lèt kondanse yo (wotè liy 0.87–0.90) pèmèt gwo tit yo pozisyone toupre tèks ki akonpaye a, pou imite yon afich enprime.
- Times — ranplasman: Times New Roman · plan 400 · Kò tèks ak lèt serif yo se yon chwa inatandi pou yon magazen sou entènèt, li bay tout sit la yon santiman literè, tankou yon katalòg. Ti espasman liy yo (1.15) fè paragraf yo kontra enfòm e lizib.
- Helvetica Neue — ranplasman: Helvetica · plan 100, 400 · Ti tèks nan koòdone itilizatè a, tèks sou bouton yo, ak mikwo-tèks yo mete nan polis 11px ak yon espasman lèt laj (0.0730em), sa ki kreye santiman ke ou ekri an lèt majiskil menm nan yon tanperati kò konfòtab.
Entèval ak fòm
| Objektif | Siyifikasyon |
|---|---|
| Dansite | dans |
| Etap debaz | 15px |
| Reyon bouton | 12px |
| Reyon kat | 12px |
| Lonbray | pa gen fwontyè olye de lonbraj |
| Ant seksyon yo | 30-40px |
| Lajè paj la | 1200px |
IA ap bati sit entènèt ou a nan style Le Puzz epi ranpli li.
- Ranpli ak pwodwi ak piblikasyon atravè lyen an - Instagram, TikTok, Facebook.
- Transfere kontni ki soti nan ansyen sit ou a—jis presize adrès la.
- Design modèn sou pi bon motè a: React ( Next.js) ak rann sèvè ak optimize SEO pare pou itilize.
- Optimizasyon SEO konplètman otomatik pou rezilta rechèch ak rekòmandasyon rezo newòn.
Stil ki sanble
- Agence Foudre — Paj kouvèti magazin nan se yon koulè woz pal ki fè sonje wouj sou bouch.
- INVERSA — Yon tèminal topografik a minwi. Yon panèl kòmandman nwa, kote gwo karaktè editoryal ak yon sèl kouch makè vèt neon yo sipèpoze sou imaj satelit Latè, chak etikèt monokrom, kòmsi y ap li kowòdone misyon.
- Acne Studios — Yon espas galeri minimalist plen ak foto vibran—yon magazin mòd ki mete sou mab
- GTE — Tèminal komès dèyè ekleraj galri a
- Diabla — Yon lakou Mediterane a midi – mi woz ki te fennen akoz solèy la, yon sèl tant twal wouj vif, ak tit editoryal ak serife ki lonje nan syèl la.
- Subset — Boutik editoryal ki fèt ak twal fin blan kri
- Cursor — Yon atelye parchemin konfòtab, limen pa chabon ki t ap fè lafimen
- MindMarket — Yon liv kont fe konfòtab sou papye krèm - yon twal editoryal amikal kote gwo tit Inter ak karaktè papye dekoupe koegziste sou yon sifas benyen nan solèy, mou tankou fich adezif.
- Lamborghini — Koulè nwa nan karosri a, anba limyè yo - yon machin jòn
- Amplemarket — Yon espas travay benyen nan solèy ki gaye ak konfeti
- Getharvest — Yon biwo nan lè dore - yon twal krèm cho, kat postal blan pandye sou twal la, ak yon sèl flanm dife zoranj klere.
- Drive Capital — Afich vwayaj retro sou papye cho