Shop
Пловечка трговска констелација на бел мермер
Онлајн продавницата работи на модел на „бело платно“, при што производите се прикажани како големи, силно закривени картички со слики, наместо мрежи од минијатури. Целиот интерфејс е неверојатно мазен: радиуси од 20-28px низ целиот простор, контроли во форма на апчиња и компактно тело GT Standard од 16px со цврсто негативно следење што го прави текстот јасен и задебелен. Единствениот задебелен акцент на системот е живописна виолетова (#5433eb), која се појавува во логото, кружното поле за резултати од пребарувањето и како затемнета сенка на истото копче. Остатокот од палетата е топло неутрален: бели површини, суптилно ладно сиво платно, суптилни граници и речиси црн текст. Густината останува компактна со олуци од 12px, но лентите за херои и категории дишат благодарение на дарежливиот вертикален ритам од 64-80px, што го прави искуството со трговија да се чувствува повеќе како прелистување отколку како каталог.
Максималната ширина е 1200 пиксели, центрирана на проѕирно платно #f2f4f5, со постојана странична лента со ширина од 64 пиксели лево што содржи само икони за навигација. Главниот елемент е лента со целосна ширина, со картички за производи поставени над центрирано виолетово лого на „продавница“ и лента за пребарување во форма на апче директно под него. Категоријата апчиња е распоредена во еден центриран ред под лентата за пребарување. Секциите за содржина (Жени, Мажи, Убавина, Дом, Бебе и Деца) следат како означени ленти, секоја содржи мрежа од 4 колони со слики од производи или композиција од 2 колони „главен елемент и мрежа“. Вертикалниот ритам е дарежлив: 64–80 пиксели помеѓу главните делови. Подножјето е темна лента на дното од страницата со групи на врски во форма на колони. Стрелките на вртелешката од десната страна на хоризонталните панели на производи означуваат содржина што може да се скролува без точки за пагинација.
Фотографијата е доминантен визуелен елемент: фотографии од производи на цел екран на бела позадина, исечени 1:1 и слики од животен стил со топли земјени тонови (беж, теракота, жалфија, слонова коска). Сликите од производите имаат своја боја - корисничкиот интерфејс останува ахроматски, дозволувајќи им на нијансите на производите да обезбедат визуелна разновидност. Логоата на брендовите се појавуваат како текст на преклопување на темни или светли главни слики, наместо како поединечни икони. Во главната композиција, картичките на производите се позиционирани како лебдечка, малку преклопувачка констелација над зборовниот знак. Иконите се минималистички и монохроматски (црни контури), со исклучок на иконите на категориите, кои користат една боја на брендот. Нема илустрации, 3D ефекти или градиенти на сликите од производите.
Палета
Бренд
- 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 до 16px · 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) — бела галериска витрина