Le Puzz
Sunny Sunday Circular er en tabloid full av mysterier.
Le Puzz er et maksimalistisk e-handelssystem for boutiquebutikker, bygget på et tofarget fundament: rik, bikakelignende gul kombinert med ren svart, satt mot en kjølig, perlegrå bakgrunn. Stilen er en krysning mellom vintage avis og puslespill: brødteksten er i serif Times, mens overskriftene er i en spesialbygd skrifttype, Times Now, som bevisst bryter med tradisjonelle e-handelskonvensjoner som er avhengige av sans-serif-fonter. Selve grensesnittet er holdt enkelt og rutenettbasert, slik at den visuelle effekten formidles av produktemballasjen (tette, illustrerte komposisjoner fylt med leker). Grensesnittkontrollene er ganske robuste: knapper med svart kant mot gul bakgrunn, pilleformede ikoner, kort med en radius på 12 piksler og sjenerøs bokstavavstand for små bokstaver, noe som gir selv "HURTIG LEGG TIL"-knappen et redaksjonelt preg.
Et klassisk netthandelsrutenett med et særegent redaksjonelt design. Toppteksten er en gul bikakestripe med en svart kant med én bredde, som inneholder en sentrert logo og en ekstra rad med navigasjonsknapper. Nedenfor, over et trekolonnet rutenett med produkter på grå bakgrunn, er det en sentrert velkomstoverskrift i Times Now-skrifttypen. Hovedelementet er en sentrert fotoblokk med avrundede hjørner (40), flankert av to produktkort. Rytmen i seksjonene opprettholdes: god vertikal plass (30), vekslende gule og grå overflater, og en maksimal bredde på omtrent 4,5 cm, sentrert på siden. Produktkortene har samme størrelse og er ordnet i et pent trekolonnet rutenett med 5 cm mellomrom. Oppsettet er symmetrisk og knyttet til rutenettet – ingen asymmetriske komposisjoner eller overlappende elementer.
Det visuelle elementet er produktfotografering. Puslespillboksene er fotografert fullt ut mot en hvit/nøytral bakgrunn, og deretter plassert mot en varm blå eller naturlig studiobakgrunn. Hovedbildet viser en person som holder flere puslespillbokser – et livsstilsobjekt, fanget med uanstrengt energi. Selve emballasjen er rik, illustrerende og maksimalistisk: en mengde leker, matvarer og figurer i sterke primærfarger med tykke svarte konturer, designet for å se ut som en barnebokillustrasjon spredt utover et puslespill med 500 brikker. Ingen abstrakt grafikk, ingen 3D-gjengivelser, ingen ikonografi annet enn et enkelt forstørrelsesglass – selve puslespillene er det visuelle språket.
Palett
Merke
- Honeycomb Yellow
#ffd931— Den primære merkefargen, tittellinjen, de primære handlingsknappene, navigasjonens aktive tilstand, understrekingsfargen på lenken, aksentfyllet – den ene fargetonen som alt annet dreier seg om.
Nøytral
- Carbon Black
#000000— Hovedteksten, tykke rammer, knappeomriss, ikonomriss og navigasjonstekst er det strukturelle grunnlaget for hele systemet. - Ink Black
#231f20— Sekundærtekst, primærtekst, knappekanter, inndatafeltkanter – en litt varmere, nesten svart farge for en mykere følelse. - Pearl Gray
#c8cbcd— Sidelerret, bakgrunner for produktkort, en slående scene der gule og svarte farger dukker opp. - Fog Gray
#a6a8aa— Dempede merkeoverflater, sekundære brikkerbakgrunner og diskré brukergrensesnittfyll. - Smoke Line
#d6d6d6— Slanke skillevegger, diskré bord-/kortskillevegger.
Typografi
fra 11 til 47 piksler · 6 trinn
- Times Now — erstatning: Playfair Display · omriss 100, 400 · En serif-skrifttype for overskrifter og underoverskrifter – brukes til hovedoverskrifter, produktnavn og seksjonstitler. Den ultralette 100-punkts skrifttypen med en pikselbredde på 47 piksler skaper en høy, nesten kondensert redaksjonell følelse. De kondenserte bokstavformene (linjehøyder på 0,87–0,90) gjør at store overskrifter kan plasseres nær den tilhørende teksten, og etterligne en trykt plakat.
- Times — erstatning: Times New Roman · omriss 400 · Serif-teksten er et uventet valg for en nettbutikk, og gir hele nettstedet et litterært, katalogaktig preg. Den lille linjeavstanden (1,15) gjør avsnittene kompakte og lesbare.
- Helvetica Neue — erstatning: Helvetica · omriss 100, 400 · Liten tekst i brukergrensesnittet, tekst på knapper og mikrotekst er satt i 11 pikslers skrift med stor bokstavavstand (0,0730 em), noe som skaper følelsen av å skrive med store bokstaver selv ved behagelig kroppstemperatur.
Intervaller og form
| Hensikt | Betydning |
|---|---|
| Tetthet | tett |
| Grunnleggende trinn | 15px |
| Knapperadius | 12px |
| Kortradius | 12px |
| Skygger | ingen grenser i stedet for skygger |
| Mellom seksjoner | 30-40px |
| Sidebredde | 1200px |
AI vil bygge nettstedet ditt i Le Puzz -stil og fylle det
- Fyll på med produkter og innlegg via lenken - Instagram, TikTok, Facebook.
- Overfør innhold fra det gamle nettstedet ditt – bare oppgi adressen.
- Moderne design på den beste søkemotoren: React ( Next.js) med serverrendering og SEO-optimalisering rett ut av boksen.
- Helautomatisk SEO-optimalisering for søkeresultater og anbefalinger fra nevrale nettverk.
Lignende stiler
- Agence Foudre — Bladets forside har en myk rosa farge som minner om leppestift.
- INVERSA — En topografisk feltterminal ved midnatt. Et mørkt kommandopanel, hvor massiv redaksjonell skrift og et enkelt lag med neongrønne markører er lagt oppå satellittbilder av jorden, hver etikett monokrom, som om de leser oppdragskoordinater.
- Acne Studios — Et minimalistisk gallerirom fylt med livlige fotografier – et motemagasin lagt på marmor
- GTE — Handelsterminal bak galleribelysningen
- Diabla — En middelhavsgårdsplass midt på dagen – solblekede rosa vegger, en knallrød lerretsmarkise og seriferte lederoverskrifter som strekker seg over himmelen.
- Subset — Redaksjonell butikk laget av rå lin
- Cursor — Et koselig pergamentverksted, opplyst av ulmende kull
- MindMarket — En koselig eventyrbok på kremfarget papir – et vennlig redaksjonelt lerret der store Inter-overskrifter og utklippede papirfigurer sameksisterer på en solfylt, klistremerkemyk overflate.
- Lamborghini — Svart karosserifarge i utstillingslokalet, under spotlights - én gul bil
- Amplemarket — En solfylt arbeidsplass strødd med konfetti
- Getharvest — Et skrivebord i den gylne timen – et varmt kremfarget lerret, hvite postkort hengt på lerretet og en enkelt lys oransje flamme
- Drive Capital — Retro bilturplakat på varmt papir