Authkit
මධ්යම රාත්රියේ හිම සහිත වීදුරු ආසන දෙව්මැදුර
AuthKit රාත්රී කාලයේ නිෂ්පාදන ඉදිරිපත් කිරීමේ සෞන්දර්යාත්මක බවක් නිර්මාණය කරයි: හිම සහිත වීදුරු මතුපිටක් සහිත කළු පාටට ආසන්න කැන්වසයක්, යන්තම් පෙනෙන රේඛා ජාලයක් සහ වීදුරු තට්ටුවකින් ආලෝකමත් වන බව පෙනෙන දිලිසෙන පෙළ. අකුරු මුහුණත අඳුරු පසුබිමකට එරෙහිව සම්පූර්ණයෙන්ම පාහේ සුදු පැහැයෙන් යුක්ත වන අතර, එකම ක්රියාකාරී අංගය ලෙස තනි දීප්තිමත් දම් පැහැති උච්චාරණයක් ඇත - සෑම අන්තර්ක්රියාකාරී මතුපිටකම දෘඩ රාමුවකට වඩා මෘදු, තුනී සිසිල් නිල්-සුදු රේඛාවක් ඇත. සංරචක පාරභාසක ස්ථර මත සකසා ඇති අතර, අවට දීප්තියක් මත ස්ථර කර ඇති අතර, කාඩ්පත් කඩදාසි පැනල් වෙනුවට පහළින් ආලෝකමත් කරන ලද වීදුරු තහඩු ලෙස දිස්වේ. පරතරය විශාල හා රිද්මයානුකූලයි; ප්රධාන අංගය වන්නේ සාම්ප්රදායික බෙදීම්-තිර පිරිසැලසුමකට වඩා පාවෙන වීදුරු කාඩ්පත් වලින් වට වූ පිටුවේ මුළු පළලම විහිදෙන තනි ආලෝකමත් ලාංඡනයකි.
උපරිම 1200px පළල මධ්යගත අන්තර්ගත බහාලුමක් සහිත සම්පූර්ණ පළල, අඳුරු කැන්වසයකි. ප්රධාන අංගය වන්නේ කුඩා ඇහි බැම හැඩැති පෙළක් යටින් තනි, මධ්යගත, ආලෝකමත් ලාංඡනයකි ("AuthKit" අනුක්රමික අකුරු වලින්), එයට පිටුපසින්/පහළින් පිවිසුම් පෝරමයක් සහිත පාවෙන වීදුරු කාඩ්පත් තුනක් විදුලි පංකාවක් පිටතට (වම් කාඩ්පත වමට ඇල කර ඇත, මැද කාඩ්පත උපරිම කර ඇත, දකුණු කාඩ්පත දකුණට ඇල කර ඇත). සැහැල්ලු/අඳුරු තේමා ටොගලයක් ප්රධාන අංගයට යටින් කේන්ද්රගත කර ඇත. විශේෂාංග පේළිය යනු රවුම් අයිකන අතර තුනී සම්බන්ධක රේඛා සහිත අයිකන 6 ක තිරස් කාලරාමුවකි. අංශ රිද්මය: සෑම කොටසක්ම මැකී යන තිරස් රේඛා මගින් රාමු කරන ලද මධ්යගත ඇහි බැම හැඩැති පෙළකින් ආරම්භ වන අතර, පසුව විශාල, මධ්යගත මාතෘකාවක් (44-48px), පසුව නිශ්ශබ්ද ශරීර පිටපතක තනි පේළියක් (16-18px), උපරිම පළල ~640px. අභිරුචිකරණය කොටස, නිර්මාණ මෙවලම් වැඩබිමක් මෙන්, කැන්වසයේ කොන් වල ස්ථානගත කර ඇති පාවෙන 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 සිට 48px දක්වා · පියවර 8 යි
- Untitled Sans — ආදේශනය: Inter · දළ සටහන් 400, 500, 600, 700 · ප්රධාන පෙළ, පරිශීලක අතුරුමුහුණත, බොත්තම්, ආදාන ක්ෂේත්ර, අයිකන, කුඩා ශීර්ෂ - ක්රියාකාරී සියල්ල සඳහා විශ්වීය අකුරු වර්ගයකි.
- aeonikPro — ආදේශනය: Space Grotesk · දළ සටහන් 400, 500 · ශීර්ෂයන් පමණක් ප්රදර්ශනය කිරීම - AuthKit සන්නාමකරණය, කොටස් ශීර්ෂයන් සහ ශරීර පෙළ - 44-48px හි ලක්ෂ්ය 500 ක අකුරු බරක් - සන්නාමයට දීප්තිමත් උච්චාරණයක් වෙනුවට පුළුල්, අවතක්සේරු කළ පෙනුමක් ලබා දෙයි.
- dotDigital — ආදේශනය: JetBrains Mono · දළ සටහන් 400 · සියලුම කැපිටල් අකුරු පෙළ ("හැඳින්වීම," "විස්තාරණය කළ හැකි නිර්මාණය," "දීප්තිමත් බැබළීම") - 0.10em පරතරයක් සහිත ඒකවර්ණ සියලුම කැපිටල් අකුරු පෙළ, ශරීර පෙළ සහ ශීර්ෂය අතර සියුම් බෙදුම්කරුවන් ලෙස ක්රියා කරයි.
අන්තරයන් සහ ආකෘතිය
| අරමුණ | අර්ථය |
|---|---|
| ඝනත්වය | ඉඩකඩ සහිත |
| මූලික පියවර | 16px |
| බොත්තම් අරය | 999px |
| කාඩ් පතේ අරය | 16px |
| සෙවනැලි | සෙවනැලි වෙනුවට මායිම් නැත |
| කොටස් අතර | 120px |
| පිටු පළල | 1200px |
AI ඔබේ වෙබ් අඩවිය Authkit ශෛලියෙන් ගොඩනගා එය පුරවනු ඇත.
- Instagram, TikTok, Facebook යන සබැඳිය හරහා නිෂ්පාදන සහ පළ කිරීම් පුරවන්න.
- ඔබගේ පැරණි අඩවියෙන් අන්තර්ගතය මාරු කරන්න—ලිපිනය පමණක් සඳහන් කරන්න.
- හොඳම එන්ජිම මත නවීන නිර්මාණය: සේවාදායක විදැහුම්කරණය සහ SEO ප්රශස්තිකරණය සමඟින් React ( Next.js).
- සෙවුම් ප්රතිඵල සහ ස්නායු ජාල නිර්දේශ සඳහා සම්පූර්ණයෙන්ම ස්වයංක්රීය SEO ප්රශස්තිකරණය.
සමාන විලාස
- Resend — දම් පැහැති නියොන් වර්ණය සහිත කළු වෙල්වට්
- Gsap — නිර්මාණ මැදිරියක සජීවිකරණ සුදු පුවරුවක්. කළු පැහැති බිත්තියක්, උණුසුම් ක්රීම් හුණු සහ වර්ණ පහක් සහිත සලකුණු - එක් එක් සජීවිකරණ විෂය සඳහා එකක්.
- Slash — රන් ආලේපිත ලෙජර් සහිත මධ්යම රාත්රියේ සුරක්ෂිතාගාරය
- Raycast — මධ්යම රාත්රියේ විධාන මධ්යස්ථානය, කොරල් නියොන්
- Dimension — හිම සහිත වීදුරු පැනල් සහිත අඳුරෙන් ආලෝකමත් වූ වැඩපොළක්
- Modal — අඳුරු වූ සේවාදායක කාමරයක පොස්පරස් පර්යන්තයක් - එකම ආලෝක ප්රභවය දීප්තිමත් කොළ පැහැයයි.
- Reflect Notes — තරු දම් පැහැති අවකාශය යනු කළු පැහැති ඉන්ඩිගෝ හිස්බවක පසුබිමක තාරකා මණ්ඩල මෙන් පාවෙන සටහන් අඳුරු නිරීක්ෂණාගාරයකි.
- LaunchDarkly — නියොන් පාලක කාමරය යනු අඳුරු නියමු කුටියක් වන අතර එහි දම් පැහැති ආලෝකයන් කළු පැහැති පැනල් හරහා ස්පන්දනය වේ.
- Ameba — මධ්යම රාත්රියේ පාලක මැදිරිය - හිම සහිත වීදුරු පැනල් තුළ විදුලි නිල් ස්පන්දනයක්
- AgentQL — රාත්රියේදී පර්යන්තයට ඉහළින් උතුරු ආලෝකයන්
- Neon — අඳුරෙන් පසු සේවාදායක කාමරයක්. දත්ත සහ පරිශීලක අන්තර්ක්රියා වලින් පමණක් ආලෝකය ලැබෙන පිරිසිදු අන්ධකාරය.
- N8n — මධ්යම රාත්රියේ වැඩ ප්රවාහ එන්ජිම - අඳුරු සේවාදායක කාමරයක තත්ය කාලීන ස්වයංක්රීයකරණ කැන්වසයක හැඟීම, තත්ව දර්ශක සහ දත්ත ප්රවාහ මගින් ආලෝකමත් වේ.