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 لوګو او کلیدي سرلیکونو کې کارول کیږي.
ټایپوګرافي
له ۱۲ څخه تر ۴۸ پکسله پورې · ۸ ګامونه
- 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 — د نیمې شپې د کاري جریان انجن - په تیاره سرور خونه کې د ریښتیني وخت اتومات کینوس احساس، د حالت شاخصونو او معلوماتو جریانونو لخوا روښانه شوی