ٹیلی گرام، WhatsApp  +380637610482
ویلری ڈینیوک
ویلری ڈینیوکڈویلپرکاروبار کے لیے AI ٹولز تیار کرنا۔ اعلیٰ معیار۔ قابل استطاعت۔Telegram پر لکھیں۔
Mercury — اس انداز میں سائٹ کا پیش نظارہ

Mercury

شام کے وقت الپائن بینک

مرکری الپائن بینکنگ جمالیاتی کے اندر کام کرتا ہے: قریب کا سیاہ کینوس (#171721) ایک سنیما، آبزرویٹری جیسا ماحول بناتا ہے، جہاں مواد کی سطحیں قدرے ہلکے گریفائٹ کارڈ کے طور پر تیرتی ہیں۔ انٹرفیس بنیادی طور پر مونوکروم ہے - اونکس پر ہاتھی دانت کا متن، ایک واحد متحرک کوبالٹ (#5266eb) عنصر کے ساتھ خصوصی طور پر بنیادی "اوپن اکاؤنٹ" آپریشن کے لیے استعمال ہوتا ہے۔ نوع ٹائپ بنیادی اظہار کو رکھتی ہے: 480 کا ایک حسب ضرورت ڈسپلے فونٹ (نہ بولڈ اور نہ ہی ہلکا) 400 کے لطیف باڈی فونٹ کے ساتھ جوڑا ایک پراعتماد لیکن کبھی دلکش انداز پیدا کرتا ہے۔ اجزاء فلیٹ اور فریم لیس ہیں، 12px گریفائٹ کارڈ کے رداس اور کیپسول کے سائز کے کنٹرولز پر انحصار کرتے ہوئے سائے کی بجائے ساخت کی وضاحت کرتے ہیں۔ مرکزی تصویر کا عنصر، جو صفحہ کی پوری سطح کو لے لیتا ہے — ایک تنہا ٹیبل کے خلاف دھندلے پہاڑ — صارف کے انٹرفیس کے شروع ہونے سے پہلے ٹون سیٹ کرتا ہے، اور اس کے بعد کا ہر عنصر اس خاموش، پریمیم تاریکی کو برقرار رکھتا ہے۔

تمام مواد کو ایک تاریک، پوری چوڑائی کے انداز میں ڈیزائن کیا گیا ہے۔ مرکزی اسکرین ایک 100px، پوری چوڑائی والی تصویر ہے جس میں مرکزی سرخی، ذیلی متن، اور ای میل رابطہ کی معلومات جمع کرنے کے لیے ایک فارم بلاک ہے (زیادہ سے زیادہ چوڑائی ~640px)۔ مرکزی اسکرین کے نیچے، مواد کو 72px عمودی مارجن کے ساتھ 1200px کی زیادہ سے زیادہ چوڑائی کے حصوں میں ترتیب دیا گیا ہے، بائیں جانب متن کے دو کالم لے آؤٹ اور دائیں جانب ایک تصویر، اور تین کالم پروڈکٹ تفصیلی کارڈز کے درمیان متبادل۔ نیویگیشن ایک شفاف ٹاپ بار ہے جو مرکزی اسکرین پر چڑھا ہوا ہے، جو آپ کے اسکرول کرتے وقت ٹھوس سیاہ فلِل میں منتقل ہو جاتا ہے جو فروسٹڈ شیشے کی یاد دلاتا ہے (بیک گراؤنڈ بلر)۔ فوٹر نوٹ ٹیکسٹ کے ساتھ گہرا ہے۔ عمودی تال فیاض ہے - حصوں کے درمیان کافی جگہ کے ساتھ وسیع کثافت۔ کوئی سائیڈ نیویگیشن نہیں ہے۔ تمام نیویگیشن ٹاپ بار میں واقع ہے۔

مرکزی حصے پر پوری چوڑائی والی سنیما تصویروں کا غلبہ ہے—ماحولیاتی، متاثر کن مناظر (دھند آلود پہاڑ، فطرت میں ویران کام کی جگہیں)—جو کہ بینکنگ کو ایک فکر انگیز، شاندار تجربے کے طور پر پوزیشن میں رکھتا ہے۔ متن کی پڑھنے کی اہلیت کو محفوظ رکھنے کے لیے تصاویر اعلیٰ معیار کی ہیں، قدرے ڈی سیچوریٹڈ، ٹھنڈے ٹونز اور ایک لطیف سیاہ اوورلے کے ساتھ۔ مرکزی حصے کے نیچے، تصاویر پروڈکٹ کے صارف انٹرفیس اور خلاصہ، ماحولیاتی پس منظر کے اسکرین شاٹس کے ساتھ متبادل ہیں۔ یہاں کوئی عکاسی نہیں ہے، آرٹ کے کاموں سے مشابہہ کوئی شبیہیں نہیں ہیں — بصری عناصر یا تو فوٹو گرافی ہیں یا خالصتاً فنکشنل۔ پورے یوزر انٹرفیس میں آئیکن اسٹائل ایک مرصع، ہاتھی دانت کے رنگ کی لکیر/گلیف اسٹائل ہے جو نیویگیشن، بٹنز اور فارم عناصر میں استعمال ہوتا ہے۔

پیلیٹ

برانڈ

  • Cobalt #5266eb — جامنی رنگ بھرے بٹنوں، منتخب نیویگیشن سٹیٹس، اور توجہ مرکوز کرنے والے تبادلوں کے لمحات کے لیے استعمال کیا جاتا ہے۔

غیر جانبدار

  • Onyx Canvas #171721 — مرکزی صفحہ کا پس منظر، ہوم اسکرین کے لیے بنیادی اوورلے، فوٹر اور سیکشنز کے لیے کینوس۔
  • Graphite Card #1e1e2a — گتے کی ابھری ہوئی سطحیں اور حصے کینوس سے ایک قدم ہلکے ہوتے ہیں، جو ایک ہموار علیحدگی پیدا کرتے ہیں۔
  • Obsidian Button #272735 — اضافی بٹن فلز، ایمبیڈڈ فارم بیک گراؤنڈز، غیر متزلزل انٹرایکٹو سطحیں۔
  • Slate Border #70707d — درمیانی موٹائی تقسیم کرنے والے اور مواد کے بلاکس کے درمیان ساختی حدود۔
  • Mist Border #e2e3ed — پتلی، بمشکل نظر آنے والی سرحدیں، بمشکل نمایاں بٹن کی خاکہ، ان پٹ فیلڈ کے کنارے - ایک سیاہ پس منظر پر ہلکی سرحد۔
  • Ash Text #c3c3cc — مرکزی متن، معاون متن، اضافی لیبلز - پڑھنے کی اہلیت کے نقصان کے بغیر آسان درجہ بندی۔

نوع ٹائپ

12 سے 65px تک · 9 مراحل

  • arcadia — متبادل: Inter · خاکہ 360, 400, 420, 480 · مین اور یوزر انٹرفیس - نیویگیشن، باڈی ٹیکسٹ، بٹنز، ان پٹ فیلڈز، لیبلز، اور معاون ٹیکسٹ کے لیے ایک فونٹ، جس کا وزن 400 باڈی ٹیکسٹ کے لیے اور 480 تاکید کے لیے ہے۔ معیاری (300/400/600) کی بجائے درمیانی وزن کا پیمانہ (360, 420, 480) مرکری کے متن کو ایک واضح طور پر متوازن شکل دیتا ہے — کبھی بولڈ نہیں، کبھی پتلا نہیں، ہمیشہ ناپا جاتا ہے۔
  • arcadiaDisplay — متبادل: Söhne Breit · خاکہ 360, 480, 530 · سرخیوں اور آرائشی عناصر کے لیے فونٹ 480 وزن میں 28px سے 65px تک تمام ہیڈنگ سائز کے لیے استعمال ہوتا ہے، جب کہ 530 سب سے بڑے آرائشی عناصر کے لیے مخصوص ہے۔ کم لکیر کی اونچائی (1.1–1.2) اور مثبت حرفی وقفہ (0.01–0.02em) آرائشی متن کو ادارتی متن میں پائے جانے والے کمپریسڈ ڈھانچے کے بجائے ایک وسیع، تعمیراتی شکل دیتے ہیں۔

وقفے اور شکل

مقصدمطلب
کثافتاوسط
بنیادی قدم12px
بٹن کا رداس32px
کارڈ کا رداس12px
سائےنہیں - سائے کی بجائے سرحدیں
حصوں کے درمیان72px
صفحہ کی چوڑائی1200px

AI آپ کی ویب سائٹ کو Mercury کے انداز میں بنائے گا اور اسے بھرے گا۔

  • لنک کے ذریعے پروڈکٹس اور پوسٹس بھریں - Instagram, TikTok, Facebook.
  • اپنی پرانی سائٹ سے مواد منتقل کریں—بس پتہ کی وضاحت کریں۔
  • بہترین انجن پر جدید ڈیزائن: سرور رینڈرنگ اور SEO آپٹیمائزیشن کے ساتھ React ( Next.js) باکس سے باہر۔
  • تلاش کے نتائج اور نیورل نیٹ ورک کی سفارشات کے لیے مکمل طور پر خودکار SEO کی اصلاح۔

ملتے جلتے انداز

  • Origin Financial — آدھی رات کی خاموشی کی ایک گیلری۔ ایک پُرسکون، تقریباً تاریک کمرہ جہاں بڑے سیرف فونٹس اور چند روشن رنگین پینلز یہ احساس پیدا کرتے ہیں کہ فنانس آرٹ کا ایک احتیاط سے تیار کردہ کام ہے۔
  • Air — مجسمہ "شیشے کے ذریعے آدھی رات کا آسمان"
  • Slash — سنہری لیجرز کے ساتھ آدھی رات کا والٹ
  • dope.security — جامنی رنگ کے بیکنز کے ساتھ آدھی رات کا ٹرمینل
  • Modal — ایک تاریک سرور روم میں ایک فاسفورسنٹ ٹرمینل - روشنی کا واحد ذریعہ ایک چمکدار سبز رنگ ہے
  • Giga — آدھی رات کا افق فراسٹڈ اوبسیڈین پر
  • Dovetail — آدھی رات کو بلیو پرنٹ کنٹرول سینٹر
  • Dovetail — بلیک مون کے نیچے ایک بلیو پرنٹ — بمشکل نظر آنے والی گراف لائنیں، سفید فونٹ، ایک جامنی چمک
  • AgentQL — رات کو ٹرمینل پر ناردرن لائٹس
  • Supabase — آدھی رات کو ایک کوڈ ایڈیٹر جس میں فاسفورسنٹ گرین ڈاٹ ہوتا ہے — کوئلے کی دھول کے سمندر پر ایک رنگین نبض
  • Changelog — گہرے شیشے کے پیچھے آبزرویٹری کنسول
  • GitHub — بایولومینسنٹ کنٹرول پوائنٹس کے ساتھ ایک خلائی کمانڈ پینل — ایک تاریک، ماحول میں کام کرنے کی جگہ جہاں ایک ہی سبز چمک آگے کی طرف اشارہ کرتی ہے۔