Linear
يېرىم كېچىلىك ئېنىقلىق ئەسۋابى
سىزىقلىق لايىھە سىستېمىسى قارا رەڭگە يېقىن يۈزلەر (#08090a) ئۈستىگە قۇرۇلغان، ئاق رەڭلىك خەت نۇسخىسى ۋە بىر دانە يېشىل رەڭلىك بەلگە (#e4f222) بىلەن بىر كېچىلىك قوماندانلىق مەركىزى بولۇپ، ئۇ ئىقتىدارلىق چىراغ سۈپىتىدە خىزمەت قىلىدۇ - كىچىك، يۇقىرى كونتراستلىق ۋە ھەرىكەتلەرنى كۆرسىتىش ئۈچۈن ئاز ئىشلىتىلىدۇ. بۇ كۆرۈنمە يۈزى قاراڭغۇلۇقنى تېما ئەمەس، بەلكى ئاساس قىلىپ قارايدۇ: تېكىست ئاق رەڭلىك بولۇپ، ھەرپلەر ئارىلىقى تار (-0.022em)، خەتلەرنىڭ ئېغىرلىقى قېلىن ئەمەس، بەلكى تۆۋەن 400-510 دائىرىسىدە، چېگرالىرى بولسا ئىنتايىن نېپىز (0.5px). زاپچاسلار ناھايىتى ئېنىق لايىھەلەنگەندەك قىلىدۇ - 6px ۋە 12px رادىئۇس، زىچ 8-12px گىرۋەك ۋە دېگۈدەك بېزەكلىك ئېلېمېنتلارنىڭ كەمچىل بولۇشى - مەھسۇلات ئىشلەتكۈچى ئارايۈزىنىڭ (ۋەزىپە كارتىلىرى، كانبان تاختىلىرى، سۈنئىي ئەقىل ۋاكالەتچى تاختىلىرى) باشقا جەھەتتىن تىنچ سىستېمىدىكى بىردىنبىر كۆرۈنۈشلۈك تېكىستۇرا بولۇشىغا يول قويىدۇ.
بۇ بەتنىڭ ئەڭ چوڭ كەڭلىكى تەخمىنەن 1200 پىكسېل بولۇپ، مەركەزلىك، قاراڭغۇ ئارقا كۆرۈنۈش كۆرۈش ئېغىزىنىڭ گىرۋىكىگىچە سوزۇلغان. ئاساسلىق ئېلېمېنت سولغا تىزىلغان چوڭ ماۋزۇ (64–72 پىكسېل) بولۇپ، ئوڭغا تىزىلغان ھەرىكەت چاقىرىقى (CTA) بىلەن بىرلەشتۈرۈلگەن، ئۇنىڭدىن كېيىن ئەڭ چوڭ كەڭلىكتىن سەل ئېشىپ كەتكەن چوڭ مەھسۇلات سۈرەتلىرى بار. بۆلەكلەرنىڭ رېتىمى سول تەرەپتە تېكىست، ئوڭ تەرەپتە رەسىم بار ئىككى ئىستونلۇق تەركىبلەر ۋە 96 پىكسېللىق تىك ئۆستەڭلەر بىلەن ئايرىلغان تولۇق كەڭلىكتىكى مەھسۇلات كۆرسىتىش لېنتىلىرى ئارىسىدا ئالمىشىپ تۇرىدۇ. خېرىدارنىڭ بەلگىسى بار لېنتا يەككە توغرىسىغا قۇر. بۇ بەت ھەرگىز ئۈچ ئىستونلۇق كارتا تورلىرى ياكى كاشىلىق قۇرۇلمىلارنى ئىشلەتمەيدۇ - ئۇچۇر زىچلىقى تۆۋەن بولۇپ، كۆپىنچە بۆلەكلەر كەڭ بوشلۇق ۋە ئېكراندا بىرلا مەركەزلىك ئېلېمېنت ئىشلىتىدۇ. يول باشلاش سولغا تىزىلغان لوگو ۋە ئوڭغا تىزىلغان ئۇلىنىشلار بار مۇقىم ئۈستۈنكى بالداق بولۇپ، يان بالداق ياكى چوڭ تىزىملىك يوق.
Linear نىڭ كۆرۈنۈش تىلى مەھسۇلات سۈرەتلىرىگە ئاساسلانغان: باشتىكى ۋە بۆلەكلەردىكى رەسىملەر Linear ئەپ دېتالىنىڭ ئىشلەتكۈچى ئارايۈزىنىڭ ھەقىقىي رەسىملىرى بولۇپ، ئەڭ تەپسىلىي ھالدا سۈرەتكە ئېلىنغان - ۋەزىپە كارتىلىرى، كانبان تاختىلىرى، سۈنئىي ئەقىل ۋاكالەتچىسىنىڭ باشقۇرۇش تاختىسى، بۇيرۇق پەلەمپەيلىرى - نېپىز رامكىلارغا قويۇلغان. زاپاس رەسىملەر، تۇرمۇش رەسىملىرى، ئابستراكت رەسىملەر يوق. لوگولار خېرىدارلار ئۈچۈن بىردەك چوڭلۇقتىكى نېيترال كۈلرەڭ سىزىق (#8a8f98) شەكلىدە كۆرسىتىلىدۇ. بەلگىلەر مونوخروماتىك كۈلرەڭ كۆلەمدىكى مىنىمالىست سىزىقلىق SVG رەسىملىرى. بەتنىڭ ئۈستىدىكى سۈرەت نېپىز سىزىقلىق گرادىيېنت (قاراڭغۇدىن يورۇقلۇققىچە) ئۈستىدە لەيلەپ تۇرىدۇ، ھەقىقىي مەنزىرىلەرنى ئىشلەتمەيلا ئاتموسفېرا چوڭقۇرلۇقىنى ھاسىل قىلىدۇ. ھەر بىر كۆرۈنۈش ئېلېمېنتى مەھسۇلاتنىڭ ئۆزىنىڭ ئىقتىدارلىق ئېلېمېنتى.
پالتىرا
ماركا
- Acid Lime
#e4f222— ئاساسلىق كونترول كۇنۇپكىلىرى ۋە ئاكتىپ يول باشلاش كۆرسەتكۈچلىرى مونوخروم رەڭ لايىھەسىنى بۇزۇپ تاشلايدىغان پارلاق بېزەك.
نېيترال
- Mist
#d0d6e0— ئىككىنچى دەرىجىلىك ماۋزۇلار، قاراڭغۇ يۈزلەردە كۇنۇپكا تېكىستى - Void
#08090a— بەت رەسىمى، تولۇق كەڭلىكتىكى ئارقا رەسىم - ئۆزلۈكىدىن، بارلىق ئېلېمېنتلار بۇ ئارقا كۆرۈنۈشكە قويۇلىدۇ. - Carbon
#0f1011— كارتا يۈزى، يول باشلاش بالداقلىرى، كارتىلارنىڭ ئىچىگە مەزمۇن قويۇش ئۈچۈن رەسىم يۈزىدىن بىر قەدەم يۇقىرى ئورۇندا تۇرىدۇ. - Obsidian
#161718— كۆتۈرۈلگەن يۈزلەر، چوڭقۇر كارتون تاختىلار - Graphite
#23252a— ئىنچىكە چېگرالار، ئايرىغۇچلار، ئىنچىكە كۇنۇپكا سىزىقلىرى – تۆۋەن كونتراستلىق تېكىستۇرالىق گىرۋەكلەر - Smoke
#383b3f— نېپىز چېگرالارنىڭ كونتراستلىقى گرافىت - كېسىش ئايرىغۇچلارغا قارىغاندا يۇقىرى بولىدۇ.
تىپوگرافىيە
13 دىن 72 پىكسېلغىچە · 8 قەدەم
- Inter Variable — ئالماشتۇرۇش: Inter (variable) · پىلانلار 300, 400, 510, 590 · ئاساسلىق UI ۋە باش خەت نۇسخىسى - يول باشلاش، ئاساسىي تېكىست، ماۋزۇلار، كۇنۇپكىلار ۋە كارتىلاردا ئىشلىتىلىدۇ.
- Berkeley Mono — ئالماشتۇرۇش: JetBrains Mono · پىلانلار 400 · كودقا قوشنا UI تېكىستى - قويۇپ بېرىش ئېنىقلىغۇچلىرى (ENG-2703)، كۇنۇپكا تاختىسى قىسقا يوللىرى، بىر بوشلۇقلۇق خەت نۇسخىسى مېتا سانلىق مەلۇماتلىرى
ئارىلىقلار ۋە شەكىل
| مەقسەت | مەنىسى |
|---|---|
| زىچلىق | كەڭ |
| ئاساسىي قەدەم | 8px |
| كۇنۇپكا رادىئۇسى | 6px |
| كارتا رادىئۇسى | 12px |
| سايە | سايە ئورنىغا چېگرا يوق |
| بۆلۈملەر ئارىسىدا | 96px |
| بەت كەڭلىكى | 1200px |
سۈنئىي ئەقىل تور بېتىڭىزنى Linear ئۇسلۇبىدا قۇرۇپ، ئۇنى تولدۇرىدۇ
- Instagram ، TikTok ، Facebook قاتارلىق ئۇلىنىشلار ئارقىلىق مەھسۇلاتلار ۋە يازمىلارنى تولدۇرۇڭ.
- كونا تور بېتىڭىزدىكى مەزمۇنلارنى يۆتكەڭ - پەقەت ئادرېسنى كۆرسىتىڭ.
- ئەڭ ياخشى ماتوردىكى زامانىۋى لايىھە: سېرۋېر رېندېرلاش ۋە SEO ئەلالاشتۇرۇش بىلەن React ( Next.js).
- ئىزدەش نەتىجىلىرى ۋە نېرۋا تورى تەۋسىيەلىرى ئۈچۈن تولۇق ئاپتوماتىك SEO ئەلالاشتۇرۇش.
ئوخشاش ئۇسلۇبلار
- Aaru — يېرىم كېچىدىكى زەررىچە مەيدانى كۆزىتىش مەركىزى
- Atlas Card — يېرىم كېچە گۆرۈكى، پەقەت كۆك ياقۇت نۇرى بىلەن قاپلانغان بولۇپ، قاپقاراڭغۇ كەڭلىك بولۇپ، بۇ يەردە پەقەت قېنىق ئېلېكترونلۇق كۆك رەڭلا مۇھىم.
- Checkly — چوڭقۇر ئوربىتا ۋەزىپىسى كونترول مەركىزى
- Savee — كۆرۈنۈشلۈك كۇراتورلار ئۈچۈن قارا رەڭلىك رەسىم
- Inngest — قاراڭغۇ، جىمجىت رەسەتخانا، ئەسۋابلار بىلەن ئىشلەشكە ماسلاشتۇرۇلغان، بىرلا سېرىق رەڭلىك چىراغ بىلەن يورۇتۇلغان.
- Dala — قارا مەخمەل ئۈستىدە ئەگىپ تۇرغان يۇلتۇز تۈركۈمى
- Origin Financial — يېرىم كېچىدىكى جىمجىت، ھەشەمەتلىك رەسىمخانا. جىمجىت، دېگۈدەك قاراڭغۇ بىر ئۆي، بۇ يەردە چوڭ سېرىف خەتلىرى ۋە بىر قانچە يورۇتۇلغان رەڭلىك تاختىلار پۇل-مۇئامىلە ئەسەرلىرىنىڭ ئەستايىدىللىق بىلەن تاللانغان سەنئەت ئەسىرى ئىكەنلىكىنى ھېس قىلدۇرىدۇ.
- Hyperstudio — لايىھە ئوبسىدىئان رەڭگىگە چىزىلغان. تېكىست ۋە ئىنچىكە سىزىقلار ئاق بوشلۇقنى ساپ قارا رەڭ بىلەن ئوراپ، ئارىلاپ ئالتۇن رەڭلىك كومپاس بەلگىلىرى يولنى كۆرسىتىپ بېرىدۇ.
- Air — «يېرىم كېچە ئاسمان ئەينەكتىن» ھەيكىلى
- Resend — قارا مەخمەل بىلەن بىنەپشە رەڭلىك نېئون
- Raycast — يېرىم كېچە قوماندانلىق مەركىزى، مارجان نېئون
- Dimension — قاراڭغۇ چۈشتە يورۇتۇلغان، مۇز بىلەن قاپلانغان ئەينەك تاختىلار بىلەن بېزەلگەن خىزمەت ئورنى