Authkit
آدھی رات کو فراسٹڈ گلاس کیتھیڈرل
AuthKit رات کے وقت پروڈکٹ پریزنٹیشن کی جمالیاتی تخلیق کرتا ہے: ٹھنڈے شیشے کی سطحوں کے ساتھ قریب کا سیاہ کینوس، بمشکل نظر آنے والی لکیروں کا ایک گرڈ، اور چمکتا ہوا متن جو شیشے کی تہہ سے روشن ہوتا ہے۔ ٹائپفیس گہرے پس منظر کے خلاف تقریباً مکمل طور پر سفید ہوتا ہے، جس میں ایک ہی روشن ارغوانی لہجہ ہوتا ہے جس میں واحد فعال عنصر ہوتا ہے—ہر انٹرایکٹو سطح پر سخت فریم کے بجائے ٹھنڈی نیلی سفید کی نرم، پتلی لکیر ہوتی ہے۔ اجزاء کو پارباسی تہوں پر ترتیب دیا جاتا ہے، ایک محیطی چمک پر تہہ کیا جاتا ہے، اور کارڈز کاغذی پینلز کے بجائے نیچے سے روشن شیشے کی پلیٹوں کے طور پر ظاہر ہوتے ہیں۔ فاصلہ بڑا اور تال میل ہے؛ مرکزی عنصر ایک واحد روشن علامت (لوگو) ہے جو صفحہ کی پوری چوڑائی پر پھیلا ہوا ہے، جو روایتی اسپلٹ اسکرین لے آؤٹ کے بجائے تیرتے ہوئے شیشے کے کارڈز سے گھرا ہوا ہے۔
ایک مکمل چوڑائی والا، گہرا کینوس جس میں مرکزی مواد والے کنٹینر، زیادہ سے زیادہ 1200px چوڑا۔ مرکزی عنصر ایک چھوٹا سا ابرو کے سائز کے متن کے نیچے ایک واحد، مرکز والا، روشن لوگو ("AuthKit") ہوتا ہے، جس کے پیچھے/نیچے تین فلوٹنگ شیشے کے کارڈز ہیں جن میں لاگ ان ہوتا ہے (بائیں کارڈ بائیں طرف جھکا ہوا، سینٹر کارڈ زیادہ سے زیادہ، دائیں کارڈ دائیں طرف جھکا ہوا)۔ ایک ہلکی/تاریک تھیم ٹوگل مرکزی عنصر کے نیچے مرکوز ہے۔ خصوصیت کی قطار 6 شبیہیں کی ایک افقی ٹائم لائن ہے جس میں سرکلر شبیہیں کے درمیان پتلی جڑنے والی لکیریں ہیں۔ سیکشن تال: ہر سیکشن کا آغاز ایک مرکزی بھنو کے سائز کے متن کے ساتھ ہوتا ہے جو دھندلا ہوا افقی لکیروں کے ساتھ ہوتا ہے، اس کے بعد ایک بڑا، مرکز والا عنوان (44-48px) ہوتا ہے، اس کے بعد خاموش باڈی کاپی کی ایک لائن (16-18px)، زیادہ سے زیادہ چوڑائی ~640px ہوتی ہے۔ حسب ضرورت سیکشن براؤزر ونڈو کا ایک موک اپ دکھاتا ہے جس میں مرکزی طور پر واقع لاگ ان کارڈ ہوتا ہے جس کے چاروں طرف تیرتے ہوئے UI انسپکٹر پینلز (رنگ پیلیٹس، ریڈیئس سلائیڈرز، لوگو آئیکن سلیکٹر، بٹن ٹیکسٹ فیلڈ، پیج بیک گراؤنڈ فیلڈ) کینوس کے کونے کونے پر رکھے جاتے ہیں، جیسے ڈیزائن ٹولز ورک اسپیس۔
بصری ڈیزائن پر لاگ ان فارم موک اپس کا غلبہ ہے، جسے "گلاس مورفولوجی" کے انداز میں تیار کیا گیا ہے (ای میل/پاس ورڈ ان پٹ فیلڈز، سوشل میڈیا لاگ ان بٹن، پاس ورڈ سے کم کوڈ انٹری)، جو آدھی رات کے کینوس کے سامنے تیرتے، پارباسی کارڈ کے طور پر پیش کیے گئے ہیں۔ فیچر آئیکنز گول، دھندلا ٹائل کے اندر #d1e4fa میں مونوکروم لکیری گلائف ہیں۔ ایک لطیف گرڈ (rgba میں 1px لائنیں کوئی تصویر نہیں، طرز زندگی کی کوئی تصویر نہیں، کوئی پروڈکٹ اسکرین شاٹس نہیں — پروڈکٹ بذات خود بصری عنصر ہے: لاگ ان فیلڈز ایک تاریک اسٹوڈیو میں شیشے کے پروٹو ٹائپ کی طرح ترتیب دیے گئے ہیں۔
پیلیٹ
برانڈ
- 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 — آدھی رات کو ورک فلو انجن – ایک تاریک سرور روم میں ریئل ٹائم آٹومیشن کینوس کا احساس، اسٹیٹس انڈیکیٹرز اور ڈیٹا اسٹریمز سے روشن