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

Huly

مڈ نائٹ آبزرویٹری میں ناردرن لائٹس - مرکزی کردار ارغوانی رنگ کا ایک عمودی شہتیر ہے جو مرجان میں دھندلا جاتا ہے، اور اس کے نیچے ہر ایک پرسکون حصہ وہی دو ٹون کہانی مستعار لیتا ہے جو زیادہ دبے لہجے میں بیان کی گئی ہے۔

Huly ایک کائناتی ورک اسپیس کے ماحول کو جنم دیتا ہے: ایک قریب کا سیاہ کینوس جس میں ایک ہی بنفشی-امبر چمک مرکزی عنصر کو کاٹتی ہے، اور اس کے نیچے، پیداواری صلاحیت میں اضافے کے لیے ایک زیادہ دب گیا گرڈ۔ یہ نظام ایک تنگ رنگ کی حد کے اندر کام کرتا ہے — ایک چمکدار نیلا اور ایک مرجان تہہ دار گریفائٹ سطحوں کے خلاف برانڈنگ کا تمام کام کرتا ہے، اس لیے ڈارک موڈ کبھی بھی غیر جانبدار محسوس نہیں ہوتا ہے۔ نوع ٹائپ ہر کام کے لیے انٹر اسٹائل ہے، جس میں ایک حسب ضرورت فونٹ (Esbuild) کلیدی نکات کے لیے مخصوص ہے، جس کی پچ 80–84px اور جارحانہ منفی حرفی وقفہ ہے۔ اجزاء کیپسول کی شکل کے ہیں: کنٹرولز پر 9999px radii، کارڈز پر 12px، کم سے کم سایہ، اور چمکتی ہوئی تدریجی لکیریں مرکزی سجاوٹ کے طور پر۔ صفحہ پورے صفحے کے تاریک علاقوں اور پرسکون روشنی والے حصوں کے درمیان بدلتا ہے، لہذا کسی بھی نئی اسکرین کو رنگوں کا انتخاب کرنے سے پہلے موڈ پر فیصلہ کرنا چاہیے۔

مکمل چوڑائی والے ہوم پیج میں شمالی لائٹس کی عمودی شہتیر اور بائیں طرف سے منسلک سرخی کے ساتھ ساتھ نیچے دائیں جانب پروڈکٹ کا اسکرین شاٹ موجود ہے۔ ہوم پیج کے نیچے زیادہ سے زیادہ چوڑائی، 1200px، باری باری سیاہ اور ہلکی پٹیوں کا مواد کا علاقہ ہے۔ ہر سیکشن ایک عمودی بلاک ہے: ایک ہیڈر کے علاوہ کارڈز کا 3- یا 4-کالم گرڈ 96px فرق سے الگ کیا گیا ہے۔ "MetaBrain" سیکشن مرکزی سرخی اور مختلف سائز کے کارڈز کے موزیک کے ساتھ گرڈ کو توڑتا ہے (ایک بڑا مین کارڈ اور چھوٹے سپورٹنگ کارڈز)۔ صفحہ SaaS معیارات پر عمل کرتے ہوئے مواد سے بھرپور ہے، لیکن ہر سیکشن کے کمرے کو سانس لینے کے لیے متبادل تاریک اور ہلکی پٹیوں کا استعمال کرتا ہے۔ نیویگیشن ایک واحد شفاف ٹاپ بار ہے جو آپ کے سکرول کرتے ہی مبہم ہو جاتی ہے۔

اہم عنصر ایک خالص ارورہ میلان ہے، تصویروں سے پاک۔ تمام عکاسی پروڈکٹ کے UI (ڈارک موڈ، ان باکس، کیلنڈر میں کنبن) کے اصل اسکرین شاٹس ہیں، جو کارڈ کے فریموں میں بنائے گئے ہیں جو ثبوت اور سجاوٹ دونوں کے طور پر کام کرتے ہیں۔ کوئی طرز زندگی کی تصاویر، کوئی اسٹاک امیجز، کوئی 3D رینڈر نہیں۔ واحد بصری عنصر جو UI سے متعلق نہیں ہے وہ ارورہ کی بنیاد پر ایک گرم، ریڈیل سنبرسٹ چمک ہے، جسے CSS گریڈینٹ کے طور پر پیش کیا گیا ہے۔ شبیہیں #95979 میں مونوکروم لائن آئیکنز ہیں یا سفید، کبھی بھی ملٹی کلر نہیں۔ سسٹم اپنے ڈارک UI کو اہم عنصر کے طور پر دیکھتا ہے — پروڈکٹ تصاویر ہیں۔

پیلیٹ

برانڈ

  • Electric Iris #5683da — مرکزی پس منظر، فعال نیویگیشن انڈیکیٹر، اور شاندار ناردرن لائٹس کا لہجہ—جیٹ-سیاہ پس منظر پر ایک متحرک وایلیٹ-نیلے رنگ—کارپوریٹ سرگرمی کے بجائے مصروفیت کا تاثر پیدا کرتا ہے۔
  • Ember Pulse #ff8964 — ایک ثانوی لہجہ، ایک گرم شمالی لائٹس زون، ایک نوٹیفکیشن پوائنٹ، اور ایک مثال کی روشنی - ایک امبر ہیو جو نیلے رنگ کی نرمی کو توڑتا ہے اور بیم میں گرم جوشی کا اضافہ کرتا ہے۔

