Le Puzz
Sunny Sunday Circular är en tabloidtidning full av mysterier.
Le Puzz är ett maximalistiskt e-handelssystem för butiker, byggt på en tvåfärgad grund: fyllig, bikakeliknande gul i kombination med ren svart, mot en sval, pärlgrå bakgrund. Dess stil är en korsning mellan vintagetidning och pussel: brödtexten är i serif Times, medan rubrikerna är i ett specialdesignat typsnitt, Times Now, vilket medvetet bryter mot traditionella e-handelskonventioner som förlitar sig på sans-serif-typsnitt. Själva gränssnittet är enkelt och rutnätsbaserat, vilket gör att den visuella effekten kan förmedlas av produktförpackningen (täta, illustrerade kompositioner fyllda med leksaker). Gränssnittskontrollerna är ganska robusta: knappar med svart kant mot gul bakgrund, pillerformade ikoner, kort med en radie på 12px och generöst bokstavsavstånd för små versaler, vilket ger även knappen "QUICK LIGHT" en redaktionell touch.
Ett klassiskt e-handelsrutnät med en distinkt redaktionell design. Rubriken är en gul bikakeformad remsa med en svart kantlinje med en bredd på 1, som innehåller en centrerad logotyp och en extra rad med navigeringsknappar. Nedanför, ovanför ett trekolumnsrutnät med produkter mot en grå bakgrund, finns en centrerad välkomstrubrik i typsnittet Times Now. Huvudelementet är ett centrerat fotoblock med rundade hörn (40), flankerat av två produktkort. Rytmen i avsnitten bibehålls: gott om vertikalt utrymme (30), alternerande gula och grå ytor och en maximal bredd på cirka 4,5 cm, centrerad på sidan. Produktkorten har samma storlek och är arrangerade i ett snyggt trekolumnsrutnät med 5 cm mellanrum. Layouten är symmetrisk och knuten till rutnätet – inga asymmetriska kompositioner eller överlappande element.
Det visuella elementet är produktfotografering. Pussellådorna fotograferas heltäckande mot en vit/neutral bakgrund och placeras sedan mot en varmblå eller naturlig studiobakgrund. Huvudbilden visar en person som håller flera pussellådor – ett livsstilsobjekt, fångat med enkel energi. Själva förpackningen är rik, illustrativ och maximalistisk: en mängd leksaker, livsmedelsprodukter och karaktärer i ljusa primärfärger med tjocka svarta konturer, utformade för att se ut som en barnboksillustration utspridda över ett 500-bitars pussel. Ingen abstrakt grafik, inga 3D-renderingar, ingen ikonografi annat än ett enda förstoringsglas – själva pusslen är det visuella språket.
Palett
Stämpla
- Honeycomb Yellow
#ffd931— Den primära varumärkesfärgen, titelfältet, de primära åtgärdsknapparna, navigeringens aktiva tillstånd, länkens understrykningsfärg, accentfärgen – den enda färgnoten som allt annat kretsar kring.
Neutral
- Carbon Black
#000000— Huvudtexten, tjocka ramar, knappkonturer, ikonkonturer och navigeringstext är den strukturella grunden för hela systemet. - Ink Black
#231f20— Sekundärtext, primärtext, knappkanter, inmatningsfältskanter – en något varmare, nästan svart färg för en mjukare känsla. - Pearl Gray
#c8cbcd— Sidduk, bakgrunder för produktkort, en slående scen där gula och svarta färger framträder. - Fog Gray
#a6a8aa— Dämpade märkytor, sekundära chipbakgrunder och subtila användargränssnittsfyllningar. - Smoke Line
#d6d6d6— Smala avdelare, diskreta bord-/kortavdelare.
Typografi
från 11 till 47px · 6 steg
- Times Now — ersättning: Playfair Display · konturer 100, 400 · Ett serif-teckensnitt för rubriker och underrubriker – används för huvudrubriker, produktnamn och sektionstitlar. Det ultralätta teckensnittet på 100 punkter med en bredd på 47 pixlar skapar en hög, nästan komprimerad redaktionell känsla; de komprimerade bokstavsformerna (radhöjder på 0,87–0,90) gör att stora rubriker kan placeras nära den medföljande texten och efterlikna en tryckt affisch.
- Times — ersättning: Times New Roman · konturer 400 · Serif-texten är ett oväntat val för en webbutik, vilket ger hela webbplatsen en litterär, katalogliknande känsla. Det korta radavståndet (1,15) gör stycken kompakta och läsbara.
- Helvetica Neue — ersättning: Helvetica · konturer 100, 400 · Liten text i användargränssnittet, text på knappar och mikrotext är inställda i teckensnittet 11px med ett stort bokstavsavstånd (0,0730 em), vilket skapar känslan av att skriva med versaler även vid en behaglig kroppstemperatur.
Intervaller och form
| Ändamål | Menande |
|---|---|
| Densitet | tät |
| Grundläggande steg | 15px |
| Knappradie | 12px |
| Kortradie | 12px |
| Skuggor | inga gränser istället för skuggor |
| Mellan sektioner | 30-40px |
| Sidbredd | 1200px |
AI kommer att bygga din webbplats i Le Puzz -stil och fylla den
- Fyll på med produkter och inlägg via länken - Instagram, TikTok, Facebook.
- Överför innehåll från din gamla webbplats – ange bara adressen.
- Modern design på den bästa sökmotorn: React ( Next.js) med serverrendering och SEO-optimering direkt ur lådan.
- Helautomatisk SEO-optimering för sökresultat och rekommendationer för neurala nätverk.
Liknande stilar
- Agence Foudre — Tidningens omslagssida har en mjuk rosa färg som påminner om läppstift.
- INVERSA — En topografisk fältterminal vid midnatt. En mörk kommandopanel, där massivt redaktionellt teckensnitt och ett enda lager neongröna markörer är överlagrade satellitbilder av jorden, varje etikett monokrom, som om man läser uppdragskoordinater.
- Acne Studios — Ett minimalistiskt galleriutrymme fyllt med livfulla fotografier – en modetidning upplagd på marmor
- GTE — Handelsterminal bakom galleribelysningen
- Diabla — En medelhavsgård vid middagstid – solblekta rosa väggar, en klarröd dukmarkis och seriferade ledarrubriker som sträcker sig över himlen.
- Subset — Redaktionell butik tillverkad av rålinne
- Cursor — En mysig pergamentverkstad, upplyst av glödande kol
- MindMarket — En mysig sagobok på krämfärgat papper – en vänlig redaktionell duk där stora Inter-rubriker och utklippta pappersfigurer samsas på en soldränkt, klistermjuk yta.
- Lamborghini — Svart karossfärg i utställningslokalen, under strålkastarna - en gul bil
- Amplemarket — En soldränkt arbetsplats beströdd med konfetti
- Getharvest — Ett skrivbord vid gyllene timmen – en varm krämfärgad duk, vita vykort hängande på duken och en enda ljus orange låga
- Drive Capital — Retro roadtrip-affisch på varmt papper