Authkit
يېرىم كېچىدىكى مۇزلۇق ئەينەك چوڭ چېركاۋى
AuthKit كېچىلىك مەھسۇلات كۆرسىتىش ئېستېتىكىسىنى يارىتىدۇ: قارا رەڭلىك رەسىم، مۇزلىغان ئەينەك يۈزى، ئاران كۆرۈنىدىغان سىزىقلار تورى ۋە ئەينەك قەۋىتى بىلەن يورۇتۇلغاندەك كۆرۈنىدىغان پارقىراق تېكىست. خەت نۇسخىسى قاراڭغۇ ئارقا كۆرۈنۈشكە ئاساسەن دېگۈدەك پۈتۈنلەي ئاق رەڭدە بولۇپ، بىردىنبىر ئىقتىدارلىق ئېلېمېنت سۈپىتىدە بىرلا پارقىراق بىنەپشە رەڭلىك بېزەك بار - ھەر بىر ئۆز-ئارا تەسىر كۆرسىتىدىغان يۈزى قاتتىق رامكا ئەمەس، بەلكى سوغۇق كۆك-ئاق رەڭلىك يۇمشاق، نېپىز سىزىققا ئىگە. زاپچاسلار يېرىم شەفاف قەۋەتلەرگە تىزىلغان، مۇھىت پارقىراقلىقى ئۈستىگە قاتلاملىق بولۇپ، كارتىلار قەغەز تاختىلار ئەمەس، بەلكى ئاستىدىن يورۇتۇلغان ئەينەك تاختىلار شەكلىدە كۆرۈنىدۇ. بوشلۇق چوڭ ۋە رېتىملىق؛ ئاساسلىق ئېلېمېنت بەتنىڭ پۈتۈن كەڭلىكىنى قاپلىغان، ئەتراپىنى لەيلەپ تۇرىدىغان ئەينەك كارتىلار ئوراپ تۇرىدۇ، ئەنئەنىۋى بۆلۈنگەن ئېكران لايىھەسى ئەمەس.
تولۇق كەڭلىكتىكى، قاراڭغۇ رەڭلىك رەسىم، مەركەزلىك مەزمۇن ساندۇقى بار، ئەڭ چوڭ كەڭلىكى 1200 پىكسېل. ئاساسلىق ئېلېمېنت كىچىك قاش شەكلىدىكى تېكىستنىڭ ئاستىدا يەككە، مەركەزلىك، يورۇتۇلغان بەلگە («AuthKit» گرادىيېنت خەت نۇسخىسىدا)، ئۇنىڭ ئارقىسىدا/ئاستىدا كىرىش شەكلى شامالدۇرغۇچلۇق ئۈچ لەيلىمە ئەينەك كارتا بار (سول كارتا سولغا قىيسىق، ئوتتۇرا كارتا ئەڭ چوڭ، ئوڭ كارتا ئوڭغا قىيسىق). يورۇق/قاراڭغۇ تېما ئالماشتۇرۇش كۇنۇپكىسى ئاساسلىق ئېلېمېنتنىڭ ئاستىدا مەركەزلىك. ئالاھىدىلىك قۇرى 6 سىنبەلگىدىن تەركىب تاپقان گورىزونتال ۋاقىت جەدۋىلى بولۇپ، يۇمىلاق سىنبەلگىلەر ئارىسىدا ئىنچىكە تۇتاشتۇرۇش سىزىقلىرى بار. بۆلەك رېتىمى: ھەر بىر بۆلەك سۇس گورىزونتال سىزىقلار بىلەن رامكىلانغان مەركەزلىك قاش شەكلىدىكى تېكىست بىلەن باشلىنىدۇ، ئۇنىڭدىن كېيىن چوڭ، مەركەزلىك ماۋزۇ (44-48 پىكسېل)، ئاندىن بىر قۇر ئاۋازسىز ئاساسىي نۇسخا (16-18 پىكسېل)، ئەڭ چوڭ كەڭلىكى ~640 پىكسېل. «خاسلاشتۇرۇش» بۆلىكىدە، لايىھەلەش قوراللىرى خىزمەت بوشلۇقىغا ئوخشاش، رەسىم تاختىسىنىڭ بۇلۇڭلىرىغا ئورۇنلاشتۇرۇلغان، UI تەكشۈرگۈچ تاختىلىرى (رەڭ پەلەمپەيلىرى، رادىئۇس سىيرىلغۇچلىرى، بەلگە بەلگىسى تاللىغۇچ، كۇنۇپكا تېكىست مەيدانى، بەت ئارقا كۆرۈنۈش مەيدانى) بىلەن قورشالغان، مەركەزگە جايلاشقان كىرىش كارتىسى بار تور كۆرگۈچ كۆزنىكىنىڭ ماكېتى كۆرسىتىلىدۇ.
كۆرۈنۈشلۈك لايىھەدە «ئەينەك شەكىللىك مورفولوگىيە» ئۇسلۇبىدا ياسالغان (ئېلخەت/پارول كىرگۈزۈش مەيدانلىرى، ئىجتىمائىي تاراتقۇلارغا كىرىش كۇنۇپكىلىرى، پارولسىز كود كىرگۈزۈش) كىرىش فورمىسى ماكېتلىرى ئاساسلىق ئورۇندا تۇرىدۇ، ئۇلار يېرىم كېچىلىك رەسىمگە قارشى لەيلىمە، شەفاف كارتىلار شەكلىدە كۆرسىتىلىدۇ. ئالاھىدىلىك بەلگىلىرى يۇمىلاق، مات كاشىلار ئىچىدىكى #d1e4fa دىكى مونوخروم سىزىقلىق گلىفلار. ئىنچىكە تور (rgba دىكى 1px سىزىقلار (186,215,247,0.06)) پۈتۈن بەتنى قاپلاپ، كەيپىيات يارىتىدۇ، ئاساسلىق ئېلېمېنتنىڭ ئۈستى تەرىپىدە كونۇس شەكىللىك گرادىيېنتلىق نۇر چاقناپ تۇرىدۇ. رەسىم يوق، تۇرمۇش ئۇسلۇبى رەسىملىرى يوق، مەھسۇلات ئېكران كۆرۈنۈشلىرى يوق - مەھسۇلاتنىڭ ئۆزى كۆرۈنۈشلۈك ئېلېمېنت: قاراڭغۇ ستۇدىيىدىكى ئەينەك ئۈلگىلىرىگە ئوخشاش ئورۇنلاشتۇرۇلغان كىرىش مەيدانلىرى.
پالتىرا
ماركا
- Void Violet
#663af3— ھەرىكەتكە چاقىرىش (CTA) كۇنۇپكىسىنىڭ ئاساسلىق رەڭگى كىرىش فورمىسىدىكى «داۋاملاشتۇرۇش/يوللاش» كۇنۇپكىسى ئۈچۈنلا ئىشلىتىلىدىغان بىردىنبىر ئالاھىدە رەڭ؛ قارا رەڭگە يېقىن ئارقا كۆرۈنۈشكە قارشى جانلىق بىنەپشە رەڭ مونوخروماتىك رەڭ لايىھەسىنى بۇزۇۋەتمەي تۇرۇپ، جىددىيلىك تۇيغۇسىنى پەيدا قىلىدۇ.
نېيترال
- Midnight Canvas
#05060f— بەتنىڭ ئارقا كۆرۈنۈشى، كارتىنىڭ ئەڭ چوڭقۇر يۈزى، بەلگە تولدۇرۇلغان قىسمى — باشقا ھەممە نەرسە لەيلەپ تۇرىدىغان دېگۈدەك قارا رەڭلىك ئاساس. - Steel Plate
#2f343e— كۆتۈرۈلگەن يۈزەكى، خىيالىي/ئىككىنچى ھەرىكەت كۇنۇپكىلىرى، يوشۇرۇن تاختا ئارقا تەرىپى. - Fog Veil
#9da7ba— ئاساسلىق تېكىست، يەنى كارتىدىكى تېكىستنى ئوقۇشقا بولىدۇ، ئەمما ماۋزۇلارغا سېلىشتۇرغاندا ئارقا كۆرۈنۈشكە چۈشۈرۈۋېتىلگەن. - Moon Mist
#c7d3ea— ئاساسلىق تېكىست، قوشۇمچە بەلگىلەر، ئاۋازسىز ياردەمچى تېكىست - Frost Glow
#d1e4fa— ئاساسىي گەۋدە ۋە ئۇلىنىش تېكىستى، سىنبەلگە تېكىستى ۋە سىنبەلگە تولدۇرغۇچنىڭ ئاساسلىق تولدۇرغۇچ رەڭگى سۈكۈتتىكى يالتىراق ئالدى رەڭدۇر. - Ice Highlight
#d8ecf8— قاراڭغۇ يۈزلەردىكى ئوچۇق تېكىست، تەتۈر بەلگە ۋە يۇقىرى كونتراستلىق ماۋزۇلار. ئۇنى ھەرىكەتكە چاقىرىشنىڭ ئاساسلىق رەڭگى قىلىپ ئىشلەتمەڭ؛ AuthKit بەلگىسى ۋە ئاساسلىق ماۋزۇلاردا ئۈستى-ئاستىغا ئوچۇق كۆك رەڭدىن يۇمشاق كۆك رەڭگە سىلىق ئۆتۈش - ماۋزۇ گرادىيېنتى ئىشلىتىلىدۇ.
تىپوگرافىيە
12 دىن 48 پىكسېلغىچە · 8 قەدەم
- Untitled Sans — ئالماشتۇرۇش: Inter · پىلانلار 400, 500, 600, 700 · ئاساسلىق تېكىست، ئىشلەتكۈچى ئارايۈزى، كۇنۇپكىلار، كىرگۈزۈش مەيدانلىرى، سىنبەلگىلەر، كىچىك ماۋزۇلار - بارلىق ئىقتىدارلار ئۈچۈن ئۇنىۋېرسال خەت نۇسخىسى.
- aeonikPro — ئالماشتۇرۇش: Space Grotesk · پىلانلار 400, 500 · پەقەت ماۋزۇلارنى — AuthKit ماركىسى، بۆلۈم ماۋزۇلىرى ۋە ئاساسىي تېكىستنى — كۆرسىتىش، 500 نومۇرلۇق خەت چوڭلۇقى 44-48 پىكسېل بولۇپ، ماركىغا كۆزنى قاماشتۇرىدىغان ئاھاڭ ئەمەس، بەلكى كەڭ، ئاددىي كۆرۈنۈش بېرىدۇ.
- dotDigital — ئالماشتۇرۇش: JetBrains Mono · پىلانلار 400 · ھەممىسى چوڭ ھەرپلەر بىلەن يېزىلغان تېكىست («تۇنۇشتۇرۇش»، «كېڭەيتىلىدىغان لايىھە»، «پارلاق نۇر») - 0.10 em ئارىلىقتىكى بىر بوشلۇقلۇق ھەممىسى چوڭ ھەرپلەر بىلەن يېزىلغان تېكىست ئاساسىي تېكىست بىلەن ماۋزۇ ئارىلىقىنى ئىنچىكە ئايرىش رولىنى ئوينايدۇ.
ئارىلىقلار ۋە شەكىل
| مەقسەت | مەنىسى |
|---|---|
| زىچلىق | كەڭ |
| ئاساسىي قەدەم | 16px |
| كۇنۇپكا رادىئۇسى | 999px |
| كارتا رادىئۇسى | 16px |
| سايە | سايە ئورنىغا چېگرا يوق |
| بۆلۈملەر ئارىسىدا | 120px |
| بەت كەڭلىكى | 1200px |
سۈنئىي ئەقىل تور بېتىڭىزنى Authkit ئۇسلۇبىدا قۇرۇپ، ئۇنى تولدۇرىدۇ
- Instagram ، TikTok ، Facebook قاتارلىق ئۇلىنىشلار ئارقىلىق مەھسۇلاتلار ۋە يازمىلارنى تولدۇرۇڭ.
- كونا تور بېتىڭىزدىكى مەزمۇنلارنى يۆتكەڭ - پەقەت ئادرېسنى كۆرسىتىڭ.
- ئەڭ ياخشى ماتوردىكى زامانىۋى لايىھە: سېرۋېر رېندېرلاش ۋە SEO ئەلالاشتۇرۇش بىلەن React ( Next.js).
- ئىزدەش نەتىجىلىرى ۋە نېرۋا تورى تەۋسىيەلىرى ئۈچۈن تولۇق ئاپتوماتىك SEO ئەلالاشتۇرۇش.
ئوخشاش ئۇسلۇبلار
- Resend — قارا مەخمەل بىلەن بىنەپشە رەڭلىك نېئون
- Gsap — لايىھەلەش ستۇدىيىسىدىكى ئاكتىرونلۇق ئاق تاختا. دېگۈدەك قارا تام، ئىسسىق قايماق بور ۋە بەش رەڭلىك بەلگە - ھەر بىر ئاكتىرونلۇق سەنئەت تۈرى ئۈچۈن بىردىن.
- Slash — ئالتۇن ياپراقلىق دەپتەرلەر بىلەن بېزەلگەن يېرىم كېچە گۆرزىسى
- Raycast — يېرىم كېچە قوماندانلىق مەركىزى، مارجان نېئون
- Dimension — قاراڭغۇ چۈشتە يورۇتۇلغان، مۇز بىلەن قاپلانغان ئەينەك تاختىلار بىلەن بېزەلگەن خىزمەت ئورنى
- Modal — قاراڭغۇ سېرۋېر ئۆيىدىكى فوسفورلۇق تېرمىنال - بىردىنبىر يورۇقلۇق مەنبەسى پارلاق يېشىل رەڭ
- Reflect Notes — يۇلتۇزلۇق بىنەپشە رەڭ بوشلۇقى قاراڭغۇ رەسەتخانا بولۇپ، بۇ يەردە نوتىلار دېگۈدەك قارا رەڭلىك ئىندىگو بوشلۇقىنىڭ ئارقا كۆرۈنۈشىدە يۇلتۇز تۈركۈملىرىگە ئوخشاش لەيلەپ تۇرىدۇ.
- LaunchDarkly — نېئون كونترول ئۆيى قاراڭغۇ كابىنكا بولۇپ، بۇ يەردە بىنەپشە رەڭلىك سىگناللار قارا رەڭلىك تاختىلار ئارقىلىق سوقۇلۇپ تۇرىدۇ.
- Ameba — يېرىم كېچىدىكى كونترول ئۆيى – مۇزلىغان ئەينەك تاختىلارنىڭ ئىچىدىكى كۆك رەڭلىك ئېلېكترونلۇق ئىمپۇلس
- AgentQL — كېچىدە تېرمىنالنىڭ ئۈستىدىكى شىمالىي چىراغلار
- Neon — قاراڭغۇ چۈشكەندىن كېيىنكى سېرۋېر ئۆيى. ساپ قاراڭغۇلۇق، بۇ يەردە پەقەت سانلىق مەلۇمات ۋە ئىشلەتكۈچىلەرنىڭ ئۆزئارا تەسىر كۆرسىتىشىدىنلا نۇر كېلىدۇ.
- N8n — يېرىم كېچىدىكى خىزمەت ئېقىمى ماتورى – قاراڭغۇ سېرۋېر ئۆيىدىكى ھەقىقىي ۋاقىتلىق ئاپتوماتلاشتۇرۇش رەسىم تاختىسىغا ئوخشايدىغان ھېسسىيات، ھالەت كۆرسەتكۈچلىرى ۋە سانلىق مەلۇمات ئېقىمى بىلەن يورۇتۇلىدۇ.