
Superlist
مارجان چوغى بىلەن بېزەلگەن كېچىلىك خىزمەت بوشلۇقى - بىر دانە ئىللىق ئاپېلسىن رەڭلىك ئۇچقۇن ھەر بىر ھەرىكەتنى سىگنال قىلىدىغان جىمجىت بادىمجان ئەپ يۈزى
Superlist يېرىم كېچىدىكى بىنەپشە رەڭدە ئىشلەپچىقىرىش تىلىنى ئىشلىتىدۇ: قېنىق بادامجان، بىردىنبىر ئاساسلىق رەڭ سۈپىتىدە ئىللىق مارجان ۋە پۈتۈن كەيپىياتنى نامايان قىلىدىغان چوڭ سانس-سېرىف ماۋزۇلىرى. بۇ كۆرۈنمە يۈزى كېچىدىكى مەركەزلەشكەن خىزمەت تۇيغۇسىنى قوزغىتىدۇ - جىمجىت، قاتلاملىق ۋە ئىشەنچلىك، رەڭ پەقەت ھەرىكەتكە چاقىرىش، ئاكتىپ ھالەتلەر ۋە مۇھىم نۇقتىلاردا ئىقتىدارلىق تىنىش بەلگىلىرى سۈپىتىدە ئىشلىتىلىدۇ. يۈزلەر نېپىز قاراڭغۇ رەڭلەردە قاتلاملىق بولۇپ، بىنەپشە رەڭلىك ئاستى رەڭدە (#181824 → #26253b) ئىشلىتىلگەن، چوڭقۇرلۇقنىڭ ستېرىل ئەمەس، بەلكى ئىللىق ھېس قىلىنىشىغا كاپالەتلىك قىلىش ئۈچۈن ساپ قارا رەڭدىن ساقلانغان. زاپچاسلاردا كەڭ يۇمىلاق شەكىللەر (20 پىكسېللىق كارتا، دورا كۇنۇپكىلىرى)، يۇمشاق سايە ۋە تار تورلار ئەمەس، بەلكى راھەت 10-16 پىكسېللىق بوشلۇقلار ئارقىلىق «نەپەس ئېلىش» ئىقتىدارى بار. ماۋزۇنىڭ ئاۋازى ھەممە نەرسىنى ئىپادىلەيدۇ: 70-88 پىكسېللىق 600 نومۇرلۇق ئېغىرلىقتىكى، -0.02 em تار ھەرپ ئارىلىقى بىلەن تېكىستنى UI ئەمەس، بەلكى تىپوگرافىك دەپ قارايدۇ - ئۇ SaaS غا قارىغاندا تەھرىر نۇسخىسىغا يېقىنراق.
قاراڭغۇ بۆلەكلەر بەتنىڭ پۈتۈن كەڭلىكىنى قاپلايدۇ، مەركەز قىلىنغان، ئەڭ چوڭ كەڭلىكتىكى مەزمۇن قاچىلىرى بار. ئاساسلىق بۆلەك تىك مەركەز قىلىنغان بولۇپ، ماۋزۇ، تارماق تېكىست ۋە ھەرىكەتكە چاقىرىش (CTA) نى ئۆز ئىچىگە ئالىدۇ، ئۇنىڭدىن كېيىن چوڭ مەھسۇلات سۈرىتى كېيىنكى بۆلەكنىڭ ئۈستىگە چاپلىنىدۇ. كېيىنكى بۆلەكلەر مەركەز قىلىنغان تېكىست بۆلەكلىرى ۋە كارتا تورلىرى ئارىسىدا نۆۋەتلىشىپ تۇرىدۇ. باھالاش بۆلىكىدە باھالاش كارتىلىرى ۋە 16 ئېغىزلىق ئۈچ ئىستونلۇق تور ئىشلىتىلىدۇ. يول باشلاش سول تەرەپتە لوگو، مەركەز قىلىنغان ئۇلىنىشلار ۋە كىرىش ھەرىكەتلىرى بار يەككە ئۈستۈنكى بالداق بولۇپ، ئوڭ تەرەپتە مۇقىم يان بالداق ياكى چوڭ تىزىملىك يوق. بۆلەكلەر ئارىسىدىكى ئېغىزلار كەڭ (16 ئېغىز) بولۇپ، زىچ مەھسۇلات تورى ئەمەس، بەلكى كەڭ، تەھرىرلىك رېتىم ھاسىل قىلىدۇ.
كۆرۈنۈش بوشلۇقى مەھسۇلاتنىڭ ئېكران كۆرۈنۈشلىرى بىلەن ئىپادىلىنىدۇ - بۇلۇڭلىرى يۇمىلاق چوڭ رامكا ئەمەلىي ئەپ كۆرۈنمە يۈزىنى كۆرسىتىپ بېرىدۇ، ئاساسلىق ۋە قوشۇمچە بۆلەكلەرنى تولدۇرىدۇ. سۈرەتلەر ئەڭ ئاز بولۇپ، پەقەت ئىشلەتكۈچى ئاۋاتارلىرى ياكى ئەپ ئىچىدىكى تاراتقۇلارنىڭ ئالدىن كۆرۈش شەكلى سۈپىتىدە ئىشلىتىلىدۇ (مەسىلەن، مەھسۇلات ماكېتىنىڭ ئوڭ تەرىپىدىكى كونسېرت رەسىمى). ئىشەنچ بالدىقىدىكى لوگولار تەكشى، ئاۋازسىز ئاق تېكىست سىمۋوللىرى. بېزەكچىلىك رەسىملىرى، ئابستراكت گرافىكلار، 3D كۆرسىتىشلەر يوق. كۆرۈنۈش ئىستراتېگىيىسى مەھسۇلاتنى كۆلەمدە كۆرسىتىش، خەت نۇسخىسىنىڭ ھېسسىياتقا تەسىر كۆرسىتىشىگە يول قويۇش ۋە مارجاننى بىردىنبىر گەۋدىلەندۈرۈش رەڭگى سۈپىتىدە ئىشلىتىشتىن ئىبارەت.
پالتىرا
ماركا
- Coral Ember
#ff4a36— ئاپېلسىن رەڭ بېزەكچىلىك تەپسىلاتلىرى ۋە ئاز ئۇچرايدىغان ئىشارەتلەرنى گەۋدىلەندۈرۈش ئۈچۈن ئىككىنچى دەرىجىلىك بېزەك سۈپىتىدە ئىشلىتىلىدۇ. ئۇنى ھەرىكەتكە چاقىرىش ئۈچۈن ئاساسلىق رەڭ قىلىپ ئىشلەتمەسلىك كېرەك.
نېيترال
- Aubergine Canvas
#181824— بەتنىڭ ئارقا كۆرۈنۈشى، ئاساسلىق رەسىم تاختىسى، ئىللىق، قېنىق رەڭ بولۇپ، ساپ قارا رەڭنىڭ ئورنىنى ئالىدۇ، شۇڭا ئىشلەتكۈچى ئارايۈزى تۈز ئەمەس، بەلكى قاتلاملىق كۆرۈنىدۇ. - Elevated Plum
#26253b— كارتا يۈزى، كىرگۈزۈش مەيدانلىرى، يول باشلاش قاچىلىرى — كۆرۈنگەن چېگراسىز چوڭقۇرلۇق يارىتىش رەسىمگە قارىغاندا بىر قەدەم ئاسان. - Pure White
#ffffff— ئاساسلىق ماۋزۇلار، كۇنۇپكا تېكىستى ۋە سىنبەلگە سىزىقلىرى — قاراڭغۇ رەسىمدىكى ئەڭ يۇقىرى پەرقلەندۈرۈش. - Fog Text
#696f81— ئاساسلىق تېكىست، ئىككىنچى دەرىجىلىك ماۋزۇلار ۋە ئاۋازسىز گىرۋەكلەرنىڭ ھەممىسىدە بادام رەڭلىك ئارقا كۆرۈنۈشتە راھەت ئوقۇش ئۈچۈن 7:1 سېلىشتۇرما نىسبىتى بار. - Ash Text
#8e8da0— ئىككىنچى دەرىجىلىك UI ئېلېمېنتلىرى، بۆلگۈچلەر ۋە ئاۋازسىز بەلگىلەر ئۈچۈن نېيترال رەڭ قوللىنىلىدۇ. ئۇنى ھەرىكەتكە چاقىرىش ئۈچۈن ئاساسلىق رەڭ قىلىپ ئىشلەتمەسلىك كېرەك. - Mist Highlight
#a3a3a7— ئىنچىكە چېگرالار، بۆلگۈچلەر ۋە ئاكتىپسىز يول باشلاش ئېلېمېنتلىرى رەسىمنىڭ ئۈستىدە يەنىلا كۆزگە كۆرۈنەرلىك بولغان ئىنچىكە نېيترال رەڭنى ھاسىل قىلىدۇ.
تىپوگرافىيە
12 دىن 88 پىكسېلغىچە · 9 قەدەم
- sans-serif — ئالماشتۇرۇش: Inter · پىلانلار 400 · sans-serif - ئېلىنغان سانلىق مەلۇماتلاردا بايقالغان، ئەمما سۈنئىي ئەقىل تەرىپىدىن تەسۋىرلەنمىگەن.
- Haffer XH SemiBold — ئالماشتۇرۇش: Inter Tight · پىلانلار 400, 600 · كۆرسىتىش ۋە ماۋزۇلار ئۈچۈن ئاساسلىق خەت نۇسخىسى. ئۇ 70–88 پىكسېل چوڭلۇقتا بولۇپ، ھەرپ ئارىلىقى -0.02em ۋە ئېغىرلىقى 600 بولغان باش خەت ماۋزۇلىرى ئۈچۈن ئىشلىتىلىدۇ. تار ھەرپ ئارىلىقى ۋە چوڭ ھەرپ ئېگىزلىكى ماۋزۇلارغا تەھرىر ئېغىرلىقىنى بېرىدۇ، بۇنىڭ بىلەن قاراڭغۇ كۆرۈنمە يۈزى باشقۇرۇش تاختىسىدىن كۆرە ژۇرنال مۇقاۋىسىغا ئوخشايدۇ. قېلىن قېلىنلىقتىكى Inter Tight ياكى General Sans بىلەن ئالماشتۇرۇڭ.
- Jersey 10 — ئالماشتۇرۇش: Anybody · پىلانلار 400 · چوڭ، بېزەكلىك خەت نۇسخىسى، ئاۋاز قوشۇش نومۇرلىرى ۋە يورۇتۇشلار ئۈچۈن ئىشلىتىلىدۇ. ناھايىتى چوڭ ئۆلچەملەردە ئاز ئىشلىتىلىدۇ، خەت قوشۇش ئۈچۈن ئىشلىتىلىدۇ. ئۇنى Anybody ياكى Cabinet Grotesk بىلەن ئالماشتۇرغىلى بولىدۇ.
ئارىلىقلار ۋە شەكىل
| مەقسەت | مەنىسى |
|---|---|
| زىچلىق | ئوتتۇراھال |
| ئاساسىي قەدەم | 10-16px |
| كۇنۇپكا رادىئۇسى | 100px |
| كارتا رادىئۇسى | 20px |
| سايە | يۇمشاق سايە |
| بۆلۈملەر ئارىسىدا | 80px |
| بەت كەڭلىكى | 1200px |
سۈنئىي ئەقىل تور بېتىڭىزنى Superlist ئۇسلۇبىدا قۇرۇپ، ئۇنى تولدۇرىدۇ
- Instagram ، TikTok ، Facebook قاتارلىق ئۇلىنىشلار ئارقىلىق مەھسۇلاتلار ۋە يازمىلارنى تولدۇرۇڭ.
- كونا تور بېتىڭىزدىكى مەزمۇنلارنى يۆتكەڭ - پەقەت ئادرېسنى كۆرسىتىڭ.
- ئەڭ ياخشى ماتوردىكى زامانىۋى لايىھە: سېرۋېر رېندېرلاش ۋە SEO ئەلالاشتۇرۇش بىلەن React ( Next.js).
- ئىزدەش نەتىجىلىرى ۋە نېرۋا تورى تەۋسىيەلىرى ئۈچۈن تولۇق ئاپتوماتىك SEO ئەلالاشتۇرۇش.
ئوخشاش ئۇسلۇبلار
- DNA — زەررىچە ئەينىكى ئارقىلىق كۆرۈلگەن يېرىم كېچە رەسەتخانىسى
- Abetterlou — ئېگەر تېرىسىدىكى ئۇچقۇنلار - قېنىق قەھۋە رەڭگىدىكى قارا رەڭگە قارشى چاقناپ تۇرغان ئىللىق قايماق رەڭلىك خەت نۇسخىسى، سېرىق ئالتۇن رەڭلىك كۇنۇپكىلار بەتكە بېسىلغان قىزىق مېتالغا ئوخشايدىغان قىلىپ كۆرۈنىدۇ.
- Galileo-ft — ئېلېكترونلۇق كۆك سىگناللىق چوڭقۇر بوشلۇق قوماندانلىق تاختىسى
- Decide AI — يېرىم كېچىدىكى رەسەتخانا - يالپۇز سىگنالى
- Redis Agency — تەھرىرلىك سېخى خىزمەت ۋاقتىدىن كېيىن ئېچىلىدۇ، بۇ يەردە ماركا يارىتىش خىزمىتىنىڭ ھەممىسى سېرىف خەتلىرى ۋە بىرلا قىزىل تۇرۇپ بىلەن ئېلىپ بېرىلىدۇ.
- Spellbook — مارجان سىياھ بىلەن يورۇتۇلغان يېرىم كېچىلىك سوت زالى - قاراڭغۇ تەھرىر يۈزى، بۇ يەردە پەقەت ئىللىق قىزغۇچ سېرىق رەڭلىك قەلەمنىڭ ئاۋازىلا ئاڭلىنىدۇ.
- Linear — يېرىم كېچىلىك ئېنىقلىق ئەسۋابى
- Origin Financial — يېرىم كېچىدىكى جىمجىت، ھەشەمەتلىك رەسىمخانا. جىمجىت، دېگۈدەك قاراڭغۇ بىر ئۆي، بۇ يەردە چوڭ سېرىف خەتلىرى ۋە بىر قانچە يورۇتۇلغان رەڭلىك تاختىلار پۇل-مۇئامىلە ئەسەرلىرىنىڭ ئەستايىدىللىق بىلەن تاللانغان سەنئەت ئەسىرى ئىكەنلىكىنى ھېس قىلدۇرىدۇ.
- Hyperstudio — لايىھە ئوبسىدىئان رەڭگىگە چىزىلغان. تېكىست ۋە ئىنچىكە سىزىقلار ئاق بوشلۇقنى ساپ قارا رەڭ بىلەن ئوراپ، ئارىلاپ ئالتۇن رەڭلىك كومپاس بەلگىلىرى يولنى كۆرسىتىپ بېرىدۇ.
- Air — «يېرىم كېچە ئاسمان ئەينەكتىن» ھەيكىلى
- Raycast — يېرىم كېچە قوماندانلىق مەركىزى، مارجان نېئون
- dope.security — بىنەپشە رەڭلىك ماياكلار بىلەن بېزەلگەن يېرىم كېچە تېرمىنالى