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

ElevenLabs

لطیف سرخیوں کے ساتھ گرم کریم ٹونز میں ایک تصویری مضمون۔ بوہاؤس طرز کی نوٹ بک — انڈے کے شیل کے رنگ کا کاغذ، سیاہ سیاہی، اور مصنوعات کی نمائش کے لیے ایک جامنی اور نارنجی لہجہ۔

ElevenLabs ایک گرم، سفید مرصع انداز میں کام کرتا ہے: ایک انڈے کے شیل رنگ کا کینوس (#fdfcfc) جس میں سیاہ قسم اور گرم ٹاؤپ سطحوں کی ایک تہہ (#f5f3f1) ہے۔ برانڈ کی شناخت پرسکون اور پراعتماد ہے — بمشکل تمیز کرنے والا والڈنبرگ 300 ٹائپ فیس انتہائی وضاحت (-0.02em) کے ساتھ سرخیوں کو نمایاں کرتا ہے، جبکہ Inter 400/500 ہر چیز کو پرسکون غیر جانبداری دیتا ہے۔ دو لہجے والے رنگ — متحرک جامنی #0447ff اور متحرک نارنجی #ff4704—صرف پروڈکٹ کے بصری عناصر (آڈیو اسپیئرز، پروڈکٹ آئیکنز) میں پاپ ہوتے ہیں، UI میں کروم کے طور پر کبھی نہیں۔ اجزاء پتلی 1px بارڈرز، کارڈز پر چوڑے 20px radii، اور مکمل طور پر بھرے 9999px بٹنوں کے ساتھ چپٹے یا قدرے بلند رہتے ہیں۔ یہ نظام کریم پیپر پر بوہاؤس اسٹوڈیو کی یاد دلاتا ہے: روکا ہوا، ادارتی اور تکنیکی طور پر عین مطابق۔

مکمل چوڑائی والے حصے عمودی طور پر ایک واحد، زیادہ سے زیادہ چوڑائی والے مرکزی کالم میں 1280px بیرونی گٹر کے ساتھ ترتیب دیئے گئے ہیں۔ مرکزی سیکشن غیر متناسب ہے: سرخی 48px والڈن برگ کی سطح پر بائیں طرف سیدھ میں ہے، تفصیل کا متن دائیں طرف سے منسلک ہے، اور گولی کے سائز کے دو بٹن سرخی کے نیچے واقع ہیں۔ مرکزی حصے کے نیچے ایک بڑا ٹیب والا نیویگیشن بار ہے جو پورے مواد کی چوڑائی پر پھیلا ہوا ہے۔ 96–125px کے عمودی گٹروں کے ساتھ انڈے کے چھلکے کے رنگ کے اور ٹاؤپ پس منظر کے درمیان متبادل حصے۔ فوٹر ایک کمپیکٹ، واحد پٹی ہے۔ نیویگیشن ایک کم سے کم ٹاپ بار ہے — کوئی مقررہ رویہ نہیں، کوئی میگا مینو نہیں۔ مواد کی تال ادارتی طرز سے میل کھاتا ہے: کافی سفید جگہ، فی سیکشن ایک اہم بصری عنصر، اور "ٹرسٹ" سیکشن کے تحت کوئی کارڈ گرڈ نہیں۔

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

پیلیٹ

برانڈ

  • Violet Spark #0447ff — پروڈکٹ بصری زور - صرف آڈیو دائرے کی عکاسی اور آرائشی مصنوعات کی شبیہیں میں ظاہر ہوتا ہے؛ انٹرفیس عناصر کے لیے کبھی استعمال نہیں کیا گیا۔

غیر جانبدار

  • Eggshell #fdfcfc — صفحہ کینوس، بٹن کی سطحیں، اور کارڈ کی سطحیں گہری سفید کے بجائے گرم، قدرے کریمی ہیں، تاکہ ڈیجیٹل چکاچوند سے بچ سکیں اور سائٹ کو کاغذ کا سکون حاصل ہو۔
  • Warm Taupe #f5f3f1 — ڈیوائیڈر سٹرپس، آرائشی کارڈز اور ایک اضافی سطح کی سطح – دھندلا سطح سے ایک قدم گہرا – ایک پرسکون، بے سرحد علیحدگی پیدا کرتی ہے۔
  • Stone #ebe8e4 — پتلی بارڈرز، ڈیوائیڈرز، اور آئیکن بیک گراؤنڈز ایک گرم سرمئی ہیں جو ٹھنڈے محسوس کیے بغیر ٹاؤپ اور درمیانے بھوری رنگ کے درمیان بیٹھتے ہیں۔
  • Ink #000000 — چاہے یہ باڈی ٹیکسٹ ہو، بھرے ہوئے بٹن، نیویگیشن، یا لنکس، خالص سیاہ رنگ کے گرم پیلیٹ کی بنیاد کے طور پر کام کرتا ہے اور سسٹم میں واحد تیز تضاد پیدا کرتا ہے۔
  • Graphite #44403b — باڈی ٹیکسٹ، سیکشن ہیڈنگز - متن کے لیے ایک لطیف گرم گہرا سرمئی رنگ جس کو سیاہ کی سختی کے بغیر گھونسا ہونا ضروری ہے۔
  • Smoke #777169 — مرکزی متن، سمجھدار وضاحتیں، اور سرخیاں درمیانے گرم بھوری رنگ میں ہیں۔ کارڈز اور موضوعاتی متن کا غالب، پڑھنے کے قابل، لیکن پرسکون انداز۔

نوع ٹائپ

10 سے 48px تک · 8 مراحل

  • Waldenburg — متبادل: Inter (300) or Söhne Light · خاکہ 300 · صرف عنوانات اور ڈیزائن عناصر کے لیے۔ 300 کے فونٹ وزن کے ساتھ 48/36/32px فارمیٹس میں استعمال کیا جاتا ہے — ایک انتہائی ہلکا فونٹ غیر روایتی ہے؛ زیادہ تر ویب سائٹس 600-700 استعمال کرتی ہیں؛ یہ لطیف فونٹ تحمل کے ذریعے اختیار کا اظہار کرتا ہے۔ -0.02em کا سخت خط فاصلہ بڑے سائز کے حروف کے درمیان قریب تر فٹ بناتا ہے۔ متبادل: پریمیم متبادل کے طور پر 300 وزن میں "انٹر" یا ہلکے وزن میں "Söhne"۔
  • Inter — متبادل: Inter or system-ui · خاکہ 400, 500 · سب کچھ آف اسکرین: باڈی ٹیکسٹ، نیویگیشن، بٹن، لنکس، لیبلز، ان پٹ فیلڈز، کارڈز۔ 400 پہلے سے طے شدہ وزن ہے۔ 500 بٹنوں اور نمایاں کردہ لنکس کے لیے مخصوص ہے۔ سائز کی حد 10 سے 10 تک ہوتی ہے، جس میں لائن میں وقفہ کم ہوتا ہے (1.47–1.6)، پیراگراف کو سانس لینے کے لیے جگہ ملتی ہے۔ 14 سے 3 کے سائز میں +1 (2) کا ایک چھوٹا حروف کا وقفہ چھوٹے سائزوں میں واضح ہونے کو بہتر بناتا ہے۔
  • Geist Mono — متبادل: JetBrains Mono or IBM Plex Mono · خاکہ 400 · مائیکرو ٹیکسٹ کوڈ یا ٹیکنیکل ٹیکسٹ کے آگے واقع ہے، جو 13px پر ہے — تکنیکی لیبلز یا میٹا ڈیٹا کے لیے شاذ و نادر ہی استعمال ہوتا ہے (تعدد = 28)۔ سنگل پرت، 1.69 کی بڑی لائن اونچائی۔

وقفے اور شکل

مقصدمطلب
کثافتگھنے
بنیادی قدم8-16px
بٹن کا رداس9999px
کارڈ کا رداس20px
سائےنہیں - سائے کی بجائے سرحدیں
حصوں کے درمیان96-125px
صفحہ کی چوڑائی1280px

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

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

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

  • Awesomic — ادارتی زنک میش نارنجی رموز اوقاف کے ساتھ کنفیٹی کی یاد دلاتی ہے
  • Monad — گرم پارچمنٹ پر ادارتی تکنیکی جریدہ
  • Dub — لنک کا میٹ رائس پیپر کنٹرول پینل
  • Seline Analytics — گرم کاغذ پر ایک پرسکون تجزیاتی میز
  • Notion — دوپہر کی دھوپ میں ایک گرم کاغذ کی نوٹ بک
  • Anthropic — گرم ویلم پر ایک سائنسی فیلڈ جرنل — پرسکون ہاتھی دانت کی سطحیں، سیریفڈ ادارتی عنوانات، اور ایک واحد مٹی کا لہجہ جو صرف اس وقت ظاہر ہوتا ہے جب کارروائی کی ضرورت ہو۔
  • Calendly — ٹھنڈے ماربل پر گہری نیلی سیاہی
  • Augen Pro — ایپل کی سفید پریزنٹیشن میں کلینکل، بے وزن، برقی نیلے رنگ کو ایک مونوکروم اسپیس میں واحد لہجے کے طور پر دکھایا گیا ہے۔
  • Antimetal — کریم پیپر پر ایک ادارتی کرانیکل — ایک سائنسی جریدے میں ایک پرسکون صبح، جہاں تحمل اعتماد کا اظہار کرتا ہے اور سیریف بھاری وزن اٹھاتے ہیں۔
  • Perk — گرم پارچمنٹ پیپر پر برقی چونا
  • Ditto — سورج کی روشنی والی ورکشاپ جو جنگلی پھولوں کے نمونے تیار کرتی ہے۔ گرم کریم کی سطحیں، ایک متحرک پیلے رنگ کا بنیادی رنگ، گہری بحریہ نیلی سیاہی، ٹکڑے کے پیچھے کھلتے ہوئے نامیاتی رنگ کی شکلیں۔
  • Officevibe — گرم کریم رنگ کے کاغذ پر ایک ادارتی رسالہ۔ HR مینجمنٹ پر ایک سوچے سمجھے مضمون کا تصور کریں، جسے ایک پروڈکٹ کے طور پر پیش کیا گیا ہے — ایک جدید نیلے انٹرفیس کے ذریعے سرگوشی کرنے والا کرسیو فونٹ۔