Shopify
Гармхонаи нисфи шаб - Тамғаҳои молӣ дар пасманзари қаҳваранги тира мешукуфанд, ки бо як шарораи наъно равшан карда шудаанд.
Системаи тарроҳии Shopify як семинари нисфи шаб барои тиҷорат аст: як матои қариб сиёҳ бо ранги сабзи тираи фирӯзӣ, шрифти васеъ ва боэътимоди sans-serif ва як лаҳҷаи пурҷӯшу хурӯши наъно, ки лаҳзаҳои интерактивиро фаъол мекунад. Интерфейс ба як ҳуҷраи торик монанд аст, ки дар он маҳсулот ва брендҳо манбаи рӯшноӣ мебошанд - аксҳо ва витринаҳои мағоза дар рӯи сатҳҳои қариб сиёҳ медурахшанд, дар ҳоле ки унсурҳои хромӣ ақибнишинӣ мекунанд. Ҷузъҳо геометрӣ, вале нарманданд: кортҳои радиуси 12px бо канорҳои тунук, тугмаҳои шакли ҳаб ва шрифти 330-вазнӣ, ки ба ҷои фарёдҳо миқёсро пичиррос мезанад. Як аломати пунктуасияи хроматикии ягона (#36f4a4) дар истинодҳо, тегҳо ва ҳолатҳои фокус кам истифода мешавад ва рангро барои лаҳзаҳои функсионалӣ нигоҳ медорад, то боварӣ ҳосил кунад, ки ҳикояҳои тоҷирон нуқтаи марказии визуалӣ боқӣ мемонанд.
Паҳнои максималӣ тақрибан 1280 пиксел аст, дар марказ ҷойгир шудааст ва блокҳои паҳнои пурра аз контейнери акс берун мераванд. Ритми саҳифа иваз мешавад: (1) саҳифаи паҳнои торик бо паҳнои пурра бо сарлавҳаи рӯйпӯшшуда ва тугмаҳои даъват ба амал, (2) қисматҳои торикии бароҳат бо блокҳои матн ва тасвир бо паҳнои максималӣ дар 2 сутун ё шабакаҳои тасвир дар 3 сутун, (3) панелҳои намоиши интерактивӣ (корти маҳсулот, ҳисобкунаки интиқол, харитаи ҷаҳон) ҳамчун кортҳои барҷаста дар матои амиқтар намоиш дода мешаванд. Навигатсия як сатри болоии собит бо логотип + 3 унсури навигатсия + пайвандҳои дуюмдараҷа + тугмаи асосии даъват ба амал аст, ки ҳама ба тарафи рост ҷойгир шудаанд. Ритми амудӣ фосилаҳои 80 пикселро байни қисмҳо бо гузариши ҳамвор истифода мебарад - байни қисматҳои торик ҷудокунанда вуҷуд надорад, танҳо тағирёбии оҳанги сатҳ.
Тарроҳии визуалӣ асосан ба фурӯшанда нигаронида шудааст: аксҳои маҳсулот ва аксҳо аз чорабиниҳои бренд қисми зиёди вазни визуалиро доранд, ки аксар вақт дар шакли заминаҳои калон бо матни сафеди рӯйпӯшшуда ҷойгир шудаанд. Тасвирҳо сахт бурида шудаанд, контрасти баланд доранд ва хусусияти идона доранд (садои занги Nasdaq, табрикоти гурӯҳӣ, аксҳои наздики маҳсулот дар даст). Заминаи торик тасаввуроте ба вуҷуд меорад, ки ин аксҳо бо чароғҳои прожекторӣ равшан карда шудаанд. Тасвирҳо минималистӣ мебошанд - кори асосии тавзеҳӣ аз ҷониби тасвирҳои маҳсулоти дарунсохт ва скриншотҳои витринаҳои мағозаҳо анҷом дода мешавад. Нишонаҳо якранг буда, паҳнои хат 1,5-2 пиксел, одатан сафед ё #36f4a4 барои ҳолатҳои фаъол мебошанд.
Палитра
Бренд
- Shopify Mint
#36f4a4— Нишондиҳандаҳои фаъоли навигатсия, ҳалқаҳои фокус, равшанкунии барчаспҳо ва равшанкунии ҳаводор дар истинодҳо ягона дурахши хроматикие мебошанд, ки дар заминаи торик эҳсоси интерактивии фаъолро ба вуҷуд меоранд.
Бетараф
- Midnight Forest
#02090a— Канваси саҳифа, тасвирҳои пасзаминаи сарлавҳа, тасвирҳои пасзаминаи қисмат - Deep Lichen
#061a1c— Сатҳҳои асосии корт, панелҳои барҷаста, блокҳои мундариҷа. - Shaded Fern
#072720— Панели навигатсионӣ, кортҳои иловагӣ, баланд бардоштани панел қариб ба назар намерасад. - Spruce Border
#1e2c31— Марзҳои тунук барои кортҳо, хатҳои тақсимкунанда, контурҳои майдони вуруд. - Abyss Indigo
#000a1e— Сатҳи иловагӣ барои ҷойгиркунии маҳсулот/намоишҳо, панелҳо бо тавсифи функсияҳо. - Pure White
#ffffff— Матни асосӣ, пур кардани тугма, унвон, логотипҳо.
Типография
аз 12 то 70 пиксел · 8 қадам
- Neue Haas Grotesk — ивазкунӣ: Inter · контурҳо 330, 400, 500, 550, 600 · Системаи асосии типографӣ сарлавҳаҳо бо вазни шрифти 70-96 пиксел (330-400) мебошанд, ки нозук ва на баланданд; матни асосӣ бо вазни шрифти 16-18 пиксел (400-500); ва интерфейси навигатсия ва корбар бо вазни шрифти 14-16 пиксел (500-550). Вазни шрифти ултрасабуки 330 дар андозаи калони экран хусусияти фарқкунанда аст: он эътимодро тавассути маҳдудият, на тавассути ҳаҷм, нишон медиҳад.
- Inter Variable — ивазкунӣ: Inter · контурҳо 400, 420, 450, 550 · Навъи шрифти дуюмдараҷа, ки дар унсурҳои интерфейси навигатсия, қайдҳои хурд, идоракунии ҷадвалбандҳо ва микроматн дар поёни сатр истифода мешавад. Ҳарфҳои хурди каме калонтар ва фосилаи стандартии ҳарфҳо онро дар андозаҳои хурд хондан осонтар мекунанд. Он инчунин барои ҳолатҳое мувофиқ аст, ки шрифти 420-вазн фосилаи байни шрифти муқаррарӣ ва миёнаро пур мекунад.
Фосилаҳо ва шакл
| Мақсад | Маънӣ |
|---|---|
| Зичӣ | миёна |
| Қадами асосӣ | 12px |
| Радиуси тугма | 9999px |
| Радиуси корт | 12px |
| Сояҳо | бе марзҳо ба ҷои сояҳо |
| Байни бахшҳо | 80px |
| Паҳнои саҳифа | 1280px |
Соҳиби зеҳни сунъӣ вебсайти шуморо бо услуби Shopify месозад ва онро пур мекунад
- Тавассути истинод - Instagram, TikTok, Facebook, маҳсулот ва паёмҳоро пур кунед.
- Мундариҷаро аз сомонаи кӯҳнаи худ интиқол диҳед — танҳо суроғаро муайян кунед.
- Тарроҳии муосир дар беҳтарин муҳаррик: React ( Next.js) бо рендеринги сервер ва беҳсозии SEO аз қуттӣ.
- Беҳсозии пурра автоматии SEO барои натиҷаҳои ҷустуҷӯ ва тавсияҳои шабакаи асаб.
Услубҳои монанд
- Retool — Коргоҳи гарми обсидианӣ - сатҳе барои асбобҳои дақиқ, ки бо ангиштсангҳои сӯхта равшан карда шудааст ва дар он ҳама чиз офарида мешавад
- Elektron — Панели идоракунии таҷҳизот нисфи шаб аз як матоъи қариб сиёҳ иборат аст, ки дар он аксҳои маҳсулот медурахшанд, дар ҳоле ки интерфейс қариб ноаён боқӣ мемонад.
- REKKI — Панели идоракунии парвоз дар лабораторияи аксбардорӣ
- OFFFICE : — галереяи нуар, ки дар шрифти якранг ғарқ шудааст
- Clyde — Толори намоишӣ, ки бо як прожектори ягонааш сохта шудааст, як галереяи қариб торик аст, ки дар он ягона ранги ҳуҷра тӯби гарми градиентӣ аст.
- Channel Studio — Лабораторияи аксбардории студия бо як абажур аз марҷон
- Electronic Materials Office — Як чӯби дурахшон дар галереяе, ки бо ангишт оро дода шудааст
- ORYZO AI — Эссеи аксӣ дар бораи ҳуҷраи торик. Як ашёи танҳое, ки дар торикии гарм шино мекунад, шрифти қаймоқранг ягона ороиш аст.
- Factory — Терминали "ҳуҷраи ҷангӣ" нисфи шаб. "Корхона" як панели идоракунии сиёҳи комилан сиёҳ аст, ки дар он як корти сафед мисли паёми бо чароғак фурӯзоншуда меафтад - ягона ашё дар утоқ худи кор аст.
- Hungry Tiger — Граффитии зардчатоби дурахшон дар девори тандур. Палитраи ягонаи тиллоӣ ва қаҳваранги зангзада бо ҳуруфи калон, ки бештар ба аломати бозори ҳанут монанд аст, на ба вебсайт.
- Bibliothèque — Галереяи шакли мукааби сиёҳ дар зери чароғаки прожектор – як табақи танҳои равшаншуда дар толори бузург ва торик
- Apple (España) — театри сиёҳ бо лавозимоти равшаншуда