Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukontwikkelaarAI-tools ontwikkelen voor bedrijven. Hoogwaardig. Betaalbaar.Stuur een Telegram-bericht
Le Puzz — een voorbeeld van een site in deze stijl

Le Puzz

Sunny Sunday Circular is een tabloid vol mysteries.

Le Puzz is een maximalistisch e-commerce systeem voor boetiekwinkels, gebouwd op een tweekleurige basis: rijk, honingraatachtig geel gecombineerd met puur zwart, tegen een koele, parelgrijze achtergrond. De stijl is een kruising tussen vintage kranten en puzzels: de hoofdtekst is in schreeflettertype Times, terwijl de koppen in een speciaal lettertype, Times Now, zijn weergegeven. Dit breekt bewust met de traditionele e-commerce conventies die doorgaans op schreefloze lettertypen vertrouwen. De interface zelf is eenvoudig en rastergebaseerd, waardoor de visuele impact vooral tot uiting komt in de productverpakking (dichte, geïllustreerde composities vol speelgoed). De interface-elementen zijn robuust: knoppen met een zwarte rand op een gele achtergrond, pilvormige pictogrammen, kaarten met een radius van 12px en ruime letterafstand voor kleine hoofdletters, waardoor zelfs de knop "SNEL TOEVOEGEN" een redactionele uitstraling krijgt.

Een klassiek e-commerce raster met een opvallend redactioneel ontwerp. De header is een gele honingraatstrook met een zwarte rand van 1 cm breed, met daarin een gecentreerd logo en een extra rij navigatieknoppen. Daaronder, boven een raster van producten in drie kolommen op een grijze achtergrond, staat een gecentreerde welkomstheader in het lettertype Times Now. Het belangrijkste element is een gecentreerd fotoblok met afgeronde hoeken (40), geflankeerd door twee productkaarten. Het ritme van de secties blijft behouden: ruime verticale ruimte (30), afwisselende gele en grijze oppervlakken en een maximale breedte van ongeveer 4,5 cm, gecentreerd op de pagina. De productkaarten hebben dezelfde afmetingen en zijn gerangschikt in een net raster van drie kolommen met tussenruimtes van 5 cm. De lay-out is symmetrisch en afgestemd op het raster – geen asymmetrische composities of overlappende elementen.

Het visuele element is productfotografie. De puzzeldozen worden frontaal gefotografeerd tegen een witte/neutrale achtergrond en vervolgens geplaatst tegen een warmblauwe of natuurlijke studioachtergrond. De hoofdafbeelding toont een persoon die meerdere puzzeldozen vasthoudt – een lifestyle-object, vastgelegd met moeiteloze energie. De verpakking zelf is rijk, illustratief en maximalistisch: een veelheid aan speelgoed, voedingsproducten en figuren in heldere primaire kleuren met dikke zwarte contouren, ontworpen om eruit te zien als een illustratie uit een kinderboek verspreid over een puzzel van 500 stukjes. Geen abstracte afbeeldingen, geen 3D-renders, geen iconografie behalve een enkele vergrootglas – de puzzels zelf vormen de visuele taal.

Palet

Merk

  • Honeycomb Yellow #ffd931 — De primaire merkkleur, de titelbalk, de belangrijkste actieknoppen, de actieve status van de navigatie, de kleur van de linkonderstreping, de accentkleur – de enkele kleur die de basis vormt voor al het andere.

Neutrale

  • Carbon Black #000000 — De hoofdtekst, dikke randen, knopcontouren, pictogramcontouren en navigatietekst vormen de structurele basis van het gehele systeem.
  • Ink Black #231f20 — Secundaire tekst, primaire tekst, knopranden, randen van invoervelden - een iets warmere, bijna zwarte kleur voor een zachtere uitstraling.
  • Pearl Gray #c8cbcd — Pagina-canvas, achtergronden voor productkaarten, een opvallend podium waar gele en zwarte kleuren verschijnen.
  • Fog Gray #a6a8aa — Subtiele badge-oppervlakken, secundaire chipachtergronden en subtiele invullingen van de gebruikersinterface.
  • Smoke Line #d6d6d6 — Slanke tussenschotten, discrete tafel-/kaartverdelers.

