Modal
قاراڭغۇ سېرۋېر ئۆيىدىكى فوسفورلۇق تېرمىنال - بىردىنبىر يورۇقلۇق مەنبەسى پارلاق يېشىل رەڭ
مودال قاراڭغۇ سېرۋېر ئۆيىدىكى فوسفورلۇق تېرمىنالغا ئوخشاش ئىقتىدارلارنى كۆرسىتىدۇ: دېگۈدەك قارا رەڭلىك، سۇس يېشىل رەڭلىك خەت نۇسخىسى ۋە LED ھالىتىنى كۆرسىتىدىغان بىر پارلاق لىمون يېشىل رەڭلىك بەلگە. لايىھە تىلى ئاچقۇچىلارغا مەركەزلەشكەن بولۇپ، يول چىرىغى نۇقتىلىرى بار بىر بوشلۇقلۇق كود كۆزنەكلىرى، ئىمزا يېشىل رەڭدىكى ئىزومېترىك 3D سىنبەلگىلەر ۋە كۆپ مىقداردا ئاق بوشلۇق بار، ھەر بىر بۆلەكتە بىر ئېلېمېنتنىڭ چاقناپ تۇرۇشىغا يول قويىدۇ. خەت نۇسخىسى ماۋزۇلار ئۈچۈن خاسلاشتۇرۇلغان خەت نۇسخىسى (Goga) ۋە بارلىق UI ئېلېمېنتلىرى ئۈچۈن ئۆزگەرگۈچ خەت نۇسخىسى (Inter) غا بۆلۈنگەن بولۇپ، ئىككىسى تار مەنپىي ئىز قوغلاش بىلەن تەڭشەلگەن. رەڭلەر تەكشى تەقسىملەنگەن: كۆپىنچە ئېكرانلار ئاخروماتىك، پارلاق لىمون يېشىل رەڭ پەقەت ئاساسلىق ھەرىكەتلەر، لوگو، 3D رەسىملەر ۋە ئالاھىدە نۇقتىلاردا كۆرۈنىدۇ. زاپچاسلار تەكشى ۋە رامكىسىز بولۇپ، چوڭقۇرلۇق سايە ئەمەس، بەلكى نېپىز يېشىل گىرۋەكلەر ۋە ئارقا كۆرۈنۈش تۇتۇقلۇقى ئارقىلىق يارىتىلغان.
بۇ مودېل مەزمۇنغا ماسلىشىش ئۈچۈن تولۇق كەڭلىكتىكى قاراڭغۇ لايىھەنى ئىشلىتىدۇ، ئەڭ چوڭ كەڭلىكى 1280 پىكسېل. قەھرىمان كۆزنىكى مەركەزگە جايلاشقان: ماۋزۇ (ئاچچىق يېشىل رەڭلىك بىرىنچى جۈملە)، بىر تارماق ماۋزۇ، ئىككى چاقىرىق ۋە كۆرۈنۈشلۈك لەڭگەر سۈپىتىدە بىرلا 3D ئوبيېكت - لايىھەنى يان بالداقتىن ئايرىۋەتمەيدۇ. مەزمۇن بۆلەكلىرى بىردەك رېتىمغا ئەگىشىدۇ: قاش بەلگىسى (باش ھەرپلەر، Moss 70) → Goga ماۋزۇسى → ئاۋازسىز ئاساسىي تېكىست، ئاندىن ئىككى ئىستونلۇق لايىھە ئالاھىدىلىك چۈشەندۈرۈشى (مەتن + كود/كۆرۈنۈش كارتىسى) ياكى ئۈچ ئىستونلۇق كارتا تورى. بۆلەكلەر ئارىسىدىكى بوشلۇق كەڭ - 80 پىكسېل. بەت چوڭقۇر بوش (#000000) ۋە سەل يېنىكرەك ئارقا كۆرۈنۈش (#181818) سىزىقلىرى ئارىسىدا ئالمىشىپ تۇرىدۇ، بىر يورۇق بۆلەك (#def0dd) بەتنىڭ ئوتتۇرىسىدا كۆرۈنۈشلۈك نەپەس ئېلىش سۈپىتىدە كۆرۈنىدۇ. يول باشلاش سىستېمىسى تۇتۇق ئارقا كۆرۈنۈشى بار يەككە، مۇقىم ئۈستۈنكى بالداقتىن تەركىب تاپقان - يان بالداق ياكى چوڭ تىزىملىك يوق. ئاستى قىسمى ئىخچام ۋە قاراڭغۇ بولۇپ، ئاۋازسىز يېشىل ئۇلىنىش ئىستونلىرى بار. تېكىست زىچلىقى راھەت: ھەر بىر بۆلەككە كەڭ بوشلۇق بېرىلگەن، كارتا تورلىرى ئۈچ ئىستوندىن ئېشىپ كەتمەيدۇ.
Modal نىڭ كۆرۈنۈش تىلى ئىككى خىل ھالەتكە بۆلۈنگەن: 3D پارقىراق مەھسۇلات كۆرسىتىش ۋە قاراڭغۇ كود كۆزنەك ماكېتلىرى. مەركەز نۇقتىسى بازار گرادىيېنتى (ئاق يېشىلدىن زۇمرەتكىچە) ئارقىلىق كۆرسىتىلگەن يەككە 3D كۇب بولۇپ، بوش بوشلۇقنى يېشىل نۇر بىلەن قاپلىغان رادىئاتسىيەلىك گرادىيېنت ھالقا ئىچىگە قويۇلغان - بۇ ماركىنىڭ ئۆزگىچە كۆرۈنۈش ئۇسلۇبى. خىزمەت يۈكى كارتىلىرىدا قاراڭغۇ ئارقا كۆرۈنۈشتە ئوخشاش ئاق يېشىل رەڭدە كۆرسىتىلگەن ئىزومېتىرىيىلىك 3D بەلگىلەر (سىم رامكىسى كۇبى، قاتتىق پەلەمپەي، قەۋەتلەر) بار. كود ۋە ئۆلچەم نەتىجىلىرى يول چىرىغى نۇقتىلىرى، فوسفورلۇق پەلەمپەيدە بىر بوشلۇقلۇق سىنتاكسىسنى گەۋدىلەندۈرۈش ۋە سۇس يېشىل گىرۋەكلىك تېرمىنال كۆزنەك كارتىلىرى سۈپىتىدە كۆرسىتىلىدۇ - ئۇلار ھەقىقىي بۇيرۇق قۇرى ئارايۈزىنىڭ سۈرەتلىرىگە ئوخشايدۇ. خېرىدار بەلگىسى يەككە، تۆۋەن كونتراستلىق قۇردا تويۇنمىغان يېشىل-كۈلرەڭ بەلگىلەر سۈپىتىدە كۆرسىتىلىدۇ، بۇ كۆرۈنۈش رىقابەتسىز ئىشەنچنى بىلدۈرىدۇ. ئومۇمىي زىچلىق تۆۋەن - كۆپىنچە بەتلەردە ئاساسلىقى تېكىست بار، رەسىملەر سۈرەتلەر تور شەكلى ئەمەس، بەلكى يەككە مەركەز نۇقتىلىرى سۈپىتىدە كۆرسىتىلىدۇ. سۈرەتلەر يوق؛ پۈتۈن كۆرۈنۈش سىستېمىسى گېئومېتىرىيەلىك ۋە نۇرلۇق شەكىلدە كۆرسىتىلىدۇ.
پالتىرا
ماركا
- Lime Pulse
#7fee64— كارخانا كىملىكىنىڭ ئاساسلىق ئېلېمېنتلىرى لوگو، ئاساسلىق ھەرىكەت چاقىرىقى (CTA)، بەلگە تولدۇرۇش، ئاكتىپ ھالەتلەر ۋە رەسىمنىڭ ئاساسىي رەڭگىدىن ئىبارەت.
نېيترال
- Phosphor White
#ddffdc— ئاساسلىق تېكىست، ماۋزۇ رەڭگى، سىنبەلگە سىزىقى ۋە تولدۇرۇلغان كۇنۇپكا تېكىستى ئاساسلىق ئوقۇغىلى بولىدىغان يۈزە. - Void Black
#000000— بەت رەسىم قەۋىتى، ئەڭ چوڭقۇر ئارقا كۆرۈنۈش قەۋىتى - Ground Iron
#181818— ئاساسلىق كۇنۇپكىنى تولدۇرۇش، قاراڭغۇ رايونلاردىكى كارتا يۈزى، ئىشلەتكۈچى ئارايۈزىنىڭ ئاساسىي يۈزى. - Carbon Veil
#212525— ئېگىز يۈزلەر، يول باشلاش ئارقا كۆرۈنۈشى، يەر يۈزىدىن سەل يېنىكرەك. - Circuit Border
#485346— ئاساسلىق ئۆز-ئارا تەسىر كۆرسىتىدىغان نېپىز سىزىق بولغان سىزىقنىڭ سىزىقى/ئەرۋاھ ھەرىكەت رامكىسى سۇس يېشىل-كۈلرەڭ رەڭدە. - Phosphor Blue-Black
#1f2a33— قاراڭغۇ سىزىقلار ئارىسىنى بۆلۈۋاتقان ئىككىنچى دەرىجىلىك ئىنچىكە بەلگە سىزىقلىرى.
تىپوگرافىيە
12 دىن 64 پىكسېلغىچە · 8 قەدەم
- Goga — ئالماشتۇرۇش: Inter Tight or Space Grotesk · پىلانلار 400, 500 · ماۋزۇ ۋە تارماق ماۋزۇ خەت نۇسخىسى – بارلىق H1–H4 ماۋزۇ ۋە كارتىلارغا ئىشلىتىلىدۇ. Goga بولسا تار ئېغىزلىق ۋە ئازراق چاسا شەكىللىك تېرمىناللىق خاسلاشتۇرۇلغان گېئومېتىرىيەلىك سانس-سېرىف خەت نۇسخىسى. ئوتتۇرا ئېغىرلىق (500) كارتا دەرىجىسىدىكى ماۋزۇلارنى گەۋدىلەندۈرۈش ئۈچۈن ساقلانغان؛ نورمال ئېغىرلىق (400) قەھرىمان ۋە بۆلەك ماۋزۇلىرى ئۈچۈن ئىشلىتىلىدۇ. Modal نىڭ كىملىكىنى بەلگىلەيدىغان باشقا گلىف شەكىللىرىگە ئېرىشىش ئۈچۈن، ئۇنىڭ «ss01» ئۇسلۇب توپلىمىنى قوزغىتىش كېرەك. مەنپىي ھەرپ ئارىلىقى 48px دىكى -0.007em دىن 21px دىكى -0.017em گىچە ئاستا-ئاستا ئازىيىدۇ.
- Inter Variable — ئالماشتۇرۇش: Inter · پىلانلار 400, 500 · ئىشلەتكۈچى ئارايۈزى ۋە ئاساسىي تېكىست – يول باشلاش، كۇنۇپكىلار، ئاساسىي تېكىست، بەلگىلەر، ئاستىنقى قەۋەت. ئۆز-ئارا تەسىر كۆرسىتىدىغان ئېلېمېنتلار ۋە يول باشلاش ئۈچۈن ئۆزلۈكىدىن ئوتتۇرا ئېغىرلىق (500) ئىشلىتىلىدۇ؛ پاراگرافلار ئۈچۈن نورمال (400) ئىشلىتىلىدۇ. ھەرپلەر ئارىلىقى كىچىك چوڭلۇقتا (14px دا -0.026em، 16px دا -0.022em) بولسىمۇ كۆرۈنەرلىك دەرىجىدە كىچىكلەيدۇ، بۇ ئارايۈزگە قىسقارتىلغان، ئاخىرقى زىچلىقنى بېرىدۇ. باشقا تىنىش بەلگىلىرى ئۈچۈن، 'cv11' ھەرپ ۋارىيانتى قوشۇلۇشى كېرەك. 12px دىكى بارلىق چوڭ ھەرپلەر بەلگىلىرى ئاساسىي تېكىستنىڭ زىچلىقىنى تەڭشەش ئۈچۈن +0.05em ھەرپلەر ئارىلىقىنى ئىشلىتىدۇ.
ئارىلىقلار ۋە شەكىل
| مەقسەت | مەنىسى |
|---|---|
| زىچلىق | ئوتتۇراھال |
| ئاساسىي قەدەم | 20px |
| كۇنۇپكا رادىئۇسى | 12px |
| كارتا رادىئۇسى | 8px |
| سايە | سايە ئورنىغا چېگرا يوق |
| بۆلۈملەر ئارىسىدا | 80px |
| بەت كەڭلىكى | 1280px |
سۈنئىي ئەقىل تور بېتىڭىزنى Modal ئۇسلۇبىدا قۇرۇپ، ئۇنى تولدۇرىدۇ
- Instagram ، TikTok ، Facebook قاتارلىق ئۇلىنىشلار ئارقىلىق مەھسۇلاتلار ۋە يازمىلارنى تولدۇرۇڭ.
- كونا تور بېتىڭىزدىكى مەزمۇنلارنى يۆتكەڭ - پەقەت ئادرېسنى كۆرسىتىڭ.
- ئەڭ ياخشى ماتوردىكى زامانىۋى لايىھە: سېرۋېر رېندېرلاش ۋە SEO ئەلالاشتۇرۇش بىلەن React ( Next.js).
- ئىزدەش نەتىجىلىرى ۋە نېرۋا تورى تەۋسىيەلىرى ئۈچۈن تولۇق ئاپتوماتىك SEO ئەلالاشتۇرۇش.
ئوخشاش ئۇسلۇبلار
- Slash — ئالتۇن ياپراقلىق دەپتەرلەر بىلەن بېزەلگەن يېرىم كېچە گۆرزىسى
- AgentQL — كېچىدە تېرمىنالنىڭ ئۈستىدىكى شىمالىي چىراغلار
- GitHub — بىئولۇمىنېتسېنسىيەلىك كونترول نۇقتىلىرى بار بوشلۇق قوماندانلىق تاختىسى - قاراڭغۇ، ئاتموسفېرالىق خىزمەت بوشلۇقى، بۇ يەردە بىرلا يېشىل نۇر ئالغا ئىلگىرىلەش يولىنى كۆرسىتىپ بېرىدۇ.
- Doppler — گۆربەزنىڭ يېرىم كېچىدىكى بىنەپشە رەڭلىك چىرىغى. دېگۈدەك قارا رەڭلىك رەسىم بىرلا لاۋاندېر سىگنالى ۋە يېشىل جەزملەش چىرىغى بىلەن چاقناپ تۇرىدۇ، ھەر بىر يۈزى تۇتۇۋالغىلى بولىدىغان دەرىجىدە ئېگىلىپ تۇرىدۇ.
- Basedash — مات خەت نۇسخىسى بار يېرىم كېچىلىك سانلىق مەلۇمات تېرمىنالى. قاراڭغۇ رەسەتخانا بولۇپ، بۇ يەردە مېترىكلار بىنەپشە ۋە يېشىل رەڭدە چاقناپ تۇرىدۇ، سېرىف خەتلىك ماۋزۇلار شاۋقۇننىڭ ئۈستىدە لەيلەپ تۇرىدۇ، ئاق رەڭلىك دورا شەكىللىك كۇنۇپكىلار يۇمشاق قارا يۈزلۈك ئۆيدىكى بىردىنبىر پارلاق جىسىملار.
- Superwhisper — شىمالىي چىراغلار يېرىم كېچىلىك ئەينەك ئۈستىدە يوقىلىپ كەتتى
- Better Stack — يېرىم كېچە SRE كونترول سۇپىسى
- Langbase — يېرىم كېچە شىمالىي چىراغلىرى كونترول تاختىسى
- Astro — تۇمانلىقتىن چىققان بىر دانە بىنەپشە رەڭلىك نۇر بىلەن چوڭقۇر ئالەم بوشلۇقى ۋەزىپىسى كونترولى
- Wayfinder — نەق مەيدان رەسىمىنىڭ ئۈستىدە ئاران ئاڭلىنىدىغان ماۋزۇسى بار قارا كىنو ئېكرانى. بۇ كۆرۈنمە يۈزى كونترول تاختىسى ئەمەس، بەلكى يورۇقلۇق سىيرىغۇچ.
- HashiCorp — يېرىم كېچىدىكى بىنەپشە رەڭلىك نېئون چىراغ بىلەن قاپلانغان كونترول ئۆيى قاراڭغۇ تېخنىكىلىق يۈز بولۇپ، يالتىراپ تۇرغان ئالتە تەرەپلىك كۇب بىردىنبىر رەڭ پايدىلىنىش ماتېرىيالى بولۇپ ھېسابلىنىدۇ.
- Umbrel — كېچىلىك سېرۋېر ئۆيىدىكى راھەت ئوچاق — قاراڭغۇ ئۆيدە، پەقەت شاپتۇل رەڭلىك نۇرلا نېمىنىڭ ھەقىقىي مۇھىملىقىنى گەۋدىلەندۈرۈپ تۇرىدۇ.