
Auros
بائولومینیسینٹ ڈیٹا گیندوں کے ساتھ ابلیسل ٹرمینل
اوروس ایک فنٹیک ٹرمینل کے طور پر کام کرتا ہے جو کھائی میں واقع ہے: ایک قریب کالا فیروزی کینوس جس میں بایولومینسینٹ ڈیٹا اوربس اور فیروزی سے گلابی تک ہلکے میلان ہیں، گہرائی، روانی اور بہاؤ کا احساس پیدا کرتے ہیں۔ یہ انٹرفیس مرصع اور سنیما ہے، جس میں ایک ہی صارف کے ڈسپلے (معاملہ) پر انحصار کرتے ہوئے درمیانے موٹائی کے جارحانہ منفی ٹریکنگ کے ساتھ حد سے زیادہ بدتمیزی کے بغیر پیمانہ بنایا جا سکتا ہے۔ رنگوں کو یکساں طور پر تقسیم کیا جاتا ہے — رنگین سفید اور چاندی تقریباً تمام مواد کے لیے استعمال کیے جاتے ہیں، جب کہ رنگین پیلیٹ ماحولیاتی میلان، تمیز کارڈ کی سطحوں، اور ایک واحد دستخطی گولی کے سائز کے بٹن کے لیے مخصوص ہے جو فیروزی نیلے سے لیوینڈر گلابی میں رنگ بدلتا ہے۔ کارڈز اونچائی کے بجائے ٹھیک ٹھیک فیروزی سطح کی چوٹیوں (16px رداس، کوئی سائے نہیں) پر تیرتے ہیں، لہذا درجہ بندی کو کاغذ پر سائے کے بجائے پانی کی گہرائی کے طور پر سمجھا جاتا ہے۔ اجزاء سوچ سمجھ کر اور آلے کی طرح نظر آتے ہیں: بڑے حروف سے باخبر رہنے کے نشانات، پتلے ہندسی تیر کے نشانات، ہلکے گلابی میں بڑے عددی ریڈ آؤٹ۔
1440px کی زیادہ سے زیادہ چوڑائی پر مواد کے ساتھ ایک گہرا، مکمل چوڑائی والا کینوس۔ مرکزی عنصر ایک سینٹرڈ ٹیکسٹ بلاک ہے (برو → ہیڈ لائن → سب ٹیکسٹ → کال ٹو ایکشن) جو پورے ویو پورٹ کی اونچائی پر پھیلا ہوا ہے، جس میں پس منظر کے عنصر کے طور پر ایک ذرہ ہے۔ حصے مکمل چوڑائی والی پٹیاں ہیں جنہیں بڑی 68px+ عمودی جگہوں سے الگ کیا گیا ہے، جو کینوس اور قدرے دبی ہوئی سطحوں کے درمیان باری باری ہے۔ "Explore" سیکشن ایک غیر متناسب دو کالم لے آؤٹ کا استعمال کرتا ہے: بائیں کالم میں سجا دیئے گئے فیچر کارڈز ہوتے ہیں، جب کہ دائیں کالم میں جیومیٹرک مالیکیولر عکاسی ہوتی ہے۔ مواد کو ایک کنارے سے کنارے تک پھیلانے کے بجائے، آسانی سے پڑھنے کے لیے تنگ کالموں (زیادہ سے زیادہ ~600px) میں رکھا جاتا ہے۔ فوٹر 120px عمودی مارجن کے ساتھ ایک ریسیسڈ پٹ (#011d1c) ہے، جو ایک گہرے تالاب کا اثر پیدا کرتا ہے۔ نیویگیشن ایک پتلا، شفاف پینل ہے جس میں عناصر 16–24px کے فاصلے پر ہیں۔ مجموعی طور پر تال سنیما اور کشادہ ہے — ہر سیکشن سانس لیتا ہے، اور گہرا، پانی جیسا رنگ سکیم ہر گزرنے کے ساتھ گہرے گرنے کا احساس پیدا کرتا ہے۔
بصری انداز مرصع اور ماحول کا ہے۔ ہوم پیج پر ایک تین جہتی ذرہ دائرہ نمایاں ہے — ہزاروں چھوٹے فیروزی نیلے اور سفید نقطے ایک گھومتے ہوئے دائرے کی تشکیل کرتے ہیں جو کناروں کے ساتھ کینوس اور لیوینڈر-گلابی لہجوں کی بازگشت کرتے ہیں، جس سے معلوماتی چیز کی یاد دلانے والا بایولومینسنٹ اثر پیدا ہوتا ہے۔ فلیٹ جیومیٹرک مالیکیولر ڈایاگرام (سفید دائرے اور تاریک کینوس پر جڑی پتلی لکیریں) دائیں کالم میں آرائشی عناصر کے طور پر کام کرتی ہیں۔ کوئی تصویریں نہیں، طرز زندگی کی کوئی تصویر نہیں، کوئی لوگ نہیں — بصری زبان صاف ڈیٹا گرافکس اور تجریدی شکلوں پر مبنی ہے۔ ذرہ کا دائرہ برانڈ کی شناخت کا واضح بصری عنصر ہے۔ گہرے سمندر کے استعارے کو تقویت دینے کے لیے اسے ہر اہم صفحہ پر کم از کم ایک بار ظاہر ہونا چاہیے۔
پیلیٹ
برانڈ
- Liquid Abyss
#012624— مرکزی پس منظر صفحہ کی بنیاد، ہیڈر، مرکزی عنصر، اور غالب گہرا فیروزی فیلڈ ہے۔ یہ گہرے سمندر کا ماحول بناتا ہے۔ - Liquid Deep
#011d1c— recessed سطح کی سطح فوٹر کا پس منظر اور گتے کے گہرے پینلز ہیں۔ اسے کینوس سے زیادہ گہرا نصف ٹون سمجھا جاتا ہے، جس سے گہرائی کا ایک لطیف نیچے کی طرف میلان پیدا ہوتا ہے۔ - Liquid Kelp
#003734— ابھری ہوئی کارڈ کی سطح اور بٹن بھرنا — ایک ابھری ہوئی سطح کھائی سے ایک قدم اوپر کھڑی ہے۔ فیچر کارڈز، مواد کے پینلز، اور گریڈینٹ بٹن کے نقطہ آغاز کے لیے استعمال کیا جاتا ہے۔
غیر جانبدار
- Liquid Mist
#edfffe— سفید کا ٹھنڈا سایہ جسم کی کاپی، سیکشن ہیڈنگز، اور گرم، ہلکی نوع ٹائپ کو نمایاں کرتا ہے۔ ایک ٹھیک ٹھیک نیلے رنگ کا ٹنٹ جسم کی کاپی کو فیروزی رنگ سکیم میں باندھ دیتا ہے۔ - Platinum
#ffffff— خالص سفید سرخیوں، نیویگیشن عناصر، آئیکن آؤٹ لائنز، اور ہائی کنٹراسٹ ٹیکسٹ کے لیے استعمال کیا جاتا ہے۔ یہ تمام سرخی کی سطحوں اور بنیادی نیویگیشن میں بنیادی متن کا رنگ ہے۔ - Silver Mist
#bbc7c6— ثانوی متن، خاموش کردہ تفصیل، اور لنک کا رنگ ان کی اصل حالت میں۔ ان کا ہلکا سا سبز رنگ ہے، جو فیروزی پس منظر کی تکمیل کرتا ہے۔ - Ash
#f2f2f2— اقتباسات اور جائزوں کے لیے اضافی متن۔ جب سلور مسٹ کا فیروزی انڈر ٹون بہت روشن محسوس ہوتا ہے تو اس کے لیے ایک غیر جانبدار، ٹھنڈا سرمئی سایہ۔ - Slate Deep
#707777— غیر فعال یا کم مرئیت والے پس منظر کے لیے سطح کا ایک لطیف رنگ۔ یہ کینوس اور گتے کے درمیان بیٹھتا ہے، جو اونچائی میں بہت ہی لطیف فرق فراہم کرتا ہے۔ - Lavender Phosphor
#fde9ff— بڑے اعدادوشمار، کاؤنٹر نمبرز، اور اہم میٹرکس کے لیے بیک لائٹ کا رنگ۔ دستخطی میلان میں گلابی سایہ سیاہ سطحوں پر چمکدار لہجے کے طور پر کم استعمال ہوتا ہے۔
نوع ٹائپ
10 سے 96px تک · 6 مراحل
- Matter — متبادل: Inter · خاکہ 400, 500 · ہیڈنگز اور باڈی کاپی کے لیے بنیادی فونٹ تمام ہیڈنگز (H1–H3) اور بڑے متحرک متن (86–295px) کے لیے 500 کے وزن کے ساتھ استعمال کیا جاتا ہے۔ باڈی کاپی اور UI ٹیکسٹ کے لیے 400 کا وزن استعمال کیا جاتا ہے۔ اس میں بڑے سائز (-0.04em 61px پر، -0.046em 86px پر) اور ٹائٹل کیپس میں وسیع مثبت حرفی وقفہ (0.08em 20px، 0.12em 12px، 0.15em 10px پر) نمایاں ہیں۔ سرخیوں کے لیے صرف ایک درمیانے وزن کے استعمال کی حکمت عملی ایک مخصوص خصوصیت ہے — کوئی بولڈ یا ہلکا فونٹ نہیں — جو فونٹ کو یکساں، مکینیکل اعتماد دیتا ہے۔
- Arial — متبادل: system-ui · خاکہ 400 · انٹرایکٹو UI عناصر (نیویگیشن، بٹن، ہیڈر مائکرو کاپی، فوٹر) کے لیے ایک ثانوی فال بیک۔ صرف 14px پر ظاہر ہوتا ہے - ایک محفوظ، یونیورسل فال بیک کے طور پر استعمال ہوتا ہے جب Matter لوڈ نہیں ہوتا ہے، اور فارم لیبلز، بٹن ٹیکسٹ، اور چھوٹے مددگار ٹیکسٹ کا احاطہ کرتا ہے۔
وقفے اور شکل
| مقصد | مطلب |
|---|---|
| کثافت | اوسط |
| بنیادی قدم | 20px |
| بٹن کا رداس | 6px |
| کارڈ کا رداس | 16px |
| سائے | نہیں - سائے کی بجائے سرحدیں |
| حصوں کے درمیان | 68px |
| صفحہ کی چوڑائی | 1440px |
AI آپ کی ویب سائٹ کو Auros کے انداز میں بنائے گا اور اسے بھرے گا۔
- لنک کے ذریعے پروڈکٹس اور پوسٹس بھریں - Instagram, TikTok, Facebook.
- اپنی پرانی سائٹ سے مواد منتقل کریں—بس پتہ کی وضاحت کریں۔
- بہترین انجن پر جدید ڈیزائن: سرور رینڈرنگ اور SEO آپٹیمائزیشن کے ساتھ React ( Next.js) باکس سے باہر۔
- تلاش کے نتائج اور نیورل نیٹ ورک کی سفارشات کے لیے مکمل طور پر خودکار SEO کی اصلاح۔
ملتے جلتے انداز
- Design Full-Time — ایک گرم اسپاٹ لائٹ کے ساتھ ایک اسٹوڈیو سنیما
- Air — مجسمہ "شیشے کے ذریعے آدھی رات کا آسمان"
- Slash — سنہری لیجرز کے ساتھ آدھی رات کا والٹ
- Raycast — آدھی رات کا کمانڈ سینٹر، کورل نیین
- Dimension — فراسٹڈ شیشے کے پینلز کے ساتھ شام کی روشنی والا ورک سٹیشن
- Modal — ایک تاریک سرور روم میں ایک فاسفورسنٹ ٹرمینل - روشنی کا واحد ذریعہ ایک چمکدار سبز رنگ ہے
- Giga — آدھی رات کا افق فراسٹڈ اوبسیڈین پر
- Reflect Notes — تارامی بنفشی جگہ ایک تاریک رصد گاہ ہے جہاں نوٹ تقریباً سیاہ انڈگو کے خالی پن کے پس منظر میں برج کی طرح تیرتے ہیں۔
- Ameba — آدھی رات کو کنٹرول روم – فراسٹڈ شیشے کے پینل کے اندر ایک برقی نیلی نبض
- AgentQL — رات کو ٹرمینل پر ناردرن لائٹس
- Frame — رات گئے فلموں کی نمائش کے لیے ایک سنیما۔ ایک تاریک کمرہ جہاں ایک ہی نیلی اسپاٹ لائٹ تمام کام کرتی ہے، اور صارف کا انٹرفیس پس منظر میں دھندلا جاتا ہے، جس سے تخلیقی مواد کو آگے بڑھایا جا سکتا ہے۔
- Harness — فاسفورسنٹ سبز لہجوں کے ساتھ آدھی رات کو مشن کنٹرول