
Slash
ئالتۇن ياپراقلىق دەپتەرلەر بىلەن بېزەلگەن يېرىم كېچە گۆرزىسى
Slash يېرىم كېچىلىك رەسىمخانا ھالىتىدە ئىشلەيدۇ: دېگۈدەك قارا رەڭلىك رەسىم تاختىسى، ئاق رەڭلىك خەت نۇسخىسى ۋە بىرلا ئىسسىق مىس رەڭلىك خەت بەلگىسى تىنىش بەلگىسى رولىنى ئوينايدۇ. باش تېمىلار Ivy Presto دا كۆرسىتىلىدۇ، بۇ يۇقىرى كونتراستلىق دىدون سېرىفى بولۇپ، ئىنتايىن چوڭلۇقتا (88 پىكسېلغىچە) ئىشلىتىلىدۇ - بۇ سېرىف ۋە سانس-سېرىف خەت نۇسخىلىرىنىڭ توقۇنۇشى سىستېمىنىڭ ئىمزاسى بولۇپ، ئەنئەنىۋى بانكىچىلىقنىڭ ۋاسىتىچىلىك كۈچىسىز ئۇنىڭغا مالىيە جەھەتتىن كۈچلۈكلۈك بېرىدۇ. ئىشلەتكۈچى ئارايۈزىنىڭ قالغان قىسمى قەستەن تۆۋەن كۆرسىتىلگەن: نېپىز گىرۋەكلەر، دورا شەكىللىك كونتروللار، ئىخچام 16 پىكسېللىق ئاساسىي تېكىست ۋە خەت نۇسخىسىنىڭ نەپەس ئېلىشىغا يول قويۇش ئۈچۈن ئىنچىكە يۇقىرىغا قاراپ سۈرۈلۈش. بىرلا ئالتۇن رەڭلىك گرادىيېنت (دىئاگرامما سىزىقى، مىكرو گەۋدىلەر) مونوخروم سىستېمىغا ئىللىقلىق قوشۇپ، لايىھەلىگۈچىلەر ئۈچۈن ياسالغان Bloomberg تېرمىنالىنىڭ ئىللىق نۇرىنى ئەسلىتىدۇ.
مەزمۇن 1216 پىكسېل كەڭلىكتە، ئوتتۇرىسىغا جايلاشقان، 160 پىكسېل تىك ئۆستەڭلىرى بار. باش بەت قاراڭغۇ، تولۇق كەڭلىكتىكى رەسىم بولۇپ، ئىككىگە بۆلۈنگەن تەركىبكە ئىگە: سولغا تىزىلغان سېرىف باشلىق (64–88 پىكسېل كەڭلىكتە)، ئاستىدا ئېلېكترونلۇق پوچتا ئادرېسى بوشلۇقى، ئوڭ تەرەپتە چوڭ مەھسۇلات UI كارتىسى (باشقۇرۇش تاختىسىنىڭ سۈرەت سۈرىتى)، كەڭلىكى %50. كېيىنكى بۆلەكلەردە يەككە ئىستونلۇق، ئوتتۇرىغا تىزىلغان باشلىق (سېرىف، كەڭلىكى 44–64 پىكسېل) ئىشلىتىلگەن بولۇپ، ئۇنىڭدا Inter دىكى تارماق ماۋزۇ بار، ئۇنىڭدىن كېيىن ئىقتىدار چۈشەندۈرۈشلىرى/گۇۋاھلىقلار/بىلوگلار ئۈچۈن ئۈچ ئىستونلۇق كارتا تورلىرى بار. يول باشلاش ئۈستۈنكى بالداقنىڭ مۇقىم بىر بالداق بولۇشى: سول تەرەپتە لوگو، مەركىزىي تىزىملىك (شىركەت، مەھسۇلاتلار، ھەل قىلىش چارىلىرى، خېرىدارلار، باھا، كۆپ سورىلىدىغان سوئاللار)، ئوڭغا تىزىلغان كىرىش (كۆزگە چېلىقمايدىغان) ۋە باشلاش (ئاق تولدۇرۇلغان ئېلېمېنت). ئاستى بەتتە شىركەت ئۇچۇرلىرى ۋە قانۇنىي ئۇقتۇرۇشلار بىلەن زىچ بەش ئىستونلۇق ئۇلىنىش تورى بار. بۇ بەت مەزمۇنغا باي تور بۆلەكلىرى ۋە تولۇق ئېكران ستاتىستىكىسى ئارىسىدا ئالمىشىپ تۇرىدۇ - رېتىم ئارقا رەڭلەرنىڭ ئالمىشىپ تۇرۇشى ئارقىلىق ئەمەس، بەلكى ئىستونلار ئارىسىدىكى كەڭ بوشلۇق ئارقىلىق بەلگىلىنىدۇ (پۈتۈن بەت يەككە، بىرلىككە كەلگەن رەسىم شەكلىدە كۆرسىتىلىدۇ).
بۇ سۈرەت تەھرىرلىك ۋە تەبىئىي: قۇرغۇچىلار ۋە گۇرۇپپا ئەزالىرىنىڭ ھەقىقىي تۇرمۇشتىكى خىزمەت مۇھىتىدىكى (ئىشخانا، مېھمانخانا، قۇرۇلۇش ئورۇنلىرى) ئىللىق سۈرەتلىرى. سۈرەتلەر كارتا رامكىسىنى چېتىدىن چېتىگىچە تولدۇرۇپ، ھېچقانداق بوشلۇق قالدۇرمايدۇ. تېكىستنىڭ ئوقۇشچانلىقىنى ئاشۇرۇش ئۈچۈن گۇۋاھلىق كارتىلىرىنىڭ ئاستى تەرىپىگە قاراڭغۇ گرادىيېنت ئىشلىتىلگەن. «LinkedIn تەھرىرلىك ژۇرنىلى بىلەن ئۇچراشقان» ئېستېتىكىسى ئادەتتىكى، ئىنسانىي ۋە سەل سۇس، ھەرگىز زاپاس سۈرەت بىلەن سىلىقلانمىغان. ماقالە كىچىك رەسىملىرى سۈرەتلەرنى رەسىملىك ئۇقۇملار بىلەن بىرلەشتۈرىدۇ (لابىرېنتتا تۇرغان ئادەم، پۇل خالتىسى بار ئوچاق). مەھسۇلاتنىڭ ئىشلەتكۈچى يۈزى قاراڭغۇ ھالەتتە تولۇق تۇتۇق ھالەتتە كۆرسىتىلىدۇ، بەتنىڭ ئۈستىدە نېپىز قاراڭغۇ يۈزلەردە - مەركىزىي ئېلېمېنتتا لەيلەپ تۇرىدۇ. بەلگىلەر مونوخروم بولۇپ، #2e3038 ياكى #777a88 دىكى 1px سىزىقلار بىلەن تولدۇرۇلغان، ھەرگىز ماركا رەڭگى بىلەن تولدۇرۇلمىغان.
پالتىرا
نېيترال
- Bone
#e2e3e9— ئاساسلىق تېكىست ئۈچۈن چوڭ خەت نۇسخىسى چوڭلۇقى، تەپسىلىي سانلىق مەلۇمات بەلگىلىرى ۋە كۆپىنچە UI ئېلېمېنتلىرىدىكى ئۆلچەملىك تېكىست ئاھاڭى. - Obsidian
#08080a— بەت رەسىم قەغىزى، ئاستىنقى ئارقا كۆرۈنۈش، ئەڭ قاراڭغۇ يۈزى دېگۈدەك قارا رەڭدە بولۇپ، ئازراق كۆك رەڭگى بار. - Onyx
#040406— كارتىنىڭ يۈزى، قوشۇمچە ئارقا كۆرۈنۈشى، كۆرۈنۈش ئۈنۈمى ئۈچۈن بەتتىن بىر قەدەم چوڭقۇرراق. - Carbon
#121317— كۆتۈرۈلگەن تاختىلار، كۆزگە كۆرۈنەرلىك UI تولدۇرۇش - Surface Stack تەرەققىياتىدىكى تۇنجى كۆرۈنەرلىك يېنىك قەدەم - Graphite
#1c1d22— چېگرا، بۆلگۈچ، سىنبەلگە ساندۇقلىرى، كونترول سۈرگۈچلىرى — قۇرۇلمىنى بەلگىلەيدىغان ئەڭ ئىنچىكە رەڭ سايىسى. - Slate
#2e3038— قوشۇمچە چېگرالار، ئاۋازسىز بەلگە سىزىقلىرى، مەزمۇن بۆلەكلىرى ئارىسىدىكى ئىنچىكە بۆلگۈچلەر.
تىپوگرافىيە
13 دىن 88 پىكسېلغىچە · 9 قەدەم
- Ivy Presto — ئالماشتۇرۇش: Playfair Display · پىلانلار 400, 500 · ماۋزۇ ۋە تارماق ماۋزۇلار ئۈچۈن ئىشلىتىلىدىغان serif خەت نۇسخىسى - پەقەت 28px ۋە ئۇنىڭدىن يۇقىرى چوڭلۇقتىكى ماۋزۇ ۋە بۆلۈم ماۋزۇلىرى ئۈچۈن ئىشلىتىلىدۇ. يۇقىرى كونتراستلىق دىدون سىزىقلىرى نېپىز serif خەتلەر بىلەن تەھرىرلىك ھەشەمەت تۇيغۇسىنى پەيدا قىلىدۇ؛ كىچىك مۇسبەت ھەرپ ئارىلىقى 0.01em بولۇپ، خەت نۇسخىسىغا بېسىلغان، ھېساباتقا ئوخشاش كۆرۈنۈش بېرىدۇ. بۇ serif خەت نۇسخىسى ماركىنىڭ ئاساسلىق چاقىرىق كارتىسى بولۇپ، ئۇ Slash نى باشقا بارلىق SaaS پۇل-تېخنىكا شىركەتلىرىدىن پەرقلەندۈرىدۇ، ئۇلار گېئومېتىرىيەلىك sans-serif خەت نۇسخىلىرىنى ئىشلىتىدۇ.
- Inter — ئالماشتۇرۇش: Inter (self-hosted via Google Fonts) · پىلانلار 300, 400, 500, 600, 700 · UI Sans — ئاساسلىق تېكىست، يول باشلاش، كۇنۇپكىلار، بەلگىلەر، ئۇلىنىشلار، فورما مەيدانلىرى ۋە تارماق ماۋزۇلار. ئاساسلىق تېكىست كۆزگە چېلىقمايدىغان ئىككىنچى دەرىجىلىك تېكىست ئۈچۈن 300 خەت نۇسخىسىنى ئىشلىتىدۇ؛ 500 ئوتتۇرا دەرىجىلىك تەكىتلەنگەن تېكىست ۋە كۇنۇپكىلار بەلگىلىرى ئۈچۈن ئىشلىتىلىدۇ؛ 600 كىچىك ھەرپلەر بىلەن يېزىلغان تۈر بەلگىلىرى ئۈچۈن ساقلانغان. مەنپىي ھەرپلەر ئارىلىقى 2 (-3) دىن كىچىكلەيدۇ ۋە چوڭلۇقى كىچىكلىگەنسىرى كىچىكلەيدۇ، بۇ Inter خەت نۇسخىسىنىڭ ئوپتىكىلىق چوڭايتىشىغا خاس.
ئارىلىقلار ۋە شەكىل
| مەقسەت | مەنىسى |
|---|---|
| زىچلىق | كەڭ |
| ئاساسىي قەدەم | 8px |
| كۇنۇپكا رادىئۇسى | 9999px |
| كارتا رادىئۇسى | 10px |
| سايە | سايە ئورنىغا چېگرا يوق |
| بۆلۈملەر ئارىسىدا | 160px |
| بەت كەڭلىكى | 1216px |
سۈنئىي ئەقىل تور بېتىڭىزنى Slash ئۇسلۇبىدا قۇرۇپ، ئۇنى تولدۇرىدۇ
- Instagram ، TikTok ، Facebook قاتارلىق ئۇلىنىشلار ئارقىلىق مەھسۇلاتلار ۋە يازمىلارنى تولدۇرۇڭ.
- كونا تور بېتىڭىزدىكى مەزمۇنلارنى يۆتكەڭ - پەقەت ئادرېسنى كۆرسىتىڭ.
- ئەڭ ياخشى ماتوردىكى زامانىۋى لايىھە: سېرۋېر رېندېرلاش ۋە SEO ئەلالاشتۇرۇش بىلەن React ( Next.js).
- ئىزدەش نەتىجىلىرى ۋە نېرۋا تورى تەۋسىيەلىرى ئۈچۈن تولۇق ئاپتوماتىك SEO ئەلالاشتۇرۇش.
ئوخشاش ئۇسلۇبلار
- Modal — قاراڭغۇ سېرۋېر ئۆيىدىكى فوسفورلۇق تېرمىنال - بىردىنبىر يورۇقلۇق مەنبەسى پارلاق يېشىل رەڭ
- AgentQL — كېچىدە تېرمىنالنىڭ ئۈستىدىكى شىمالىي چىراغلار
- GitHub — بىئولۇمىنېتسېنسىيەلىك كونترول نۇقتىلىرى بار بوشلۇق قوماندانلىق تاختىسى - قاراڭغۇ، ئاتموسفېرالىق خىزمەت بوشلۇقى، بۇ يەردە بىرلا يېشىل نۇر ئالغا ئىلگىرىلەش يولىنى كۆرسىتىپ بېرىدۇ.
- Doppler — گۆربەزنىڭ يېرىم كېچىدىكى بىنەپشە رەڭلىك چىرىغى. دېگۈدەك قارا رەڭلىك رەسىم بىرلا لاۋاندېر سىگنالى ۋە يېشىل جەزملەش چىرىغى بىلەن چاقناپ تۇرىدۇ، ھەر بىر يۈزى تۇتۇۋالغىلى بولىدىغان دەرىجىدە ئېگىلىپ تۇرىدۇ.
- Basedash — مات خەت نۇسخىسى بار يېرىم كېچىلىك سانلىق مەلۇمات تېرمىنالى. قاراڭغۇ رەسەتخانا بولۇپ، بۇ يەردە مېترىكلار بىنەپشە ۋە يېشىل رەڭدە چاقناپ تۇرىدۇ، سېرىف خەتلىك ماۋزۇلار شاۋقۇننىڭ ئۈستىدە لەيلەپ تۇرىدۇ، ئاق رەڭلىك دورا شەكىللىك كۇنۇپكىلار يۇمشاق قارا يۈزلۈك ئۆيدىكى بىردىنبىر پارلاق جىسىملار.
- Superwhisper — شىمالىي چىراغلار يېرىم كېچىلىك ئەينەك ئۈستىدە يوقىلىپ كەتتى
- Better Stack — يېرىم كېچە SRE كونترول سۇپىسى
- Langbase — يېرىم كېچە شىمالىي چىراغلىرى كونترول تاختىسى
- Astro — تۇمانلىقتىن چىققان بىر دانە بىنەپشە رەڭلىك نۇر بىلەن چوڭقۇر ئالەم بوشلۇقى ۋەزىپىسى كونترولى
- Wayfinder — نەق مەيدان رەسىمىنىڭ ئۈستىدە ئاران ئاڭلىنىدىغان ماۋزۇسى بار قارا كىنو ئېكرانى. بۇ كۆرۈنمە يۈزى كونترول تاختىسى ئەمەس، بەلكى يورۇقلۇق سىيرىغۇچ.
- HashiCorp — يېرىم كېچىدىكى بىنەپشە رەڭلىك نېئون چىراغ بىلەن قاپلانغان كونترول ئۆيى قاراڭغۇ تېخنىكىلىق يۈز بولۇپ، يالتىراپ تۇرغان ئالتە تەرەپلىك كۇب بىردىنبىر رەڭ پايدىلىنىش ماتېرىيالى بولۇپ ھېسابلىنىدۇ.
- Umbrel — كېچىلىك سېرۋېر ئۆيىدىكى راھەت ئوچاق — قاراڭغۇ ئۆيدە، پەقەت شاپتۇل رەڭلىك نۇرلا نېمىنىڭ ھەقىقىي مۇھىملىقىنى گەۋدىلەندۈرۈپ تۇرىدۇ.