Shop
Плутајуће трговачко сазвежђе на белом мермеру
Онлајн продавница функционише по моделу „белог платна“, где се производи приказују као велике, јако закривљене картице са сликама, а не као мреже сличица. Читав интерфејс је невероватно гладак: радијуси од 20-28 пиксела по целом простору, контроле у облику пилуле и компактно GT стандардно тело од 16 пиксела са уским негативним праћењем које текст чини оштрим и подебљаним. Једини подебљани акценат система је жива љубичаста (#5433eb), која се појављује у логотипу, кружном пољу резултата претраге и као нијансирана сенка на истом дугмету. Остатак палете је топло неутралан: беле површине, суптилно хладно сиво платно, суптилне ивице и скоро црн текст. Густина остаје компактна са олуцима од 12 пиксела, али пруге хероја и категорије дишу захваљујући великодушном вертикалном ритму од 64-80 пиксела, чинећи да искуство трговине више подсећа на прегледавање него на каталог.
Максимална ширина је 1200 пиксела, центрирана на провидном платну #f2f4f5, са трајном бочном траком ширине 64 пиксела са леве стране која садржи само иконе за навигацију. Главни елемент је трака пуне ширине, са картицама производа постављеним изнад центрираног љубичастог логотипа „продавнице“, и траком за претрагу у облику пилуле директно испод ње. Таблете категорија су распоређене у једном центрираном реду испод траке за претрагу. Одељци садржаја (Жене, Мушкарци, Лепота, Дом, Бебе и деца) следе као одређене траке, а сваки садржи мрежу са 4 колоне са сликама производа или композицију „главни елемент и мрежа“ са 2 колоне. Вертикални ритам је издашан: 64–80 пиксела између главних одељака. Подножје је тамна трака на дну странице са групама линкова у облику колона. Стрелице у облику вртлежача на десној страни хоризонталних панела производа означавају садржај који се може скроловати без тачака пагинације.
Фотографија је доминантан визуелни елемент: фотографије производа преко целог екрана на белој позадини, исечене 1:1, и слике животног стила са топлим земљаним тоновима (беж, теракота, жалфија, боја слоноваче). Слике производа имају своју боју — кориснички интерфејс остаје ахроматски, што омогућава нијансама производа да пруже визуелну разноликост. Логотипи брендова се појављују као преклапајући текст на тамним или светлим главним сликама, а не као појединачне иконе. У главној композицији, картице производа су позициониране као плутајућа, благо преклапајућа констелација изнад заштитног знака. Иконе су минималистичке и монохроматске (црни обриси), са изузетком икона категорија, које користе једну боју бренда. Нема илустрација, 3Д ефеката или градијената на сликама производа.
Палета
Brend
- Shop Violet
#5433eb— Дугме за слање, тачкасти текст и лого бренда су једини акценти који истичу акцију и индивидуалност на белој позадини. - Violet Wash
#c0b5f3— Прозирни ореол иза љубичастог дугмета за слање који одржава свој сјај без промене нијансе.
Неутрално
- Canvas Mist
#f2f4f5— Позадина странице и додатна површинска обрада иза издигнутих картица. - Pure White
#ffffff— Главна површина за картице, поља за унос, плутајуће знакове и дугмад у облику пилуле. - Ink Black
#000000— Главни текст, наслови, иконе, симболи за навигацију и картице производа у тамном режиму. - Faint Border
#ebebeb— Танке линије за раздвајање на картицама, обриси поља за унос и оквири дугмади у облику пилуле. - Muted Gray
#787574— Секундарни текст, ознаке за навигацију, обриси икона када је неактивно - Cool Stone
#cccccc— Чувари места, онемогућена стања и неактивне позадине икона
Типографија
од 11 до 16 пиксела · 4 корака
- GT Standard — замена: Inter · обриси 400 · Примарни фонт у свим величинама — и за текст и за наслове. GTStandard-MRegular са 16px/-0.031em је примарни фонт за текст, дугмад и ознаке. GTStandard-MSemibold са 20px/-0.05em се користи за неколико великих наслова; GTStandard-MMedium са 11–12px се користи за микронаслове. Свака варијанта фонта се приказује са оптичком тежином од 400 — хијерархија фонтова се постиже суптилним градијентима и густим негативним размаком између слова, уместо подебљаног контраста. Ово је препознатљив стил: Shop се не истиче подебљаним фонтовима, већ обликује текст кроз размак између слова.
- Shopify Sans — замена: Inter · обриси 400, 700 · Резервисано за поруке на нивоу система као што су банери за учитавање апликација и текст сагласности за колачиће.
Интервали и форма
| Сврха | Значење |
|---|---|
| Густина | просек |
| Основни корак | 12px |
| Радијус дугмета | 9999px |
| Радијус картице | 28px |
| Сенке | меке сенке |
| Између одељака | 64px |
| Ширина странице | 1200px |
Вештачка интелигенција ће изградити ваш веб сајт у Shop стилу и попунити га
- Попуните производима и објавама преко линка - Instagram, TikTok, Facebook.
- Пребаците садржај са вашег старог сајта — само наведите адресу.
- Модерни дизајн на најбољем енџину: React ( Next.js) са рендеровањем на серверу и SEO оптимизацијом одмах по уградњи.
- Потпуно аутоматизована SEO оптимизација за резултате претраге и препоруке неуронских мрежа.
Слични стилови
- Cursor — Удобна радионица за пергамент, осветљена тињајућим угљем
- Slush — Надувни универзум налепница на пастелном папиру
- MindMarket — Удобна бајковита књига на крем папиру - пријатно уредничко платно где велики Интерови наслови и исечени ликови са папира коегзистирају на сунцем обасјаној, мекој попут налепница површини.
- Airbnb — Тихи бели галеријски зид са једним корално црвеним обележивачем
- Superr — Топла школска свеска у меком поподневном светлу. Крем страница боје, наранџасти маркер без поклопца и гомила пластифицираних налепница са именима које чекају да се одлепе.
- Apple (España) — Музејска галерија, у меком дневном светлу, је јединствени, задивљујући, бестежински бели простор, где је сваки експонат осветљен рефлектором на благо обојеном зиду.
- Lamborghini — Црна боја каросерије у салону, испод рефлектора - један жути аутомобил
- Amplemarket — Сунцем обасјано радно место посуто конфетама
- Getharvest — Радни сто у златном сату – топло кремасто платно, беле разгледнице окачене на платну и један јарко наранџасти пламен
- Agence Foudre — Насловна страна часописа је нежно ружичасте боје која подсећа на кармин.
- Drive Capital — Ретро постер за путовање на топлом папиру
- Apple (España) — бела витрина за галерију