Shop
Ақ мәрмәрдегі қалқымалы сауда шоқжұлдызы
Интернет-дүкен «ақ кенеп» моделінде жұмыс істейді, өнімдер миниатюралар торы емес, үлкен, қатты иілген кескін карталары ретінде көрсетіледі. Интерфейс толығымен өте тегіс: бойымен 20-28 пиксель радиусы, таблетка тәрізді басқару элементтері және мәтінді анық және батыл ететін тығыз теріс бақылауы бар ықшам 16 пиксель GT Standard корпусы. Жүйенің жалғыз қалың екпіні - логотипте, дөңгелек іздеу нәтижелері өрісінде және сол түймеде реңктелген көлеңке ретінде пайда болатын ашық күлгін түс (#5433eb). Палитраның қалған бөлігі жылы бейтарап: ақ беттер, нәзік салқын сұр кенеп, нәзік жиектер және қараға дерлік мәтін. Тығыздығы 12 пиксельді науалармен ықшам болып қалады, бірақ батыр мен санат жолақтары 64-80 пиксельдік кең тік ырғақ арқасында тыныс алады, бұл сауда тәжірибесін каталогтан гөрі шолу сияқты сезінуге мүмкіндік береді.
Максималды ені - 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-ден 16 пиксельге дейін · 4 қадам
- GT Standard — ауыстыру: Inter · контурлар 400 · Барлық өлшемдегі негізгі қаріп — негізгі мәтін мен тақырыптар үшін. 16px/-0.031em өлшеміндегі GTStandard-MRegular негізгі мәтін, түймелер және белгілер үшін негізгі қаріп болып табылады. 20px/-0.05em өлшеміндегі GTStandard-MSemibold бірнеше үлкен тақырыптар үшін қолданылады; 11–12px өлшеміндегі GTStandard-MMedium микросуретшелер үшін қолданылады. Әрбір қаріп нұсқасы 400 оптикалық салмағымен көрсетіледі — қаріп иерархиясына жуан контраст емес, нәзік градиенттер мен тығыз теріс әріп аралығы арқылы қол жеткізіледі. Бұл қолтаңба стилі: Shop жуан қаріптермен айқайламайды, керісінше мәтінді әріп аралығы арқылы қалыптастырады.
- Shopify Sans — ауыстыру: Inter · контурлар 400, 700 · Қолданбаны жүктеу баннерлері және cookie файлдарына келісім мәтіні сияқты жүйелік деңгейдегі хабарламалар үшін сақталған.
Аралықтары және формасы
| Мақсаты | Мағынасы |
|---|---|
| Тығыздық | орташа |
| Негізгі қадам | 12px |
| Түйме радиусы | 9999px |
| Карта радиусы | 28px |
| Көлеңкелер | жұмсақ көлеңкелер |
| Бөлімдер арасында | 64px |
| Беттің ені | 1200px |
Жасанды интеллект сіздің веб-сайтыңызды Shop стилінде жасайды және оны толтырады
- Instagram, TikTok, Facebook сілтемелері арқылы өнімдер мен жазбаларды толтырыңыз.
- Ескі сайтыңыздан мазмұнды тасымалдаңыз — тек мекенжайын көрсетіңіз.
- Ең үздік қозғалтқыштағы заманауи дизайн: серверді рендерингтеу және SEO оңтайландыру арқылы React ( Next.js).
- Іздеу нәтижелері мен нейрондық желі ұсыныстары үшін толық автоматтандырылған SEO оңтайландыруы.
Ұқсас стильдер
- Cursor — Тұтанған көмірмен жарықтандырылған жайлы пергамент шеберханасы
- Slush — Пастель қағазындағы үрлемелі стикерлер әлемі
- MindMarket — Крем қағазға басылған жайлы ертегі кітабы – күнге қыздырылған, стикер тәрізді жұмсақ бетінде үлкен Inter тақырыптары мен кесілген қағаз кейіпкерлері қатар орналасқан ыңғайлы редакциялық кенеп.
- Airbnb — Маржан қызыл түсті бір бетбелгісі бар тыныш ақ галерея қабырғасы
- Superr — Күндізгі жұмсақ жарықта жылы мектеп дәптері. Крем түсті парақ, қақпағы жоқ қызғылт сары маркер және алынуын күтіп тұрған ламинатталған есімдер жазылған жапсырмалар.
- Apple (España) — Мұражай галереясы күндізгі жарықта біртұтас, баурап алатын, салмақсыз ақ кеңістік болып табылады, әрбір экспонат ашық түсті қабырғаға қарсы прожектормен жарықтандырылған.
- Lamborghini — Көрме залында, прожекторлардың астында қара кузов түсті - бір сары көлік
- Amplemarket — Күн шуағына малынған жұмыс орны конфеттиге толы
- Getharvest — Алтын сағаттағы үстел – жылы крем түсті кенеп, кенепке ілінген ақ ашықхаттар және жалғыз ашық қызғылт сары жалын
- Agence Foudre — Журналдың мұқаба беті ерін далабын еске түсіретін ашық қызғылт түсті.
- Drive Capital — Жылы қағазға салынған ретро жол сапары плакаты
- Apple (España) — ақ галереялық дисплей қорабы