Le Puzz
„Слънчев неделен кръгъл“ е таблоид, пълен с мистерии.
Le Puzz е максималистична система за електронна търговия за бутикови магазини, изградена върху двуцветна основа: наситено, подобно на пчелна пита жълто, съчетано с чисто черно, на фона на хладен, перленосив фон. Стилът ѝ е кръстоска между винтидж вестник и пъзел: основният текст е със серифен шрифт Times, докато заглавията са с персонализиран шрифт Times Now, умишлено нарушавайки традиционните конвенции за електронна търговия, които разчитат на безсерифни шрифтове. Самият интерфейс е опростен и базиран на мрежа, което позволява визуалното въздействие да бъде предадено чрез опаковката на продукта (плътни, илюстрирани композиции, пълни с играчки). Контролите на интерфейса са доста стабилни: бутони с черна рамка на жълт фон, икони с форма на хапче, карти с радиус 12px и щедро разстояние между буквите за малките главни букви, което придава дори на бутона „БЪРЗО ДОБАВЯНЕ“ редакционен щрих.
Класическа мрежа за електронна търговия с отличителен редакционен дизайн. Заглавката е жълта лента с форма на пчелна пита и черна рамка с ширина 1, помещаваща центрирано лого и допълнителен ред бутони за навигация. Отдолу, над триколонна мрежа с продукти на сив фон, е центрирана приветствена заглавка с шрифт Times Now. Основният елемент е центриран фото блок със заоблени ъгли (40), ограден от две продуктови карти. Ритъмът на секциите е запазен: достатъчно вертикално пространство (30), редуващи се жълти и сиви повърхности и максимална ширина от приблизително 4,5 см, центрирани на страницата. Продуктовите карти са с еднакъв размер и са подредени в спретната триколонна мрежа с разстояние от 5 см. Оформлението е симетрично и е обвързано с мрежата - без асиметрични композиции или припокриващи се елементи.
Визуалният елемент е продуктова фотография. Кутиите-пъзели са снимани изцяло на бял/неутрален фон, след което са поставени на топъл син или естествен студиен фон. Основното изображение изобразява човек, държащ няколко кутии-пъзели – обект на начина на живот, заснет с непринудена енергия. Самата опаковка е богата, илюстративна и максималистична: множество играчки, хранителни продукти и герои в ярки основни цветове с дебели черни контури, проектирани да изглеждат като илюстрация от детска книга, разпръснати върху пъзел от 500 части. Без абстрактна графика, без 3D рендери, без иконография, освен една-единствена лупа – самите пъзели са визуалният език.
Палитра
Марка
- Honeycomb Yellow
#ffd931— Основният цвят на марката, заглавната лента, основните бутони за действие, активното състояние на навигацията, цветът за подчертаване на връзките, акцентното запълване – едноцветната нота, около която се върти всичко останало.
Неутрален
- Carbon Black
#000000— Основният текст, дебелите рамки, контурите на бутоните, контурите на иконите, навигационният текст са структурната основа на цялата система. - Ink Black
#231f20— Вторичен текст, основен текст, рамки на бутоните, рамки на полетата за въвеждане - малко по-топъл, почти черен цвят за по-меко усещане. - Pearl Gray
#c8cbcd— Платно за страница, фонове на продуктови карти, поразителна сцена, където се появяват жълти и черни цветове. - Fog Gray
#a6a8aa— Приглушени повърхности на значките, фонове на вторични чипове и фини запълвания на потребителския интерфейс. - Smoke Line
#d6d6d6— Тънки разделители, дискретни разделители за маса/карти.
Типография
от 11 до 47px · 6 стъпки
- Times Now — замяна: Playfair Display · очертания 100, 400 · Серифен шрифт за заглавия и подзаглавия – използва се за основни заглавия, имена на продукти и заглавия на раздели. Ултралекият шрифт от 100 пункта с стъпка от 47 пиксела създава високо, почти сгъстено редакционно усещане; сгъстените буквени форми (височина на редовете 0,87–0,90) позволяват големите заглавия да бъдат позиционирани близо до придружаващия текст, имитирайки печатен плакат.
- Times — замяна: Times New Roman · очертания 400 · Текстът със серифни шрифтове е неочакван избор за онлайн магазин, придавайки на целия сайт литературно, каталожно усещане. Малкото разстояние между редовете (1,15) прави параграфите компактни и четливи.
- Helvetica Neue — замяна: Helvetica · очертания 100, 400 · Малкият текст в потребителския интерфейс, текстът на бутоните и микротекстът са с шрифт 11px с голямо разстояние между буквите (0.0730em), което създава усещане за писане с главни букви дори при комфортна телесна температура.
Интервали и форма
| Цел | Стойност |
|---|---|
| Плътност | гъст |
| Основна стъпка | 15px |
| Радиус на бутона | 12px |
| Радиус на картата | 12px |
| Сенки | не - рамки вместо сенки |
| Между секциите | 30-40px |
| Ширина на страницата | 1200px |
Изкуственият интелект ще изгради вашия уебсайт в стил Le Puzz и ще го запълни
- Попълнете с продукти и публикации чрез линка - Instagram, TikTok, Facebook.
- Прехвърлете съдържание от стария си сайт – просто посочете адреса.
- Модерен дизайн на най-добрия енджин: React ( Next.js) със сървърно рендериране и SEO оптимизация веднага щом е готов.
- Напълно автоматизирана SEO оптимизация за резултати от търсенето и препоръки от невронни мрежи.
Подобни стилове
- Agence Foudre — Корицата на списанието е в нежно розов цвят, напомнящ червило.
- INVERSA — Топографски полеви терминал в полунощ. Тъмен команден панел, където масивен редакционен шрифт и единичен слой неоновозелени маркери са насложени върху сателитни изображения на Земята, всеки етикетиран като монохромен, сякаш четат координатите на мисията.
- Acne Studios — Минималистично галерийно пространство, изпълнено с ярки фотографии - модно списание, разположено върху мрамор
- GTE — Търговски терминал зад осветлението на галерията
- Diabla — Средиземноморски двор по обяд – избелели от слънцето розови стени, една яркочервена брезентова тента и заглавия със серебристи редакционни букви, простиращи се по небето.
- Subset — Редакционен бутик, изработен от суров лен
- Cursor — Уютна работилница за пергамент, осветена от тлеещи въглени
- MindMarket — Уютна книжка с приказки върху кремава хартия - приветливо редакционно платно, където големи заглавия на Интер и изрязани хартиени герои съжителстват върху обляна от слънце, мека като стикер повърхност.
- Lamborghini — Черен цвят на каросерията в шоурума, под прожекторите - една жълта кола
- Amplemarket — Огрено от слънце работно място, обсипано с конфети
- Getharvest — Бюро в златния час – топло кремаво платно, бели пощенски картички, окачени върху платното, и един-единствен яркооранжев пламък
- Drive Capital — Ретро плакат за пътуване с кола върху топла хартия