Le Puzz
Sunny Sunday Circular er en tabloid fuld af mysterier.
Le Puzz er et maksimalistisk e-handelssystem til butikker, bygget på et tofarvet fundament: fyldig, bikagelignende gul parret med ren sort, sat op mod en kølig, perlegrå baggrund. Stilen er en krydsning mellem vintage avis og puslespil: brødteksten er i serif Times, mens overskrifterne er i en brugerdefineret skrifttype, Times Now, der bevidst bryder med traditionelle e-handelskonventioner, der er afhængige af sans-serif-skrifttyper. Selve brugerfladen er holdt enkel og gitterbaseret, hvilket gør det muligt at formidle den visuelle effekt gennem produktemballagen (tætte, illustrerede kompositioner fyldt med legetøj). Brugerfladekontrollerne er ret robuste: knapper med en sort kant på en gul baggrund, pilleformede ikoner, kort med en radius på 12px og generøs bogstavafstand til små bogstaver, hvilket giver selv "HURTIG TILFØJELSE"-knappen et redaktionelt præg.
Et klassisk e-handelsgitter med et karakteristisk redaktionelt design. Overskriften er en gul bikageformet strimmel med en sort kant i 1 bredde, der huser et centreret logo og en ekstra række navigationsknapper. Nedenfor, over et gitter med tre kolonner af produkter på en grå baggrund, er en centreret velkomstoverskrift i Times Now-skrifttypen. Hovedelementet er en centreret fotoblok med afrundede hjørner (40), flankeret af to produktkort. Sektionernes rytme opretholdes: rigelig lodret plads (30), skiftevis gule og grå overflader og en maksimal bredde på cirka 4,5 cm, centreret på siden. Produktkortene har samme størrelse og er arrangeret i et pænt gitter med tre kolonner med 5 cm mellemrum. Layoutet er symmetrisk og bundet til gitteret – ingen asymmetriske kompositioner eller overlappende elementer.
Det visuelle element er produktfotografering. Puslespilsæskerne er fotograferet fuldt ud mod en hvid/neutral baggrund og derefter placeret mod en varm blå eller naturlig studiebaggrund. Hovedbilledet viser en person, der holder flere puslespilsæsker – et livsstilsobjekt, fanget med ubesværet energi. Selve emballagen er rig, illustrativ og maksimalistisk: et væld af legetøj, fødevarer og figurer i klare primærfarver med tykke sorte konturer, designet til at ligne en børnebogsillustration spredt ud over et puslespil med 500 brikker. Ingen abstrakt grafik, ingen 3D-gengivelser, ingen ikonografi udover et enkelt forstørrelsesglas – selve puslespillene er det visuelle sprog.
Palet
Mærke
- Honeycomb Yellow
#ffd931— Den primære brandfarve, titellinjen, de primære handlingsknapper, navigationens aktive tilstand, linkets understregningsfarve, accentudfyldningen – den ene farvetone, som alt andet drejer sig om.
Neutral
- Carbon Black
#000000— Hovedteksten, tykke rammer, knapkonturer, ikonkonturer og navigationstekst er det strukturelle grundlag for hele systemet. - Ink Black
#231f20— Sekundær tekst, primær tekst, knapkanter, inputfeltkanter - en lidt varmere, næsten sort farve for en blødere fornemmelse. - Pearl Gray
#c8cbcd— Sidelærred, baggrunde for produktkort, en iøjnefaldende scene hvor gule og sorte farver fremstår. - Fog Gray
#a6a8aa— Dæmpede badge-overflader, sekundære chip-baggrunde og diskrete brugergrænsefladeudfyldninger. - Smoke Line
#d6d6d6— Tynde skillevægge, diskrete bord-/kortdelere.
Typografi
fra 11 til 47px · 6 trin
- Times Now — udskiftning: Playfair Display · konturer 100, 400 · En serif-skrifttype til overskrifter og underoverskrifter – bruges til hovedoverskrifter, produktnavne og sektionstitler. Den ultralette skrifttype på 100 punkter med en afstand på 47 pixels skaber en høj, næsten kondenseret redaktionel fornemmelse; de kondenserede bogstavformer (linjehøjder på 0,87-0,90) gør det muligt at placere store overskrifter tæt på den ledsagende tekst og efterligne en trykt plakat.
- Times — udskiftning: Times New Roman · konturer 400 · Serif-teksten er et uventet valg til en onlinebutik, da den giver hele siden et litterært, katalogagtigt præg. Den lille linjeafstand (1,15) gør afsnittene kompakte og læsbare.
- Helvetica Neue — udskiftning: Helvetica · konturer 100, 400 · Lille tekst i brugergrænsefladen, tekst på knapper og mikrotekst er angivet i 11px skrifttype med stor bogstavafstand (0,0730em), hvilket skaber følelsen af at skrive med store bogstaver, selv ved en behagelig kropstemperatur.
Intervaller og form
| Formål | Mening |
|---|---|
| Tæthed | tæt |
| Grundlæggende trin | 15px |
| Knapradius | 12px |
| Kortradius | 12px |
| Skygger | ingen grænser i stedet for skygger |
| Mellem sektioner | 30-40px |
| Sidebredde | 1200px |
AI vil bygge din hjemmeside i Le Puzz -stil og udfylde den
- Fyld med produkter og opslag via linket - Instagram, TikTok, Facebook.
- Overfør indhold fra dit gamle websted – angiv blot adressen.
- Moderne design på den bedste søgemotor: React ( Next.js) med serverrendering og SEO-optimering lige fra starten.
- Fuldautomatiseret SEO-optimering til søgeresultater og anbefalinger til neurale netværk.
Lignende stilarter
- Agence Foudre — Magasinets forside har en blød lyserød farve, der minder om læbestift.
- INVERSA — En topografisk feltterminal ved midnat. Et mørkt kommandopanel, hvor massiv redaktionel skrifttype og et enkelt lag neongrønne markører er lagt oven på satellitbilleder af Jorden, hver etiket monokrom, som om man aflæser missionskoordinater.
- Acne Studios — Et minimalistisk galleri fyldt med livlige fotografier – et modemagasin lagt på marmor
- GTE — Handelsterminal bag galleribelysning
- Diabla — En middelhavsgårdhave ved middagstid – solblege lyserøde vægge, en lysrød lærredsmarkise og serifede lederoverskrifter, der strækker sig over himlen.
- Subset — Redaktionel butik lavet af råt hør
- Cursor — Et hyggeligt pergamentværksted, oplyst af ulmende kul
- MindMarket — En hyggelig eventyrbog på cremefarvet papir - et venligt redaktionelt lærred, hvor store Inter-overskrifter og udklippede papirfigurer sameksisterer på en solbeskinnet, klistermærkeblød overflade.
- Lamborghini — Sort karrosserifarve i udstillingslokalet, under projektørerne - én gul bil
- Amplemarket — En solbeskinnet arbejdsplads oversået med konfetti
- Getharvest — Et skrivebord i den gyldne time – et varmt cremefarvet lærred, hvide postkort hængt på lærredet og en enkelt lys orange flamme
- Drive Capital — Retro roadtrip-plakat på varmt papir