Shopify
يېرىم كېچە ئىسسىقخانا - سودا ماركىلىرى قويۇق فىرۇزە رەڭگىدە گۈللەپ ياشنايدۇ، يالپۇزنىڭ بىر ئۇچقۇنى بىلەن يورۇتۇلىدۇ.
Shopify نىڭ لايىھە سىستېمىسى سودا ئۈچۈن يېرىم كېچىلىك سېخ: قېنىق فىرۇزە يېشىل رەڭ بىلەن بېزەلگەن قارا رەڭلىك رەسىم، كەڭ، ئىشەنچلىك سانس-سېرىف خەت نۇسخىسى ۋە ئۆز-ئارا تەسىر كۆرسىتىدىغان پەيتلەرنى ئاكتىپلاشتۇرىدىغان بىرلا جانلىق يالپۇز رەڭلىك بېزەك. بۇ كۆرۈنمە يۈزى قاراڭغۇ ئۆيگە ئوخشايدۇ، بۇ يەردە مەھسۇلاتلار ۋە ماركىلار يورۇقلۇقنىڭ مەنبەسى بولۇپ، سۈرەتلەر ۋە دۇكانلار قارا يۈزلەرگە قارشى چاقناپ تۇرىدۇ، خروم ئېلېمېنتلىرى بولسا چېكىنىپ تۇرىدۇ. زاپچاسلار گېئومېتىرىيەلىك، ئەمما يۇمشاق: نېپىز گىرۋەكلىك 12 پىكسېللىق كارتىلار، تاختا شەكىللىك كۇنۇپكىلار ۋە 330 ئېغىرلىقتىكى خەت نۇسخىسى بولۇپ، ئۇ ۋارقىراپ-جارقىراپ ئەمەس، بەلكى پىچىرلاپ كۆلەمنى ئىپادىلەيدۇ. ئۇلىنىشلار، بەلگىلەر ۋە مەركەزلىك ھالەتلەردە بىرلا خىل خروماتىك تىنىش بەلگىسى (#36f4a4) ئاز ئىشلىتىلىدۇ، سودىگەر ھېكايىلىرىنىڭ كۆرۈنۈشلۈك مەركەز نۇقتىسى بولۇپ قېلىشىغا كاپالەتلىك قىلىش ئۈچۈن، ئىقتىدارلىق پەيتلەر ئۈچۈن رەڭ ساقلىنىدۇ.
ئەڭ چوڭ كەڭلىكى ~1280px بولۇپ، ئوتتۇرىدا، تولۇق كەڭلىكتىكى چاچراتقۇ بۆلەكلىرى رەسىم ساندۇقىدىن ھالقىپ كېتىدۇ. بەت رېتىمى ئالمىشىپ تۇرىدۇ: (1) ئۈستى قاپلانغان ماۋزۇ ۋە ھەرىكەتكە چاقىرىش كۇنۇپكىلىرى بار تولۇق كەڭلىكتىكى قاراڭغۇ چاچراتقۇ بەت، (2) ئەڭ چوڭ كەڭلىكتىكى تېكىست ۋە رەسىم بۆلەكلىرى 2 ئىستوندا ياكى 3 ئىستوندا رەسىم تورلىرى بار راھەت قاراڭغۇ بۆلەكلەر، (3) چوڭقۇرراق رەسىم تاختىسىدا كۆتۈرۈلگەن كارتا شەكلىدە كۆرسىتىلىدىغان ئۆز-ئارا تەسىر كۆرسىتىدىغان كۆرسىتىش تاختىلىرى (مەھسۇلات كارتىسى، يەتكۈزۈش ھېسابلىغۇچ، دۇنيا خەرىتىسى). يول باشلاش بەلگىسى + 3 يول باشلاش ئېلېمېنتى + ئىككىنچى دەرىجىلىك ئۇلىنىش + ئاساسلىق ھەرىكەتكە چاقىرىش كۇنۇپكىسى بار مۇقىم ئۈستۈنكى بالداق بولۇپ، ھەممىسى ئوڭ تەرەپكە تىزىلغان. تىك رېتىم بۆلەكلەر ئارىسىدا 80px بوشلۇقلارنى ئىشلىتىپ، سىلىق ئۆتىدۇ - قاراڭغۇ بۆلەكلەر ئارىسىدا بۆلگۈچ يوق، پەقەت يۈزەكى رەڭگىدە ئۆزگىرىش بولىدۇ.
كۆرۈنۈشلۈك لايىھە ئاساسلىقى پارچە ساتقۇچىغا مەركەزلەشكەن: تولۇق چوڭلۇقتىكى مەھسۇلات سۈرەتلىرى ۋە ماركا پائالىيەتلىرىدىكى سۈرەتلەر كۆرۈنۈشلۈك ئېغىرلىقنىڭ ئاساسلىق قىسمىنى ئىگىلەيدۇ، كۆپىنچە چوڭ ئارقا كۆرۈنۈش شەكلىدە بولۇپ، ئۈستىگە ئاق تېكىست چاپلانغان. سۈرەتلەر زىچ كېسىۋېتىلگەن، يۇقىرى كونتراستلىق ۋە بايرام خاراكتېرىگە ئىگە (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) خەت چوڭلۇقىدىكى ماۋزۇلار بولۇپ، ئۇلار قاتتىق ئەمەس، بەلكى ئىنچىكە، ئاۋازلىق، ئاۋازسىز، ئاۋازلىق...
- Inter Variable — ئالماشتۇرۇش: Inter · پىلانلار 400, 420, 450, 550 · يول باشلاش ئىنتېرفېيسى ئېلېمېنتلىرى، كىچىك خاتىرىلەر، بەتكۈچ كونتروللىرى ۋە ئاستىنقى قىسىمدىكى مىكرو تېكىستلاردا ئىشلىتىلىدىغان ئىككىنچى دەرىجىلىك خەت نۇسخىسى. ئۇنىڭ كىچىك ھەرپلىرى سەل چوڭراق ۋە ئۆلچەملىك ھەرپ ئارىلىقى كۆپ بولغاچقا، ئۇنى كىچىك چوڭلۇقتا ئوقۇشقا ئاسان. ئۇ يەنە 420 ئېغىرلىقتىكى خەت نۇسخىسى ئادەتتىكى ۋە ئوتتۇرا چوڭلۇقتىكى خەت نۇسخىسى ئارىسىدىكى بوشلۇقنى تولدۇرىدىغان ئەھۋاللارغىمۇ ماس كېلىدۇ.
ئارىلىقلار ۋە شەكىل
| مەقسەت | مەنىسى |
|---|---|
| زىچلىق | ئوتتۇراھال |
| ئاساسىي قەدەم | 12px |
| كۇنۇپكا رادىئۇسى | 9999px |
| كارتا رادىئۇسى | 12px |
| سايە | سايە ئورنىغا چېگرا يوق |
| بۆلۈملەر ئارىسىدا | 80px |
| بەت كەڭلىكى | 1280px |
سۈنئىي ئەقىل تور بېتىڭىزنى Shopify ئۇسلۇبىدا قۇرۇپ، ئۇنى تولدۇرىدۇ
- Instagram ، TikTok ، Facebook قاتارلىق ئۇلىنىشلار ئارقىلىق مەھسۇلاتلار ۋە يازمىلارنى تولدۇرۇڭ.
- كونا تور بېتىڭىزدىكى مەزمۇنلارنى يۆتكەڭ - پەقەت ئادرېسنى كۆرسىتىڭ.
- ئەڭ ياخشى ماتوردىكى زامانىۋى لايىھە: سېرۋېر رېندېرلاش ۋە SEO ئەلالاشتۇرۇش بىلەن React ( Next.js).
- ئىزدەش نەتىجىلىرى ۋە نېرۋا تورى تەۋسىيەلىرى ئۈچۈن تولۇق ئاپتوماتىك SEO ئەلالاشتۇرۇش.
ئوخشاش ئۇسلۇبلار
- Retool — ئىللىق ئوبسىدىئان سېخى - ھەممە نەرسە يارىتىلىدىغان، كۆيۈۋاتقان چوغ بىلەن يورۇتۇلغان، ئېنىق قوراللار ئۈچۈن بىر يۈز.
- Elektron — يېرىم كېچىدىكى ئۈسكۈنىلەرنى باشقۇرۇش تاختىسى دېگۈدەك قارا رەڭلىك رەسىمگە ئوخشايدۇ، مەھسۇلات سۈرەتلىرى پارقىراپ تۇرىدۇ، كۆرۈنمە يۈزى بولسا كۆرۈنمەيدۇ.
- REKKI — فوتو تەجرىبىخانىسىدىكى ئۇچۇشنى كونترول قىلىش تاختىسى
- OFFFICE : — مونوپول خەتلەر بىلەن قاپلانغان نوئىر رەسىمخانىسى
- Clyde — كۆرگەزمە زالىدا پەقەت ئىللىق گرادىيېنت توپ رەڭگىلا كۆرۈنۈپ تۇرىدۇ، پەقەت بىرلا رەڭنى كۆرگىلى بولىدۇ، پەقەت بىرلا رەڭنى كۆرۈشكە... ئەمما بۇ رەڭنى كۆرۈشكە بولىدۇ، چۈنكى بۇ رەڭنى كۆرۈشكە بولىدۇ، چۈنكى بۇ رەڭنى كۆرۈشكە بولىدۇ، چۈنكى بۇ رەڭنى كۆرۈشكە بولىدۇ، چۈنكى بۇ رەڭنى كۆرۈشكە بولىدۇ، چۈنكى بۇ رەڭنى كۆرۈشكە بولىدۇ.
- Channel Studio — بىر مارجان چىراغ بىلەن بېزەلگەن ستۇدىيە فوتو تەجرىبىخانىسى
- Electronic Materials Office — كۆمۈر بىلەن بېزەلگەن رەسىم كۆرگەزمىسىدىكى پارقىراپ تۇرغان چوغ
- ORYZO AI — قاراڭغۇ ئۆي ھەققىدىكى سۈرەتلىك ماقالە. ئىللىق قاراڭغۇلۇقتا لەيلەپ تۇرغان يالغۇز بىر نەرسە، پەقەت قايماق رەڭلىك خەت نۇسخىسىلا بېزەك.
- Factory — يېرىم كېچىدىكى «ئۇرۇش ئۆيى» تېرمىنالى. «زاۋۇت» قارا رەڭلىك كونترول تاختىسى بولۇپ، ئۇنىڭغا بىرلا ئاق كارتا قول چىرىغى يانغان سىگنالغا ئوخشاش چۈشىدۇ - ئۆيدىكى بىردىنبىر نەرسە ئەسەرنىڭ ئۆزى.
- Hungry Tiger — تاندۇرنىڭ تېمىدىكى زەردەچە رەڭگىدەك پارقىراق رەسىملەر. ئالتۇن ۋە داتلاشقان قوڭۇر رەڭلەرنىڭ بىرلىككە كەلگەن رەڭگى، خەت نۇسخىسى شۇنچە چوڭ بولۇپ، تور بېكەتتىن كۆرە تېتىتقۇ بازىرى بەلگىسىگە ئوخشايدۇ.
- Bibliothèque — قاراڭغۇ، كەڭ زالدىكى يورۇتۇلغان يالغۇز بىر تەخسە نۇرى ئاستىدا قارا كۇب شەكىللىك رەسىمخانا
- Apple (España) — چىراغلىق ئۈسكۈنىلەر ئورنىتىلغان قارا تىياتىرخانا