Ciridae
كۆيۈۋاتقان چوغلارنىڭ لەپىلدىشى بىلەن بوش بىر ئۆي - دېگۈدەك قاراڭغۇ چوڭ چېركاۋغا ئوخشايدۇ، بۇ يەردە پەقەت ئىللىق ئاۋاز ئىنچىكە دات سىزىقىدىن ئىبارەت، ھەر بىر يۈزى سايە ئەمەس، بەلكى ئىنچىكە سىزىقلار بىلەن ئىپادىلىنىدۇ.
Ciridae بوشلۇقتا ئىشلەيدۇ: #0b0b0b رەسىملىك رەسىم، ئاساسەن كۆزگە كۆرۈنەرلىك سىزىقلىرى بار دورا شەكىللىك كونتروللار ۋە Pragmatica Cond نىڭ چوڭ ھەرپلىرىگە 400 ئېغىرلىقتا چاپلانغان خەت نۇسخىسى - قېلىن، ئارىلاشما قېپى يوق، بېزەك ئېلېمېنتلىرى يوق. بىردىنبىر خروماتىك نوتا #cc6437 بولۇپ، ئىللىق، كۆيۈۋاتقان دات رەڭگى ئەڭ نېپىز سىزىقلار ۋە كىچىك تىنىش بەلگىلىرى سۈپىتىدە ئىشلىتىلىدۇ، ھەرگىز تولدۇرۇش سۈپىتىدە ئىشلىتىلمەيدۇ. خەرىتىلەر #272a2a دا 10 پىكسېللىق رادىئۇستا لەيلەپ تۇرىدۇ ۋە سايە يوق؛ سىستېما ئېگىزلىكتىن يىراق تۇرىدۇ، يۈزلەرنى ئاۋاز كونتراستلىقى ۋە ئەڭ ياخشى 1 پىكسېللىق چېگرالار ئارقىلىق بەلگىلەيدۇ. سۈرەتلەر ئېغىر دەرىجىدە تۇتۇقسىزلىنىدۇ ۋە ئاتموسفېرا - سۇيۇق مەرمەر، تۈتۈن، ئوت - تولۇق ئېكران ھالىتىدە تېكىستنىڭ ئارقىسىغا قويۇلىدۇ، شۇڭا كۆرۈنۈشلۈك تەسۋىرلەر مىسالدىن كۆرە ئاتموسفېرالىق ھېس قىلدۇرىدۇ.
بەت لايىھەسى تولۇق كەڭلىكتە بولۇپ، مەزمۇنى ئەڭ چوڭ كەڭلىكتە ~1400 پىكسېل ئىچىدە مەركەزلەشتۈرۈلگەن. قەھرىمان قاراڭغۇ، تولۇق كەڭلىكتىكى بىر ئەسەر بولۇپ، سول ۋە ئوڭ تەرەپتە مىكرو بەلگىلەر بىلەن قاپلانغان مەركەزلىك يۇلتۇز تۈركۈمى بەلگىسى بار. بۆلەكلەر نۆۋەت بىلەن ئالماشتۇرۇلىدۇ: قاراڭغۇ قەھرىمان → ئاستى قەۋىتى بار يورۇق سىزىق (سۆڭەك) → قاراڭغۇ ئۆزگەرتىش تېكىستى → سىستېما كارتىلىرىنىڭ قاراڭغۇ تورى → قاراڭغۇ ئاستى. يەككە يورۇق بۆلەك يەككە، ئۆتكۈر ئاھاڭ ئۆزگىرىشىنى ھاسىل قىلىدۇ. كارتا تورى 4 ئىستوندىن تەركىب تاپقان بولۇپ، بىرىنچى كارتا قالغان ئۈچ كارتىدىن تەخمىنەن ئىككى ھەسسە كەڭ بولۇپ، مەزمۇنغا ئەھمىيەت بېرىدىغان ئاسسىمېترىكسىز لايىھە ھاسىل قىلىدۇ. بۆلەكلەر ئارىسىدىكى تىك بوشلۇق كەڭ (80 پىكسېلدىن يۇقىرى). يول باشلاش ئەڭ ئاز: ئۈستىدىكى خەۋەر بالداق + سولغا تىزىلغان بىر «ھازىر باشلاش» ۋە ئۈستىدىكى بالداقتا ئوڭغا تىزىلغان «تىزىملىك». يان بالداق يوق، چوڭ تىزىملىك يوق.
ئاتموسفېرا سۈرەتلىرى پۈتۈن بەت يۈزىنى ئىگىلەپ، باش بەت ۋە كارتىلاردا ئۈستۈنلۈكنى ئىگىلەيدۇ. سۈرەتلەر ئېغىر دەرىجىدە تۇتۇق (50px ۋە 40px لىق ئارقا كۆرۈنۈش تۇتۇقلۇقى بايقالغان) ۋە يۇقىرى كونتراستلىق بولۇپ، كۆك-قىزىل رەڭلىك ئايلانما، تۈتۈن، قاراڭغۇ مەنزىرىلەر ۋە ئوت/چوغ توقۇلمىلىرى بىلەن سۇيۇق مەرمەرنى تەسۋىرلەيدۇ. سۈرەتلەر كەيپىياتلىق ۋە قاراڭغۇ، جانلىق ئەمەس - ئۇلار بوش رەسىم بىلەن ئوخشاش ئاۋاز دائىرىسىنى ئورتاقلىشىدۇ، ئۇنىڭغا قارشى تۇرۇشنىڭ ئورنىغا كۆزگە چېلىقىدۇ. بۇ يەردە مەھسۇلات سۈرەتلىرى، كىشىلەر، UI سۈرەتلىرى يوق. سۈرەتلەر مىسال خاراكتېرلىك مەزمۇن سۈپىتىدە خىزمەت قىلىشنىڭ ئورنىغا كەيپىيات يارىتىدۇ. كارتا تورى ھەر بىر سىستېمىنى ئوخشىمىغان ئاتموسفېرا كۆرۈنۈشىگە ماسلاشتۇرىدۇ، بۇ سۈرەتلەرنىڭ مەھسۇلات سۈرەتلىرى ئەمەس، بەلكى ئابستراكت كۆرۈنۈشلۈك ئېنىقلىغۇچ سۈپىتىدە خىزمەت قىلىشىغا يول قويىدۇ.
پالتىرا
ماركا
- Ember Rust
#cc6437— ئالاھىدە سىزىقلار، سىنبەلگە سىزىقلىرى ۋە كىچىك تېكىست يورۇتۇشلىرى مونوخروم سىستېمىدىكى بىردىنبىر خروماتىك رەڭ بولۇپ، تولدۇرۇش ئورنىغا ئاساسەن ئانچە كۆزگە چېلىقمايدىغان پۇلسلىغان نۇقتىغا ئوخشايدۇ.
نېيترال
- Void Black
#0b0b0b— ئاساسلىق بەت ۋە بۆلەكلەرنىڭ ئارقا كۆرۈنۈش رەسىملىرى؛ پۈتۈن سىستېمىنىڭ ئاساسى. - Charcoal Surface
#272a2a— قاراڭغۇ رايونلاردىكى كارتون ۋە تاختىلاردىن ياسالغان ئارقا كۆرۈنۈش رەسىملىرى، سايەسىز يۈزلەرنى ئايرىش ئۈچۈن، رەسىمدىكىدىن بىر توننا يېنىكرەك بولىدۇ. - Bone
#edebe7— ئارقا كۆرۈنۈش ۋە يۈزىنىڭ يورۇق رايونلىرى قايماق رەڭدە بولۇپ، سىستېما قاراڭغۇ رەڭدىن يورۇق رەڭگە ئۆزگىرىدۇ. - Bone Darker
#dfddd9— كۆپ قەۋەتلىك يورۇق يۈزلەر ۋە ئىللىق، دېگۈدەك ئاق رەڭلىك ئېلېمېنتلار ئۈچۈن «سۆڭەك» دەپ ئاتىلىدىغان نەپىس رەڭ. - Pure White
#ffffff— بارلىق ئاساسلىق تېكىست ۋە ماۋزۇلار، ئەرۋاھ كۇنۇپكىسىنىڭ گىرۋەكلىرى ۋە يول باشلاش ئېلېمېنتلىرى ئاساسلىق رەڭدە بولۇپ، Void قارا رەڭلىك ئارقا كۆرۈنۈشتە 19.7:1 كونتراست نىسبىتىگە ئىگە. - Abyss
#050505— خەۋەر لېنتىسىنىڭ (ئۈستۈنكى خەۋەر لېنتىسىنىڭ) كۆتۈرۈلگەن ئارقا كۆرۈنۈشى - لېنتىنى ئالاھىدە كۆرسىتىش ئۈچۈن ئاساسلىق رەسىمدىن بىر سايە قېنىقراق رەڭدە.
تىپوگرافىيە
11 دىن 32 پىكسېلغىچە · 5 قەدەم
- Pragmatica Cond — ئالماشتۇرۇش: Oswald · پىلانلار 400 · ئاساسلىق كۆرسىتىش ۋە ئىشلەتكۈچى ئارايۈزى خەت نۇسخىسى تار، قىسقىراق خەت نۇسخىسى بولۇپ، ئاساسىي تېكىست ئۈچۈن 14 پىكسېل چوڭ ھەرپ، بۆلەك ماۋزۇسى ئۈچۈن 20 پىكسېل ۋە ئاساسلىق تېكىست ئۈچۈن 32 پىكسېل چوڭ ھەرپ بىلەن يېزىلغان. ئىنتايىن تار خەت نۇسخىسى ۋە ئاساسىي تېكىست ئۈچۈن 14 پىكسېل چوڭ ھەرپ سىستېمىنىڭ ئەڭ خاس چارىسى: ئاساسىي تېكىست ئادەتتىكى نەسىرگە ئوخشاش ئەمەس، بەلكى بىناكارلىق خەت نۇسخىسىنىڭ پىچىرلىشىغا ئوخشاش ئوقۇلىدۇ. ئەگەر Pragmatica قىسقىراق خەت نۇسخىسى بولمىسا، Oswald ياكى Barlow قىسقىراق خەت نۇسخىسى بىلەن ئالماشتۇرۇڭ.
- Pragmatica — ئالماشتۇرۇش: Inter · پىلانلار 400 · ئۇزۇنراق نەسر پارچىلىرى ئۈچۈن ئىشلىتىلىدىغان ئىككىنچى دەرىجىلىك، ئاساسلىق خەت نۇسخىسى (مەسىلەن، «AI مەشغۇلات سىستېمىسى» كارتىسىنىڭ چۈشەندۈرۈشى 24 پىكسېل، پاراگراف تېكىستى 15 پىكسېل). چوڭراق بۆلەكلەرنى ئوقۇش ئاسان بولۇشى ئۈچۈن Pragmatica Cond دىن سەل كەڭ، ئەمما يەنىلا 400 قېلىنلىقتا - ھەرگىز قېلىن خەت ئىشلەتمەڭ. Inter ياكى Söhne بىلەن ئالماشتۇرۇڭ.
- Roboto Mono — ئالماشتۇرۇش: Roboto Mono (free · پىلانلار 400 · خەۋەر ئېلان قىلىش ئۈچۈن بىر بوشلۇقلۇق مىكرو خەت نۇسخىسى («خەۋەرلەر • 2026-يىلى 6-ئاينىڭ 15-كۈنى • CRUCIBLE نىڭ دەسلەپكى كىرىشى ھازىر ئېچىلدى»). بىر بوشلۇقلۇق خەت نۇسخىسى پەقەت مۇشۇ يەردە ئىشلىتىلىدۇ، بۇ ئېنىق ئىقتىدار پەرقىنى پەيدا قىلىدۇ: بۇ سىستېما سانلىق مەلۇماتى، ماركا ئەمەس.
ئارىلىقلار ۋە شەكىل
| مەقسەت | مەنىسى |
|---|---|
| زىچلىق | ئوتتۇراھال |
| ئاساسىي قەدەم | 16-20px |
| كۇنۇپكا رادىئۇسى | 1440px |
| كارتا رادىئۇسى | 10px |
| سايە | سايە ئورنىغا چېگرا يوق |
| بۆلۈملەر ئارىسىدا | 80px |
| بەت كەڭلىكى | 1400px |
سۈنئىي ئەقىل تور بېتىڭىزنى Ciridae ئۇسلۇبىدا قۇرۇپ، ئۇنى تولدۇرىدۇ
- Instagram ، TikTok ، Facebook قاتارلىق ئۇلىنىشلار ئارقىلىق مەھسۇلاتلار ۋە يازمىلارنى تولدۇرۇڭ.
- كونا تور بېتىڭىزدىكى مەزمۇنلارنى يۆتكەڭ - پەقەت ئادرېسنى كۆرسىتىڭ.
- ئەڭ ياخشى ماتوردىكى زامانىۋى لايىھە: سېرۋېر رېندېرلاش ۋە SEO ئەلالاشتۇرۇش بىلەن React ( Next.js).
- ئىزدەش نەتىجىلىرى ۋە نېرۋا تورى تەۋسىيەلىرى ئۈچۈن تولۇق ئاپتوماتىك SEO ئەلالاشتۇرۇش.
ئوخشاش ئۇسلۇبلار
- Dala — قارا مەخمەل ئۈستىدە ئەگىپ تۇرغان يۇلتۇز تۈركۈمى
- Linear — يېرىم كېچىلىك ئېنىقلىق ئەسۋابى
- Resend — قارا مەخمەل بىلەن بىنەپشە رەڭلىك نېئون
- Dovetail — قارا ئاي ئاستىدىكى بىر لايىھە — ئاران كۆرۈنىدىغان گىرافىك سىزىقلىرى، ئاق خەت نۇسخىسى، بىر دانە بىنەپشە رەڭلىك چاقناپ تۇرغان نۇر.
- Neon — قاراڭغۇ چۈشكەندىن كېيىنكى سېرۋېر ئۆيى. ساپ قاراڭغۇلۇق، بۇ يەردە پەقەت سانلىق مەلۇمات ۋە ئىشلەتكۈچىلەرنىڭ ئۆزئارا تەسىر كۆرسىتىشىدىنلا نۇر كېلىدۇ.
- Discord — ئويۇن دۇنياسى سەكرەپ چىقىدىغان پاراڭلىشىش كۆزنىكىنىڭ ئارقىسىغا يوشۇرۇنغان - ھەر بىر بۆلەك ئۆزىگە خاس يورۇتۇش ۋە پېرسوناژلار توپلىمىغا ئىگە مۇستەقىل مۇھىت.
- Aaru — يېرىم كېچىدىكى زەررىچە مەيدانى كۆزىتىش مەركىزى
- Atlas Card — يېرىم كېچە گۆرۈكى، پەقەت كۆك ياقۇت نۇرى بىلەن قاپلانغان بولۇپ، قاپقاراڭغۇ كەڭلىك بولۇپ، بۇ يەردە پەقەت قېنىق ئېلېكترونلۇق كۆك رەڭلا مۇھىم.
- Midjourney — چوڭقۇر ئوكياندىكى بىئولۇمىنېتسېنسىيە تېرمىنالى. ئەقىل-پاراسەت ASCII ئېقىمىدا كۆرۈنۈشلۈك ھالدا ئۆزىنى ھاسىل قىلىدىغان، كونتروللار بولسا ئاجىز پارقىراپ تۇرىدىغان نەقىشلەر شەكلىدە كۆرۈنىدىغان چوڭقۇر دېڭىز دۇنياسى.
- Checkly — چوڭقۇر ئوربىتا ۋەزىپىسى كونترول مەركىزى
- Krea — يېرىم كېچىدىكى قارا رەسىم كۆرگەزمىسى
- Wope — Wope بولسا بىنەپشە رەڭلىك ئۇپۇق كۆرۈنمە يۈزى. ئەينەكنىڭ ئاستىدىن بىنەپشە رەڭلىك نۇر چۈشۈپ تۇرىدىغان قاراڭغۇ رەسەتخانا ئۈستىلىنى تەسەۋۋۇر قىلىپ بېقىڭ.