غیر جانبدار

  • Obsidian Canvas #303236 — صفحہ کا پس منظر، غالب سطح، تقریباً کالا رنگ ہے جس میں گرم جوشی کا ہلکا سا اشارہ ہے، تمام مواد کے لیے معیاری ماحول۔
  • Void #090a0c — مرکزی اسکرین، موڈل بیک گراؤنڈز، اور فریموں پر گریڈیئنٹس کے لیے گہری سطح کی تہہ جو کینوس میں گھل مل جائے۔
  • Charcoal Card #111111 — گتے اور پینلز سے بنی ہوئی سطحیں، کینوس سے ایک قدم اوپر رکھی ہوئی ہیں۔
  • Slate Edge #4a4b50 — تاریک سطحوں پر لطیف سرحدیں اور تقسیم کرنے والے
  • Iron Veil #6b6c6d — ٹیگز کے لیے مدھم پس منظر، فہرست آئٹم فلز، اور غیر فعال فلز۔
  • Smoke #95979e — آئیکن آؤٹ لائنز، اضافی ٹیکسٹ، اور غیر فعال کنٹرول درمیانے بھوری رنگ میں بنیادی کام کرنے والے عنصر ہیں۔

نوع ٹائپ

11 سے 80px تک · 8 مراحل

  • Inter — متبادل: DM Sans · خاکہ 300, 400, 500, 600, 700 · یوزر انٹرفیس میں تمام فنکشنل ٹیکسٹ — باڈی ٹیکسٹ، نیویگیشن، بٹنز، لسٹ آئٹمز، لیبلز، اور چھوٹے عنوانات — زور دینے کے لیے 500–600 کے فونٹ کے وزن کے ساتھ، باڈی ٹیکسٹ کے لیے 400، اور غیر متزلزل میٹا ڈیٹا کے لیے 300 تھوڑا سا استعمال کیا جاتا ہے۔
  • Esbuild — متبادل: Sora · خاکہ 400, 500, 600 · صرف ڈسپلے: سپلیش ٹائٹلز، سیکشن ہیڈنگز، اور میٹا برین آرٹیکل ٹائٹلز۔ کنڈینسڈ جیومیٹری اور سخت لیٹر سپیسنگ یہ تاثر پیدا کرتی ہے کہ 84px ادارتی کام کے لیے SaaS پروجیکٹس کے مقابلے زیادہ موزوں ہے۔ کبھی بھی 28px سے کم استعمال نہ کریں۔

وقفے اور شکل

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

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

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

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

  • monday — پیسٹل اسٹیکرز کے ساتھ سفید ورکشاپ
  • Slack — اسٹیج سفید اسپاٹ لائٹس کے ساتھ بینگن رنگ کا ہے۔ گہرے بیر کی رنگت تاریک علاقوں پر حاوی ہوتی ہے، جب کہ آف وائٹ کینوس بڑے، avant-garde عنوانات کو آزادانہ طور پر سانس لینے کی اجازت دیتا ہے۔
  • Base44 — چونے کے مارکر کے ساتھ سورج کی روشنی والی نوٹ بک
  • Supahub — جامنی رنگ کے کنارے پر ہلکی ہلکی روشنی۔ زیادہ تر سفید، ہوا دار کینوس ایک ہی چمکدار جامنی رنگ کے سورج سے روشن ہوتا ہے، جس میں آرائشی تدریجی دائرے منفی جگہ میں رنگ پھیلاتے ہیں اور فراخ گول جیومیٹری ہر سطح کو خوشگوار، ٹھوس بھاری پن دیتی ہے۔
  • Raycast — آدھی رات کا کمانڈ سینٹر، کورل نیین
  • Dimension — فراسٹڈ شیشے کے پینلز کے ساتھ شام کی روشنی والا ورک سٹیشن
  • Wiza — شام کے وقت معدنیات کی تلاش کی ایک رصد گاہ، لیوینڈر دھند میں چھائی ہوئی ہے۔
  • Paste — سفید سنگ مرمر پر ایک امبر لالٹین — برانڈ کا گرم گریڈینٹ لوگو وسیع سفید جگہ میں منڈلاتا ہے، جیسے برف سے ڈھکی عمارت کی واحد روشن کھڑکی۔
  • Reworkd — پروڈکٹ ڈایاگرام پر ہلکی ہلکی روشنی وہ واحد رنگ ہے جو اپنے لیے بولتا ہے، یہ ایکشن بٹن اور اس کے اوپر گریڈینٹ ہیڈ لائن ہے۔
  • Reflect Notes — تارامی بنفشی جگہ ایک تاریک رصد گاہ ہے جہاں نوٹ تقریباً سیاہ انڈگو کے خالی پن کے پس منظر میں برج کی طرح تیرتے ہیں۔
  • Ameba — آدھی رات کو کنٹرول روم – فراسٹڈ شیشے کے پینل کے اندر ایک برقی نیلی نبض
  • Todoist — ایک کاغذی ڈائری کے ساتھ سورج کی روشنی میں کام کرنے کی جگہ - ایک گرم کریم ڈیسک، سیاہی کے نوٹ، ایک سرخ قلم