Le Puzz
Sunny Sunday Circular is in tabloid fol mystearjes.
Le Puzz is in maksimalistysk e-commerce systeem foar boetieks, boud op in twa-toan basis: ryk, huningraat-eftich giel kombinearre mei suver swart, tsjin in koele, pearelgrize eftergrûn. De styl is in krusing tusken in vintage krante en in puzel: de tekst is yn serif Times, wylst de koppen yn in oanpast lettertype binne, Times Now, bewust brekt mei tradisjonele e-commerce konvinsjes dy't fertrouwe op sans-serif lettertypen. De ynterface sels is ienfâldich en raster-basearre hâlden, wêrtroch't de fisuele ynfloed oerbrocht wurde kin troch de produktferpakking (dichte, yllustrearre komposysjes fol mei boartersguod). De ynterfacekontrôles binne frij robuust: knoppen mei in swarte râne op in giele eftergrûn, pilfoarmige ikoanen, kaarten mei in straal fan 12px, en royale letterôfstân foar lytse haadletters, wat sels de knop "QUICK ADD" in redaksjonele flair jout.
In klassike e-commerce-raster mei in ûnderskiedend redaksjoneel ûntwerp. De koptekst is in giele huningraatstripe mei in swarte râne fan 1 breedte, mei in sintraal logo en in ekstra rige navigaasjeknoppen. Hjirûnder, boppe in raster fan trije kolommen mei produkten op in grize eftergrûn, is in sintraal wolkomkoptekst yn it lettertype Times Now. It haadelemint is in sintraal fotoblok mei rûne hoeken (40), flankearre troch twa produktkaarten. It ritme fan 'e seksjes wurdt hanthavene: genôch fertikale romte (30), ôfwikseljende giele en grize oerflakken, en in maksimale breedte fan sawat 4,5 sm, sintraal op 'e pagina. Produktkaarten binne fan deselde grutte en arranzjearre yn in kreas raster fan trije kolommen mei gatten fan 5 sm. De yndieling is symmetrysk en ferbûn mei it raster - gjin asymmetryske komposysjes of oerlappende eleminten.
It fisuele elemint is produktfotografy. De puzeldoazen wurde folslein fotografearre tsjin in wyt/neutrale eftergrûn, en dan pleatst tsjin in waarmblauwe of natuerlike studio-eftergrûn. De haadôfbylding lit in persoan sjen dy't ferskate puzeldoazen fêsthâldt - in libbensstylobjekt, fêstlein mei muoiteleaze enerzjy. De ferpakking sels is ryk, yllustratyf en maksimalistysk: in mannichte boartersguod, itenprodukten en personaazjes yn heldere primêre kleuren mei dikke swarte kontoeren, ûntworpen om te lykjen op in yllustraasje fan in berneboek ferspraat oer in puzel fan 500 stikken. Gjin abstrakte grafiken, gjin 3D-renders, gjin ikonografy oars as in inkele fergrutglês - de puzels sels binne de fisuele taal.
Palet
Merk
- Honeycomb Yellow
#ffd931— De primêre merkkleur, de titelbalke, de primêre aksjeknoppen, de aktive steat fan 'e navigaasje, de ûnderstreekkleur fan 'e keppeling, de aksintopfolling - de ienkleurige noat dêr't alles oars omhinne draait.
Neutraal
- Carbon Black
#000000— De haadtekst, dikke rânen, knopkonturen, ikoankonturen, navigaasjetekst binne de strukturele basis fan it heule systeem. - Ink Black
#231f20— Sekundêre tekst, primêre tekst, knopgrinzen, ynfierfjildgrinzen - in wat waarmer, hast swarte kleur foar in sêfter gefoel. - Pearl Gray
#c8cbcd— Sidedoek, eftergrûnen fan produktkaarten, in opfallend poadium wêr't giele en swarte kleuren ferskine. - Fog Gray
#a6a8aa— Subtile badge-oerflakken, sekundêre chipagergrûnen en subtile brûkersynterface-opvullingen. - Smoke Line
#d6d6d6— Slanke skiedingswanden, diskrete tafel-/kaartskiedingswanden.
Typografy
fan 11 oant 47px · 6 stappen
- Times Now — ferfanging: Playfair Display · sketsen 100, 400 · In serif-lettertype foar koppen en subkoppen - brûkt foar haadkoppen, produktnammen en seksjetitels. It ultralichte lettertype fan 100 punten mei in pitch fan 47 piksels soarget foar in hege, hast komprimearre redaksjonele útstrieling; de komprimearre letterfoarmen (rigelhichte fan 0,87–0,90) meitsje it mooglik om grutte koppen ticht by de begeliedende tekst te pleatsen, wêrtroch't in printe poster neimakke wurdt.
- Times — ferfanging: Times New Roman · sketsen 400 · De serif-tekst is in ûnferwachte kar foar in online winkel, wêrtroch't de hiele side in literêr, katalogus-eftich gefoel krijt. De lytse rigelôfstân (1.15) makket paragrafen kompakt en lêsber.
- Helvetica Neue — ferfanging: Helvetica · sketsen 100, 400 · Lytse tekst yn 'e brûkersynterface, tekst op knoppen en mikrotekst binne ynsteld yn in lettertype fan 11px mei in grutte letterôfstân (0.0730em), wat it gefoel skept fan skriuwen yn haadletters, sels by in noflike lichemstemperatuer.
Yntervallen en foarm
| Doel | Betsjutting |
|---|---|
| Dichtheid | ticht |
| Basisstap | 15px |
| Knopradius | 12px |
| Kaartradius | 12px |
| Skaden | gjin grinzen ynstee fan skaden |
| Tusken seksjes | 30-40px |
| Sidebreedte | 1200px |
AI sil jo webside bouwe yn Le Puzz -styl en it folje
- Folje oan mei produkten en berjochten fia de link - Instagram, TikTok, Facebook.
- Oerdrage ynhâld fan jo âlde side - spesifisearje gewoan it adres.
- Modern ûntwerp op 'e bêste motor: React ( Next.js) mei serverrendering en SEO-optimalisaasje direkt út 'e doaze.
- Folslein automatisearre SEO-optimalisaasje foar sykresultaten en oanbefellings foar neurale netwurken.
Ferlykbere stilen
- Agence Foudre — De omslachside fan it tydskrift hat in sêfte rôze kleur dy't tinken docht oan lippenstift.
- INVERSA — In topografyske fjildterminal om middernacht. In tsjuster kommandopaniel, dêr't massive redaksjonele lettertypen en in inkele laach neongriene markers oer satellytbylden fan 'e Ierde lein binne, elk label monochroom, as lêze se missykoördinaten.
- Acne Studios — In minimalistyske galeryromte fol mei libbene foto's - in moadetydskrift lein op moarmer
- GTE — Handelsterminal efter galeryferljochting
- Diabla — In Middellânske See-binnenpleats tsjin 'e middei - sinneferbleekte rôze muorren, ien helderread seildoek-ôfdak, en mei skroeven skroefkoppen dy't oer de loft strekke.
- Subset — Redaksjeboetiek makke fan rau linnen
- Cursor — In noflike perkamentwurkpleats, ferljochte troch smeulende koalen
- MindMarket — In noflik mearkeboek op crèmekleurich papier - in freonlik redaksjoneel doek dêr't grutte Inter-koppen en útsnien papieren personaazjes neist elkoar besteane op in sinnich, sticker-sêft oerflak.
- Lamborghini — Swarte karrosseriekleur yn 'e showroom, ûnder de spotlights - ien giele auto
- Amplemarket — In sinnige wurkpleats bezaaid mei konfetti
- Getharvest — In buro op gouden oere - in waarm crèmekleurich doek, wite ansichtkaarten ophongen oan it doek, en in inkele helder oranje flam
- Drive Capital — Retro roadtrip-poster op waarm papier