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.10 ايم اسپيسنگ سان مونو اسپيسڊ آل-ڪيپس ٽيڪسٽ باڊي ٽيڪسٽ ۽ هيڊنگ جي وچ ۾ نفيس جدا ڪندڙ طور ڪم ڪري ٿو.
وقفا ۽ شڪل
| مقصد | مطلب |
|---|---|
| کثافت | ڪشادو |
| بنيادي قدم | 16px |
| بٽڻ جو ريڊيس | 999px |
| ڪارڊ جو ريڊيس | 16px |
| پاڇا | پاڇن جي بدران ڪو به بارڊر نه |
| حصن جي وچ ۾ | 120px |
| صفحي جي ويڪر | 1200px |
AI توهان جي ويب سائيٽ Authkit انداز ۾ ٺاهيندو ۽ ان کي ڀريندو.
- لنڪ ذريعي پراڊڪٽس ۽ پوسٽن سان ڀريو - Instagram ، TikTok ، Facebook.
- پنهنجي پراڻي سائيٽ تان مواد منتقل ڪريو - صرف پتو بيان ڪريو.
- بهترين انجن تي جديد ڊيزائن: سرور رينڊرنگ ۽ ايس اي او آپٽمائيزيشن سان React ( Next.js).
- ڳولا جي نتيجن ۽ نيورل نيٽ ورڪ سفارشن لاءِ مڪمل طور تي خودڪار SEO اصلاح.
هڪجهڙا انداز
- Resend — ڪارو مخمل جامني نيرو رنگ سان
- Gsap — هڪ ڊيزائن اسٽوڊيو ۾ هڪ اينيميشن وائيٽ بورڊ. تقريبن ڪاري ڀت، گرم ڪريم چاڪ، ۽ پنج رنگن جا مارڪر - هر اينيميشن نظم لاءِ هڪ.
- Slash — سون جي ٿيل ليجرن سان اڌ رات جو خزانو
- Raycast — مڊ نائيٽ ڪمانڊ سينٽر، ڪورل نيون
- Dimension — ٿڌڙي شيشي جي پينلن سان گڏ هڪ شام جي روشني وارو ورڪ اسٽيشن
- Modal — هڪ اونداهي سرور روم ۾ هڪ فاسفورسنٽ ٽرمينل - روشني جو واحد ذريعو هڪ روشن سائو رنگ آهي.
- Reflect Notes — تارن واري واڱڻائي جاءِ هڪ اونداهي رصدگاهه آهي جتي نوٽس تقريباً ڪاري نيري خالي پن جي پس منظر ۾ تارن وانگر ترندا آهن.
- LaunchDarkly — نيون ڪنٽرول روم هڪ اونداهو ڪاڪپٽ آهي جتي جامني رنگ جا سگنل جيٽ-ڪاري پينلن ذريعي نبض ڪن ٿا.
- Ameba — اڌ رات جو ڪنٽرول روم - ٿڌڙي شيشي جي پينلن اندر هڪ برقي نيرو نبض
- AgentQL — رات جو ٽرمينل مٿان اترين روشنيون
- Neon — اوندهه کان پوءِ هڪ سرور روم. خالص اوندهه، جتي صرف روشني ڊيٽا ۽ استعمال ڪندڙ جي رابطي مان ايندي آهي.
- N8n — اڌ رات جو ڪم ڪندڙ انجن - هڪ اونداهي سرور روم ۾ حقيقي وقت جي آٽوميشن ڪينواس جو احساس، اسٽيٽس اشارن ۽ ڊيٽا اسٽريمز سان روشن ٿيل.