Le Puzz
Slnečný nedeľný obežník je bulvárny denník plný záhad.
Le Puzz je maximalistický systém elektronického obchodu pre butikové obchody, postavený na dvojfarebnom základe: sýta žltá farba pripomínajúca včeliu plást v kombinácii s čisto čiernou na chladnom perleťovosivom pozadí. Jeho štýl je krížencom vintage novín a skladačky: text je v pätkovom písme Times, zatiaľ čo titulky sú vo vlastnom písme Times Now, čím sa zámerne porušujú tradičné konvencie elektronického obchodu, ktoré sa spoliehajú na bezpätkové písma. Samotné rozhranie je jednoduché a založené na mriežke, čo umožňuje vizuálny dojem vyjadriť balením produktu (husté, ilustrované kompozície plné hračiek). Ovládacie prvky rozhrania sú pomerne robustné: tlačidlá s čiernym okrajom na žltom pozadí, ikony v tvare tabletky, karty s polomerom 12px a veľkorysé rozstupy písmen pre malé písmená, čo dodáva aj tlačidlu „RÝCHLE PRIDAŤ“ redakčný nádych.
Klasická mriežka pre elektronický obchod s charakteristickým redakčným dizajnom. Hlavička je žltý pás v tvare včelieho plástu s čiernym okrajom so šírkou 1, v ktorom sa nachádza logo umiestnené v strede a ďalší rad navigačných tlačidiel. Pod ním, nad trojstĺpcovou mriežkou produktov na sivom pozadí, sa nachádza uvítacia hlavička umiestnená v strede písma Times Now. Hlavným prvkom je vycentrovaný blok fotografií so zaoblenými rohmi (40), lemovaný dvoma kartami produktov. Rytmus sekcií je zachovaný: dostatok vertikálneho priestoru (30), striedajúce sa žlté a sivé povrchy a maximálna šírka približne 4,5 cm, vycentrované na stránke. Karty produktov majú rovnakú veľkosť a sú usporiadané v úhľadnej trojstĺpcovej mriežke s 5 cm medzerami. Rozloženie je symetrické a prepojené s mriežkou – žiadne asymetrické kompozície ani prekrývajúce sa prvky.
Vizuálnym prvkom je produktová fotografia. Krabičky s puzzle sú vyfotografované celé na bielom/neutrálnom pozadí a potom umiestnené na teplom modrom alebo prírodnom štúdiovom pozadí. Hlavný obrázok zobrazuje osobu držiacu niekoľko krabíc s puzzle – predmet životného štýlu, zachytený s ľahkou energiou. Samotné balenie je bohaté, ilustratívne a maximalistické: množstvo hračiek, potravín a postáv v jasných základných farbách s hrubými čiernymi obrysmi, navrhnuté tak, aby vyzerali ako ilustrácie z detskej knihy roztrúsené po 500-dielnom puzzle. Žiadna abstraktná grafika, žiadne 3D rendery, žiadna ikonografia okrem jedinej lupy – samotné puzzle sú vizuálnym jazykom.
Paleta
Značka
- Honeycomb Yellow
#ffd931— Primárna farba značky, záhlavie okna, hlavné akčné tlačidlá, aktívny stav navigácie, farba podčiarknutia odkazu, zvýrazňovacia výplň – jednotlivá farba, okolo ktorej sa všetko ostatné točí.
Neutrálny
- Carbon Black
#000000— Hlavný text, hrubé orámovanie, obrysy tlačidiel, obrysy ikon a navigačný text tvoria štrukturálny základ celého systému. - Ink Black
#231f20— Sekundárny text, primárny text, orámovanie tlačidiel, orámovanie vstupných polí – mierne teplejšia, takmer čierna farba pre jemnejší dojem. - Pearl Gray
#c8cbcd— Plátno stránky, pozadia kariet produktov, výrazné pódium, kde sa objavujú žlté a čierne farby. - Fog Gray
#a6a8aa— Tlmené povrchy odznakov, pozadia sekundárnych čipov a jemné výplne používateľského rozhrania. - Smoke Line
#d6d6d6— Úzke deliace priečky, diskrétne deliace priečky na stôl/karty.
Typografia
od 11 do 47px · 6 krokov
- Times Now — náhrada: Playfair Display · obrysy 100, 400 · Pätkové písmo pre nadpisy a podnadpisy – používa sa pre hlavné nadpisy, názvy produktov a názvy sekcií. Ultraľahké 100-bodové písmo s rozstupom 47 pixelov vytvára vysoký, takmer zhustený redakčný dojem; zhustené tvary písmen (výška riadku 0,87 – 0,90) umožňujú umiestniť veľké nadpisy blízko sprievodného textu, čím napodobňujú tlačený plagát.
- Times — náhrada: Times New Roman · obrysy 400 · Pätkový text je pre internetový obchod neočakávanou voľbou, ktorá dodáva celej stránke literárny, katalógový nádych. Malé riadkovanie (1,15) robí odseky kompaktnými a čitateľnými.
- Helvetica Neue — náhrada: Helvetica · obrysy 100, 400 · Drobný text v používateľskom rozhraní, text na tlačidlách a mikrotext sú nastavené na písmo veľkosti 11px s veľkým rozstupom písmen (0,0730em), čo vytvára pocit písania veľkými písmenami aj pri príjemnej telesnej teplote.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | hustý |
| Základný krok | 15px |
| Polomer tlačidla | 12px |
| Polomer karty | 12px |
| Tiene | nie - okraje namiesto tieňov |
| Medzi sekciami | 30-40px |
| Šírka stránky | 1200px |
Umelá inteligencia vytvorí vašu webovú stránku v štýle Le Puzz a naplní ju
- Doplňte produktmi a príspevkami cez odkaz - Instagram, TikTok, Facebook.
- Preneste obsah zo svojej starej stránky – stačí zadať adresu.
- Moderný dizajn na najlepšom engine: React ( Next.js) s vykresľovaním servera a SEO optimalizáciou hneď po vybalení.
- Plne automatizovaná SEO optimalizácia pre výsledky vyhľadávania a odporúčania neurónových sietí.
Podobné štýly
- Agence Foudre — Titulná strana časopisu je v jemne ružovej farbe pripomínajúcej rúž.
- INVERSA — Topografický terminál o polnoci. Tmavý veliteľský panel, kde sa na satelitných snímkach Zeme prekrýva masívne redakčné písmo a jedna vrstva neónovozelených značiek, pričom každá je označená monochromaticky, akoby čítali súradnice misie.
- Acne Studios — Minimalistický galerijný priestor plný žiarivých fotografií – módny časopis rozložený na mramore
- GTE — Obchodný terminál za osvetlením galérie
- Diabla — Stredomorský dvor napoludnie – slnkom vyblednuté ružové steny, jedna jasne červená plátenná markíza a pätkové titulky redakcií tiahnuce sa po oblohe.
- Subset — Redakčný butik vyrobený zo surového ľanu
- Cursor — Útulná pergamenová dielňa, osvetlená tlejúcim uhlím
- MindMarket — Útulná rozprávková kniha na krémovom papieri - príjemné redakčné plátno, kde na slnkom zaliatom, mäkkom povrchu ako nálepka koexistujú veľké titulky Interu a vystrihnuté papierové postavičky.
- Lamborghini — Čierna farba karosérie v showroome, pod reflektormi - jedno žlté auto
- Amplemarket — Slnkom zaliate pracovisko posiate konfetami
- Getharvest — Stôl v zlatej hodinke – teplé krémové plátno, na plátne zavesené biele pohľadnice a jediný jasne oranžový plameň.
- Drive Capital — Retro plagát o výlete autom na teplom papieri