Vercel
تېرمىنال ئاق قەغەزگە بېسىلدى
Vercel لايىھە سىستېمىسى ئىنتىزاملىق مونوخروملۇق مەشىق: دېگۈدەك ئاق رەڭلىك رەسىم (#fafafa)، قارا رەڭلىك خەت، نېپىز گىرۋەك ۋە بېزەكلىك رەڭنىڭ پۈتۈنلەي يوقلۇقى. كۆرۈنۈشلۈك تىل تەرەققىياتچىنىڭ باسما شەكلىدە كۆرسىتىلگەن تېرمىنالىنى ئەسلىتىدۇ - Geist Sans نىڭ ئېغىرلىقى 400-450، ھەرپلەر ئارىلىقى -0.06em بولۇپ، «قەھرىمانلىق» ئۆلچىمىدە ئاران ئوقۇغىلى بولىدۇ، Geist Mono بولسا بەلگىلەر، مېتا سانلىق مەلۇماتلار ۋە كود ئۈلگىلىرىنى 11-13 پىكسېل چوڭلۇقتا قوللىنىدۇ. كۇنۇپكىلار ئۆتكۈر 6 پىكسېل رادىئۇس ياكى ئاق رەڭدە ساپ قارا ياكى قارا رەڭدە ئاق رەڭلىك تىك تۆت بۇلۇڭ شەكىللىك. سىستېما رەڭگە ئەمەس، بەلكى قارشىلىق ۋە خەت شەكلىگە تايىنىدۇ، ئۈچ بۇلۇڭ بەلگىسى (▲) ۋە ئىككى قۇرلۇق سۆز بەلگىسىنى بىردىنبىر ماركا ئېلېمېنتى سۈپىتىدە ئىشلىتىدۇ. يۈزلەر بىر-بىرىنىڭ ئۈستىگە #fafafa → #ebebeb → #171717 تەرتىپى بويىچە تىزىلغان بولۇپ، سايە ياكى رەڭنىڭ ئورنىغا ئاۋاز قىممىتىنى ئۆزگەرتىش ئارقىلىق چوڭقۇرلۇق يارىتىدۇ. ھەر بىر ئېلېمېنت زىچلىقى كىچىك بولغان 4 پىكسېللىق تورغا قۇرۇلغان بولۇپ، ئىنژېنېرنىڭ دەپتىرىگە ئوخشايدىغان كۆرۈنمە يۈزى ھاسىل قىلىدۇ - ئېنىق، ئىقتىدارلىق ۋە ئاق بوشلۇقتىن قورقمايدۇ.
بۇ قاپنىڭ كەڭلىكى 1280 پىكسېل، ئوتتۇرىسىغا جايلاشقان، كەڭ دائىرىلىك توغرىسىغا تولدۇرۇلغان (24-48 پىكسېل). ئاساسلىق بۆلەكتە ئاسسىمېترىك ئۈچ رايونلۇق تەركىب ئىشلىتىلگەن: سول تەرەپتە چوڭ ماۋزۇ، ئوتتۇرىسىغا ماركا بەلگىسى ۋە ئوڭ تەرەپتە «قاش» بۆلىكى بار. ئاساسلىق بۆلەكنىڭ ئاستىدا، مەزمۇنلار نۆۋەتلىشىپ تۇرىدىغان سىزىقلار شەكلىدە تىزىلغان: خېرىدارنىڭ بەلگىسى بار تولۇق كەڭلىكتىكى سىزىق، ئاندىن سول تەرەپتە ماۋزۇ ۋە ئوڭ تەرەپتە مەھسۇلات لايىھەسى بار ئىككى ئىستونلۇق «ئاگېنت ئىجادكارلىرى» بۆلىكى، ئاندىن ئالاھىدىلىكلىرى بار ئۈچ كارتىدىن تەركىب تاپقان تور بار. بۆلەكلەر بۆلگۈچ ياكى ئارقا كۆرۈنۈش يۆتكىلىشىسىز 96-128 پىكسېللىق تىك ئۆستەڭلەر بىلەن ئايرىلغان. يول باشلاش سىستېمىسى بىر خىل مۇقىم 64 پىكسېللىق تاختىدىن تەركىب تاپقان بولۇپ، ئارقا كۆرۈنۈشى تۇتۇق. كارتا تورلىرى دائىم 16-24 پىكسېللىق ئۆستەڭلەر بىلەن ئىككى ياكى ئۈچ ئىستونلۇق لايىھەنى ئىشلىتىدۇ. ئومۇمىي زىچلىقى ئىخچام - تېكىستنى ئوقۇش ئاسان، ئاق بوشلۇق يېتەرلىك، ئەمما خەت نۇسخىسى ۋە تەركىب چوڭلۇقى بەتنىڭ ھاۋالىق ھېس قىلىشىغا توسقۇنلۇق قىلىدۇ.
رەسىملەر ئاز ۋە ھەمىشە ئىقتىدارلىق. ئاساسلىق كۆرۈنۈش ئېلېمېنتى قارا ئۈچبۇلۇڭ (▲) بولۇپ، «باش ھەرپ» ئۆلچىمىدە لەيلەپ تۇرغان سىلۇئېت شەكلىدە كۆرۈنىدىغان گېئومېتىرىيەلىك ماركا بەلگىسى. ئۇقۇم ئىسپاتى تاختىسىدىكى خېرىدارلارنىڭ بەلگىلىرى ھەر بىر ماركىنىڭ ئەمەلىي سۆز بەلگىلىرىنى كۈلرەڭ رەڭدە ئىشلىتىدۇ. مەھسۇلات ماكېتلىرى (Notion نىڭ پاراڭلىشىش كۆرۈنمە يۈزى، CLI تېرمىنالىنىڭ چىقىش ئېغىزى، پاسپورت كارتىسى) رامكىلىق كارتىلارنىڭ ئىچىگە يورۇقلۇق ھالىتىدىكى ئېكران كۆرۈنۈشلىرى سۈپىتىدە كىرگۈزۈلگەن. ھېچقانداق سۈرەت، رەسىم ياكى 3D ئېلېمېنتلار يوق - سىستېما پەقەت خەت نۇسخىسى ۋە ئاق قەغەزدىكى گېئومېتىرىيەلىك شەكىللەردىن ئىبارەت.
پالتىرا
نېيترال
- Obsidian
#171717— ئاساسلىق ماۋزۇلار، يول باشلاش گىرۋەكلىرى، قاراڭغۇ كۇنۇپكىلارنى تولدۇرۇش ۋە تىزىملىك بەلگىلىرىنىڭ ھەممىسى دېگۈدەك قارا رەڭدە بولۇپ، قاتتىقلىق ۋە كۆزگە كۆرۈنەرلىك تويۇنۇشنىڭ ئالدىنى ئالىدۇ. - Paper White
#fafafa— بەت رەسىملىرى، كارتا يۈزى، كۇنۇپكىلارنىڭ يورۇقلۇققا تولغان قىسمى — بۇلار باشقا ھەممە نەرسىنىڭ ئۆلچەملىك ئارقا كۆرۈنۈشى. - Pure White
#ffffff— كۆتۈرۈلگەن كارتا يۈزى، قىستۇرمىلار، كىرگۈزۈش مەيدانلىرى. - Hairline
#ebebeb— كۇنۇپكىلار، ئۇلىنىشلار ۋە كارتىلارنىڭ 1 پىكسلىق گىرۋەكلىرى يۇقىرى چوڭايتىش دەرىجىسىدە كۆرۈنىدۇ، ئەمما تۆۋەن چوڭايتىش دەرىجىسىدە كۆرۈنمەيدۇ. - Ash
#c9c9c9— خەتلەر چەكلەنگەن، ئاۋازسىز بەلگىلەر، خېرىدار بەلگىسىدىكى ماركا سۇ بەلگىلىرى. - Smoke
#a8a8a8— ئىككىنچى دەرىجىلىك تېكىست، ئورۇن بەلگىلىرى، ئىنچىكە سىنبەلگىلەرنى تولدۇرۇش.
تىپوگرافىيە
11 دىن 64 پىكسېلغىچە · 6 قەدەم
- Geist Sans — ئالماشتۇرۇش: Inter · پىلانلار 400, 450, 500 · كۆرۈنمە يۈزى ۋە ماۋزۇلار ئۈچۈن ئاساسلىق خەت نۇسخىسى Vercel نىڭ مەخسۇس لايىھەلەنگەن گېئومېتىرىيەلىك سانس-سېرىف نۇسخىسى بولۇپ، چوڭ چوڭلۇقتىكى خەت ئارىلىقى تار (56-64 پىكسېلدا -0.06em، 30 پىكسېلدا -0.05em). بەتنىڭ ئۈستى تەرىپىدىكى ماۋزۇلار ئۈچۈن 450 قېلىنلىق تاللاندى: يېنىك خەتتىن قېلىنراق، ئەمما يېرىم قېلىن خەتتىن يېنىكرەك بولۇپ، ئۆزىگە ئىشىنىدىغان، ئەمما ئۆزىنى تۇتۇۋالمايدىغان ئاھاڭ ھاسىل قىلىدۇ.
- Geist Mono — ئالماشتۇرۇش: JetBrains Mono · پىلانلار 400, 500, 600 · ماۋزۇلار، كود بۆلەكلىرى، CLI چىقىرىش تاختىلىرى، مېتا سانلىق مەلۇماتلار ۋە چوڭ ھەرپلەر ئۈچۈن بىر بوشلۇقلۇق ئىككىنچى دەرىجىلىك خەت نۇسخىسى. 8px/600px/چوڭ ھەرپلەر بىرىكمىسى كىچىك سۆز بەلگىلىرىنى توغرا ئورۇنلاشتۇرۇشقا يول قويىدۇ. بىر بوشلۇقلۇق نۇسخىسىدىكى كەڭ ھەرپلەر ئارىلىقى (0.071em) چوڭ ھەرپلەر ئۈچۈن يېتەرلىك بوشلۇق بىلەن تەمىنلەيدۇ.
ئارىلىقلار ۋە شەكىل
| مەقسەت | مەنىسى |
|---|---|
| زىچلىق | زىچ |
| ئاساسىي قەدەم | 12px |
| كۇنۇپكا رادىئۇسى | 6px |
| كارتا رادىئۇسى | 6px |
| سايە | سايە ئورنىغا چېگرا يوق |
| بۆلۈملەر ئارىسىدا | 96-128px |
| بەت كەڭلىكى | 1280px |
سۈنئىي ئەقىل تور بېتىڭىزنى Vercel ئۇسلۇبىدا قۇرۇپ، ئۇنى تولدۇرىدۇ
- Instagram ، TikTok ، Facebook قاتارلىق ئۇلىنىشلار ئارقىلىق مەھسۇلاتلار ۋە يازمىلارنى تولدۇرۇڭ.
- كونا تور بېتىڭىزدىكى مەزمۇنلارنى يۆتكەڭ - پەقەت ئادرېسنى كۆرسىتىڭ.
- ئەڭ ياخشى ماتوردىكى زامانىۋى لايىھە: سېرۋېر رېندېرلاش ۋە SEO ئەلالاشتۇرۇش بىلەن React ( Next.js).
- ئىزدەش نەتىجىلىرى ۋە نېرۋا تورى تەۋسىيەلىرى ئۈچۈن تولۇق ئاپتوماتىك SEO ئەلالاشتۇرۇش.
ئوخشاش ئۇسلۇبلار
- Headspace — ئىسسىق قەغەزدىكى قۇياش نۇرى ئاستىدا ساقلىقنى ساقلاش بۇلۇڭى
- WHOOP — يېرىم كېچىدىكى ئويۇن تەجرىبىخانىسى - قارا تىياتىرخانا بوشلۇقى ئاستىدىكى ئاق كلىنىكىلىق تەجرىبىخانا ئۈستەللىرى، بىرلا بىنەپشە رەڭلىك توك دولقۇنى
- Together AI — مۇزلۇق قەغىزى ئۈستىدە تەتقىقات كونترول سۇپىسى
- v0 by Vercel — توكارلىق سىزمىسى. ئېنىقلىق ۋە ئىقتىدارلىق بولۇش ئەڭ مۇھىم، ھەر بىر ئېلېمېنت پاكىز، تېخنىكىلىق جەھەتتىن مۇكەممەل يۈزدە ئېنىق مەقسەتكە خىزمەت قىلىدۇ.
- Dovetail — قارا ئاي ئاستىدىكى بىر لايىھە — ئاران كۆرۈنىدىغان گىرافىك سىزىقلىرى، ئاق خەت نۇسخىسى، بىر دانە بىنەپشە رەڭلىك چاقناپ تۇرغان نۇر.
- Glideapps — بىر دانە ئېلېكترلىك فىرۇزە چاقناپ تۇرىدىغان مونوخروم رەسىم سىزىش ئۈستىلى
- Timescale — ئىسسىق گرافىك قەغىزىگە ئىنژېنېرلىق سىزمىسى
- UGLYCASH — قايماق رەڭلىك قەغەزگە چاپلانغان دەپتەر، جاسارەتلىك، ئەڭ چوڭ ماكسىمالىست پۇل-مۇئامىلە تېخنىكىسى شىركىتىنىڭ كەيپىياتىنى پەخىرلىنىپ نامايان قىلىدۇ.
- Sprout Social — قارا تاختاي ئۈستىدىكى يېشىل نوتىلار. قاتتىق مونوخروم رەسىمدىكى پارقىراق بىر تۈس، رەڭگى پەقەت ھەرىكەت ئۈچۈنلا ئىشلىتىلگەن، ئىشەنچلىك گېئومېتىرىيەلىك خەت بەلگىسى يول باشلاش رولىنى ئوينايدۇ.
- Krea — يېرىم كېچىدىكى قارا رەسىم كۆرگەزمىسى
- Evergreen — زىغىر قەغەزدىكى قۇياش نۇرى پارنىكى
- Factory — يېرىم كېچىدىكى «ئۇرۇش ئۆيى» تېرمىنالى. «زاۋۇت» قارا رەڭلىك كونترول تاختىسى بولۇپ، ئۇنىڭغا بىرلا ئاق كارتا قول چىرىغى يانغان سىگنالغا ئوخشاش چۈشىدۇ - ئۆيدىكى بىردىنبىر نەرسە ئەسەرنىڭ ئۆزى.