Le Puzz
Sunny Sunday Circular je bulvární deník plný záhad.
Le Puzz je maximalistický e-commerce systém pro butikové obchody, postavený na dvoubarevném základě: sytá žlutá, připomínající včelí plástev, v kombinaci s čistě černou na chladném perleťově šedém pozadí. Jeho styl je křížencem vintage novin a skládačky: text je v patkovém písmu Times, zatímco titulky jsou v originálním písmu Times Now, čímž se záměrně porušují tradiční konvence elektronického obchodování, které se spoléhají na bezpatková písma. Samotné rozhraní je jednoduché a založené na mřížce, což umožňuje, aby vizuální dopad byl vyjádřen obalem produktu (husté, ilustrované kompozice plné hraček). Ovládací prvky rozhraní jsou poměrně robustní: tlačítka s černým okrajem na žlutém pozadí, ikony ve tvaru pilulek, karty s poloměrem 12px a velkorysé rozteče písmen pro malá písmena, což i tlačítku „RYCHLÉ PŘIDÁNÍ“ dodává redakční nádech.
Klasická e-commerce mřížka s charakteristickým redakčním designem. Záhlaví je žlutý proužek ve tvaru plástve s černým okrajem o šířce 1, který obsahuje logo uprostřed a další řadu navigačních tlačítek. Pod ním, nad třísloupcovou mřížkou produktů na šedém pozadí, je středová uvítací hlavička v písmu Times Now. Hlavním prvkem je středový blok fotografií se zaoblenými rohy (40), lemovaný dvěma kartami produktů. Rytmus sekcí je zachován: dostatek vertikálního prostoru (30), střídající se žluté a šedé plochy a maximální šířka přibližně 4,5 cm, vycentrované na stránce. Karty produktů mají stejnou velikost a jsou uspořádány v úhledné třísloupcové mřížce s 5cm mezerami. Rozvržení je symetrické a propojené s mřížkou – žádné asymetrické kompozice ani překrývající se prvky.
Vizuálním prvkem je produktová fotografie. Krabičky s puzzle jsou vyfotografovány celoplošně na bílém/neutrálním pozadí a poté umístěny na teplé modré nebo přírodní studiové pozadí. Hlavní snímek zobrazuje osobu držící několik krabiček s puzzle – lifestylový předmět, zachycený s nenucenou energií. Samotné balení je bohaté, ilustrativní a maximalistické: množství hraček, potravin a postaviček v jasných základních barvách s tlustými černými konturami, navržených tak, aby vypadaly jako ilustrace z dětské knihy roztroušené po 500dílném puzzle. Žádná abstraktní grafika, žádné 3D rendery, žádná ikonografie kromě jediné lupy – samotné puzzle jsou vizuálním jazykem.
Paleta
Značka
- Honeycomb Yellow
#ffd931— Primární barva značky, záhlaví, primární akční tlačítka, aktivní stav navigace, barva podtržení odkazu, zvýrazňující výplň – jednotlivá barva, kolem které se točí vše ostatní.
Neutrální
- Carbon Black
#000000— Hlavní text, tlusté okraje, obrysy tlačítek, obrysy ikon a navigační text tvoří strukturální základ celého systému. - Ink Black
#231f20— Sekundární text, primární text, ohraničení tlačítek, ohraničení vstupních polí – mírně teplejší, téměř černá barva pro jemnější dojem. - Pearl Gray
#c8cbcd— Plátno stránky, pozadí karet produktů, výrazná scéna, kde se objevují žluté a černé barvy. - Fog Gray
#a6a8aa— Tlumené povrchy odznaků, pozadí sekundárních čipů a jemné výplně uživatelského rozhraní. - Smoke Line
#d6d6d6— Tenké dělicí příčky, diskrétní dělicí příčky na stůl/karty.
Typografie
od 11 do 47 pixelů · 6 kroků
- Times Now — nahrazení: Playfair Display · obrysy 100, 400 · Patkové písmo pro nadpisy a podnadpisy – používá se pro hlavní nadpisy, názvy produktů a názvy sekcí. Ultralehké 100bodové písmo s roztečí 47 pixelů vytváří vysoký, téměř zhuštěný redakční dojem; zhuštěné tvary písmen (výška řádků 0,87–0,90) umožňují umístění velkých nadpisů blízko doprovodného textu, čímž napodobují tištěný plakát.
- Times — nahrazení: Times New Roman · obrysy 400 · Patkový text je pro internetový obchod nečekanou volbou, která celému webu dodává literární, katalogový nádech. Malé řádkování (1,15) zajišťuje kompaktnost a čitelnost odstavců.
- Helvetica Neue — nahrazení: Helvetica · obrysy 100, 400 · Drobný text v uživatelském rozhraní, text na tlačítkách a mikrotext jsou nastaveny na velikost písma 11px s velkým roztečem písmen (0,0730em), což vytváří pocit psaní velkými písmeny i při příjemné tělesné teplotě.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | hustý |
| Základní krok | 15px |
| Poloměr tlačítka | 12px |
| Poloměr karty | 12px |
| Stíny | ne - okraje místo stínů |
| Mezi sekcemi | 30-40px |
| Šířka stránky | 1200px |
Umělá inteligence vám vytvoří web ve stylu Le Puzz a naplní ho
- Doplňujte produkty a příspěvky přes odkaz - Instagram, TikTok, Facebook.
- Přeneste obsah ze starého webu – stačí zadat adresu.
- Moderní design na nejlepším enginu: React ( Next.js) s renderováním na serveru a SEO optimalizací ihned po vybalení.
- Plně automatizovaná SEO optimalizace pro výsledky vyhledávání a doporučení neuronových sítí.
Podobné styly
- Agence Foudre — Titulní strana časopisu je v jemně růžové barvě připomínající rtěnku.
- INVERSA — Topografický terminál o půlnoci. Tmavý velitelský panel, kde se na satelitních snímcích Země, z nichž každý je monochromatický, prokládá masivní redakční písmo a jediná vrstva neonově zelených značek, jako by četly souřadnice mise.
- Acne Studios — Minimalistický galerijní prostor plný zářivých fotografií – módní časopis rozložený na mramoru
- GTE — Obchodní terminál za osvětlením galerie
- Diabla — Středomořský dvůr v poledne – sluncem vybledlé růžové zdi, jedna zářivě červená plátěná markýza a patkové titulky redakcí táhnoucí se po obloze.
- Subset — Redakční butik vyrobený ze surového lnu
- Cursor — Útulná pergamenová dílna, osvětlená doutnajícím uhlím
- MindMarket — Útulná pohádková knížka na krémovém papíře - přátelské redakční plátno, kde na sluncem zalitém, měkkém povrchu jako samolepky koexistují velké titulky Interu a vystřižené papírové postavičky.
- Lamborghini — Černá barva karoserie v showroomu, pod reflektory - jedno žluté auto
- Amplemarket — Sluncem zalité pracoviště poseté konfetami
- Getharvest — Stůl ve zlaté hodince – teplé krémové plátno, na plátně zavěšené bílé pohlednice a jediný jasně oranžový plamen
- Drive Capital — Retro plakát s výletem na teplém papíře