Typografie

van 11 tot 47px · 6 stappen

  • Times Now — vervanging: Playfair Display · overzichten 100, 400 · Een schreeflettertype voor koppen en subkoppen – gebruikt voor hoofdtitels, productnamen en sectietitels. Het ultralichte lettertype van 100 punten met een regelafstand van 47 pixels zorgt voor een hoge, bijna compacte, redactionele uitstraling; de compacte lettervormen (regelhoogtes van 0,87–0,90) maken het mogelijk om grote koppen dicht bij de begeleidende tekst te plaatsen, waardoor het lijkt op een gedrukte poster.
  • Times — vervanging: Times New Roman · overzichten 400 · De keuze voor een schreeflettertype in de hoofdtekst is onverwacht voor een webwinkel en geeft de hele site een literaire, catalogusachtige uitstraling. De kleine regelafstand (1,15) zorgt ervoor dat de alinea's compact en leesbaar zijn.
  • Helvetica Neue — vervanging: Helvetica · overzichten 100, 400 · Kleine tekst in de gebruikersinterface, tekst op knoppen en microtekst zijn weergegeven in een lettertype van 11px met een grote letterafstand (0,0730em), waardoor het gevoel ontstaat alsof er in hoofdletters wordt geschreven, zelfs bij een comfortabele lichaamstemperatuur.

Intervallen en vorm

DoelBetekenis
Diktegespannen
Basisstap15px
Knopradius12px
Kaartradius12px
Schaduwengeen randen in plaats van schaduwen
Tussen secties30-40px
Paginabreedte1200px

AI bouwt je website in de stijl Le Puzz en vult deze in.

  • Vul het account aan met producten en berichten via de link - Instagram, TikTok, Facebook.
  • Neem de inhoud van je oude website over; geef gewoon het adres op.
  • Modern design op de beste engine: React ( Next.js) met server-side rendering en SEO-optimalisatie direct uit de doos.
  • Volledig geautomatiseerde SEO-optimalisatie voor zoekresultaten en aanbevelingen op basis van neurale netwerken.

Vergelijkbare stijlen

  • Agence Foudre — De omslag van het tijdschrift heeft een zachtroze kleur die aan lippenstift doet denken.
  • INVERSA — Een topografische veldterminal midden in de nacht. Een donker bedieningspaneel, waarop een enorm lettertype en een enkele laag neon-groene markeringen over satellietbeelden van de aarde zijn geplaatst, elk label monochroom, alsof het missiecoördinaten weergeeft.
  • Acne Studios — Een minimalistische galerieruimte gevuld met levendige foto's – een modetijdschrift uitgestald op marmer.
  • GTE — Handelsterminal achter galerijverlichting
  • Diabla — Een mediterrane binnenplaats midden op de dag – zonovergoten roze muren, een felrood canvas zonnescherm en redactionele koppen in schreeflettertype die zich uitstrekken tot in de hemel.
  • Subset — Een boetiek voor mode-liefhebbers, gemaakt van onbewerkt linnen.
  • Cursor — Een knusse perkamentwerkplaats, verlicht door smeulende kolen.
  • MindMarket — Een knus sprookjesboek op crèmekleurig papier - een vriendelijk redactioneel canvas waarop grote Inter-koppen en uitgeknipte papieren figuren naast elkaar bestaan op een zonovergoten, stickerzachte ondergrond.
  • Lamborghini — Zwarte carrosserie in de showroom, onder de schijnwerpers - één gele auto
  • Amplemarket — Een zonovergoten werkplek bezaaid met confetti.
  • Getharvest — Een bureau tijdens het gouden uur – een warm crèmekleurig canvas, witte ansichtkaarten die aan het canvas hangen, en een enkele heldere oranje vlam.
  • Drive Capital — Retro roadtrip-poster op warm papier