Ui
مات قەغەزدىكى كلىنىكىلىق پىلان
shadcn/ui مونوخروم لايىھە سىستېمىسىنى يارىتىش ئۈچۈن ئىشلىتىلىدىغان بىر سېخ: پاكىز ئاق رەڭلىك رەسىم، يۇمشاق، ئىللىق كۈلرەڭ يۈزلەر ۋە ئەڭ نېپىز چېتىگە قويۇلغان چوڭ رادىئۇسلۇق كارتىلار. كۆرۈنمە يۈزى دېگۈدەك پۈتۈنلەي ئاخروماتىك - قارا تېكىست، ئاق يۈزلەر، كۈلرەڭ ئىككىنچى دەرىجىلىك رەڭلەر - خاتالىق ھالىتى ئۈچۈن ساقلانغان يەككە، قالايمىقان قىزىل رەڭ ۋە باشقا ھېچنېمە يوق. خەت نۇسخىسى Geist نىڭ گېئومېتىرىيەلىك بىتەرەپلىكىگە تايىنىدۇ، ئېكرانلاردا ھەرپ ئېگىزلىكى زىچ بولۇپ، ئىستېمالچىلار مەھسۇلاتىدىن كۆرە تەرەققىياتچى ئۇل ئەسلىھەلىرىگە ئوخشايدىغان تىنچ، كودقا ئوخشاش تۇيغۇ بېرىدۇ.
ئەڭ ئاز رەسىملەر - سىستېما دېگۈدەك پۈتۈنلەي ئىشلەتكۈچى ئارايۈزىدىن تەركىب تاپقان. مۇھىم رەسىملەر، رەسىملەر ياكى بېزەكلىك گرافىكلار يوق. مەھسۇلات كۆرسىتىشلىرى تور شەكلىدە زاپچاس ماكېتلىرى (كارتىلار، كىرگۈزۈش مەيدانلىرى، كۇنۇپكىلار) سۈپىتىدە كۆرسىتىلىدۇ، ھەم ھۆججەت، ھەم كۆرۈنۈشلۈك مەزمۇن سۈپىتىدە خىزمەت قىلىدۇ. بەلگىلەر ئىنچىكە گېئومېتىرىيەلىك سىزىقلار (Lucide دىن ئېلىنغان بولۇشى مۇمكىن) بولۇپ، قېلىنلىقى 1.5–2 پىكسېل بولۇپ، #0a0a0a ياكى #737373 دا ئاز ئىشلىتىلىدۇ، ئىقتىدار كۆرسەتكۈچلىرى سۈپىتىدە ئاز ئىشلىتىلىدۇ. كۆرۈنۈشلۈك تىل UI زاپچاسلىرىنىڭ ئۆزى - بەت تۇرمۇش ئۇسلۇبى قوللانمىسى سۈپىتىدە رول ئوينايدۇ، ھەر بىر كۆرۈنگەن ئېلېمېنت كۆرۈنگەن لايىھە ئېلېمېنتى.
پالتىرا
نېيترال
- Canvas
#f5f5f5— بەت ئارقا كۆرۈنۈشى، ئاۋازسىز يۈز تولدۇرمىسى، قوشۇمچە كۇنۇپكىلار. - Paper
#ffffff— كارتا يۈزى، قېپقالغان ئارقا كۆرۈنۈشلەر، ئاساسلىق كۇنۇپكىلارنى تولدۇرۇش - Surface Alt
#fafafa— يان بالداق ئارقا كۆرۈنۈشى، كۆزگە چېلىقمايدىغان كارتا تاللانمىسى، كىرگۈزۈش مەيدانىنىڭ بوش ھالىتى. - Ink
#0a0a0a— ئاساسلىق تېكىست، ماۋزۇلار، كۇنۇپكا بەلگىلىرى، سىنبەلگە سىزىقلىرى. - Ink Soft
#171717— يورۇق يۈزلەردە قوشۇمچە تېكىست بىلەن تولدۇرۇلغان كۇنۇپكا شەكىللىك ئارقا كۆرۈنۈش رەسىملىرى. - Mid Gray
#737373— ئاساسلىق تېكىست، ئورۇن تولدۇرۇش تېكىستى، ياردەمچى بەلگىلەر ۋە بوش تۇرغاندا سىنبەلگىلەرنى تولدۇرۇش قاتارلىقلارنىڭ ھەممىسى ئاۋازسىز ھالەتتە تۇرىدۇ.
تىپوگرافىيە
12 دىن 48 پىكسېلغىچە · 8 قەدەم
- Geist — ئالماشتۇرۇش: Inter · پىلانلار 400, 500, 600 · بارلىق كۆرۈنمە يۈزى تېكىستلىرى — ئاساسىي تېكىستنىڭ قۇر قېلىنلىقى 14px/400، ماۋزۇلارنىڭ قۇر قېلىنلىقى 24–48px/600 ۋە كۇنۇپكىلارنىڭ قۇر قېلىنلىقى 13–14px/500. Geist نىڭ گېئومېتىرىيەلىك ھەرپ شەكىللىرى ۋە بىردەك سىزىق قېلىنلىقى ئاچقۇچى قوراللىرىغا نېيترال تۇيغۇ بېرىدۇ؛ 600 قۇر قېلىنلىقى، 48px ھەرپ ئارىلىقى ۋە -0.05em ھەرپ ئارىلىقى تەھرىرلەنگەندىن كۆرە ئېنىق، ئىشەنچلىك ماۋزۇلارنى كاپالەتلەندۈرىدۇ، ئەستايىدىل كۆرۈنىدۇ.
ئارىلىقلار ۋە شەكىل
| مەقسەت | مەنىسى |
|---|---|
| زىچلىق | زىچ |
| ئاساسىي قەدەم | 8px |
| كۇنۇپكا رادىئۇسى | 18px |
| كارتا رادىئۇسى | 24px |
| سايە | سايە ئورنىغا چېگرا يوق |
| بۆلۈملەر ئارىسىدا | 48-80px |
| بەت كەڭلىكى | 1280px |
سۈنئىي ئەقىل تور بېتىڭىزنى Ui ئۇسلۇبىدا قۇرۇپ، ئۇنى تولدۇرىدۇ
- Instagram ، TikTok ، Facebook قاتارلىق ئۇلىنىشلار ئارقىلىق مەھسۇلاتلار ۋە يازمىلارنى تولدۇرۇڭ.
- كونا تور بېتىڭىزدىكى مەزمۇنلارنى يۆتكەڭ - پەقەت ئادرېسنى كۆرسىتىڭ.
- ئەڭ ياخشى ماتوردىكى زامانىۋى لايىھە: سېرۋېر رېندېرلاش ۋە SEO ئەلالاشتۇرۇش بىلەن React ( Next.js).
- ئىزدەش نەتىجىلىرى ۋە نېرۋا تورى تەۋسىيەلىرى ئۈچۈن تولۇق ئاپتوماتىك SEO ئەلالاشتۇرۇش.
ئوخشاش ئۇسلۇبلار
- Ventriloc — ئىللىق قەغەزدىكى سانلىق مەلۇماتلارنىڭ تەھرىرلىك كۆزىتىش مەركىزى - بىر خىل ئاپېلسىن رەڭلىك چوغ مونوخروم ئېنىقلىقنى گەۋدىلەندۈرىدۇ.
- Geniestudio — يۇمشاق كۈندۈزلۈك دەپتەر — كەڭ گىرۋەكلىك ۋە بىر قېلىن قەلەم سىزىقى بار خىل
- xAI — قارا دورا قوشۇلغان ئىسسىق قايماق لابوراتورىيەسى
- Cal — مونوخروم ئەمەلىيلىك، ئىنسانىي ئۇسۇل. قاتتىق قارا-ئاق رەڭ پەلتىسى ئارقىلىق ئېنىقلىق ۋە ئىقتىدارنى ئالدىنقى ئورۇنغا قويىدىغان، ئەمما ئۇنى دوستانە خەت نۇسخىسى ۋە يۇمىلاق شەكىللەر بىلەن يۇمشىتىدىغان سىستېما.
- Scale — يۇقىرى سۈپەتلىك مۇزېي سۈپىتىدىكى فوتو تەجرىبىخانىسى تېخنىكىلىق تۈر بىلەن بىرلەشتۈرۈلگەن
- Contractbook — ئۇلترا مارىن ئاسمىنى ئاستىدىكى قايماق قەغەزنىڭ قىسقىرىشى
- AutoSend — بىر خىل بىنەپشە رەڭلىك چىراغ بىلەن بېزەلگەن راھەت تاش ستۇدىيەسى بولۇپ، بۇ يەردە سېرىف رەڭلىك ماۋزۇلار ۋە پارلاق ئىندىگو چاقىرىقلىرى بىر جىمجىت، دېگۈدەك ئاق بوشلۇقتا بىللە كۆرۈنىدۇ.
- Air — «يېرىم كېچە ئاسمان ئەينەكتىن» ھەيكىلى
- SpatialChat — ئاق پېرگامېنتقا بېسىلغان بىنەپشە رەڭلىك پۇلس
- Squarespace — كىنو مونوخروم رەسىمخانىسى
- Giga — مۇزلىغان ئوبسىدىئان ئۈستىدە يېرىم كېچە ئۇپۇقى
- Supabase — يېرىم كېچىدە فوسفورلۇق يېشىل نۇقتا بىلەن كود تەھرىرلىگۈچى — كۆمۈر چاڭ-توزانلىرى دېڭىزىدىكى يەككە خىل خروماتىك ئىمپۇلس