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

Medium

گولڈن آور میں کریمی سفید اخبار

میڈیم فنکشنز جیسے ادبی پڑھنے کے کمرے کو ویب پر ٹرانسپلانٹ کیا جاتا ہے: ایک گرم، کریمی پس منظر (#f7f4ed) SaaS کے جراثیم سے پاک سفید رنگ کی جگہ لے لیتا ہے، جس سے لمبی تحریریں پرنٹ شدہ صفحہ کی طرح محسوس ہوتی ہیں۔ بصری نظام جارحانہ طور پر مونوکروم ہے—تقریباً تمام UI سطحیں، متن، اور بارڈرز #242424 سے #6b6b6b تک گرم گرے کے ایک تنگ بینڈ میں ہیں—لہذا قاری کی توجہ مکمل طور پر مواد پر مرکوز ہے۔ واحد دستخطی اشارہ سیرف ہیڈ لائن ہے (GT Super, 120px, weight 400, letter spacing -0.055em)، ایک جان بوجھ کر مخالف رجحان پسند: ایک عبوری کتاب سیرف فونٹ ڈسپلے کے لیے اسکیل کیا جاتا ہے، ایک جرات مندانہ جیومیٹرک sans-serif کے بجائے بمشکل قابل توجہ، سگنلز: "ہم کتابیں شائع نہیں کرتے۔" بٹن تقریباً سیاہ رنگ کی مکمل "گولیاں" ہیں - صفحے پر صرف ٹھوس سیاہی ہے۔

ہوم پیج پر دو کالم ہیں: بائیں طرف صفحہ کی ~55% جگہ لیتی ہے، سرخی، ذیلی متن، اور کال ٹو ایکشن کو عمودی طور پر داخلی وقفہ کے ساتھ ترتیب دیا گیا ہے۔ دائیں طرف تصویری پینل کے ساتھ صفحہ کی ~45% جگہ لیتا ہے۔ بائیں کالم بائیں سیدھ میں ہے (مرکز میں نہیں)، صفحہ کو پڑھنے کے محور پر اینکر کرتا ہے۔ ہوم پیج کے نیچے، صفحہ ایک واحد، پوری چوڑائی والی، کریم رنگ کی پٹی ہے جس کے فوٹر میں مرکزی روابط ہیں۔ ہوم پیج پر کوئی کارڈ گرڈ، فیچر سیکشن، یا باری باری پٹیاں نہیں ہیں — ہوم پیج ایک صفحہ ہے۔ مواد کی کثافت جان بوجھ کر کم ہے: ایک سرخی، ایک جملہ، ایک بٹن، ایک تصویر۔ صفحہ ایک کور ہے، ڈیش بورڈ نہیں۔

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

پیلیٹ

غیر جانبدار

  • Newsprint Cream #f7f4ed — صفحہ کینوس، مین ونڈو کا پس منظر، اور سیکشن کا پس منظر ایک گرم، قدرے کریمی شیڈ ہے جو ڈیجیٹل کے بجائے پرنٹ شدہ انٹرفیس کا احساس پیدا کرتا ہے۔
  • Paper White #ffffff — کارڈ کی سطحیں، ابھرے ہوئے پینلز، فارم انٹری فیلڈز، اور کوئی بھی سطحیں جنہیں کریم کینوس سے الگ کرنے کی ضرورت ہے۔
  • Ink #242424 — باڈی ٹیکسٹ، باڈی ٹیکسٹ، لنکس، ہیڈنگز - خالص سیاہ سے تھوڑا گرم، کریم بیک گراؤنڈ پر اچھا لگتا ہے۔
  • Body Gray #333333 — ثانوی متن کا رنگ اور پہلے سے طے شدہ پیش منظر کا رنگ استعمال کیا جاتا ہے جہاں اس کے برعکس کھونے کے بغیر سیاہی کے رنگ سے تھوڑا ہلکا رنگ درکار ہوتا ہے۔
  • Button Black #191919 — ایک غیر جانبدار رنگ ثانوی UI عناصر، تقسیم کرنے والوں اور خاموش لیبلز کے لیے معاون ہے۔ اسے کال ٹو ایکشن کے لیے بنیادی رنگ کے طور پر استعمال نہیں کیا جانا چاہیے۔
  • Marginalia Gray #6b6b6b — ثانوی UI، تقسیم کرنے والوں اور خاموش لیبلز کے لیے غیر جانبدار رنگ کی حمایت۔

نوع ٹائپ

13 سے 120px تک · 5 مراحل

  • medium-content-sans-serif-font — متبادل: Inter · خاکہ 400 · medium-content-sans-serif فونٹ - نکالے گئے ڈیٹا میں پایا جاتا ہے لیکن AI کے ذریعے بیان نہیں کیا گیا ہے۔
  • GT Super — متبادل: Playfair Display · خاکہ 400 · عنوانات اور باڈی ٹیکسٹ ایک عبوری کتاب سیرف فونٹ ہیں جو انتہائی پیمانے پر سخت حروف کی وقفہ کاری اور 0.83 لائن اسپیسنگ کے ساتھ ہیں۔ 120px پر 400 وزن (بولڈ نہیں) کا انتخاب ایک دستخطی خصوصیت ہے: خط کی شکلیں، وزن نہیں، کام کریں۔ منفی حروف کا فاصلہ نظری خلا کو کم کرتا ہے، جس سے "انسانی کہانیاں اور خیالات" ایک مربوط ٹائپوگرافک بلاک کی طرح محسوس ہوتے ہیں۔
  • Söhne — متبادل: Inter · خاکہ 400 · UI sans-serif فونٹ نیویگیشن، بٹن، ذیلی عنوانات اور چھوٹے عنوانات کے لیے استعمال ہوتا ہے۔ 13–14px رینج نیویگیشن لیبلز اور بٹنوں کے لیے ہے۔ 20–22px عنوان کے اندر ذیلی عنوانات اور ثانوی متن کے لیے ہے۔ انسانی تناسب کے ساتھ ایک صاف ستھرا سیریف چھوٹے سائز میں پڑھا جا سکتا ہے اور بڑے سائز میں غیر رکاوٹ ہے۔

وقفے اور شکل

مقصدمطلب
کثافتاوسط
بنیادی قدم16-24px
بٹن کا رداس9999px
کارڈ کا رداس0px
سائےنہیں - سائے کی بجائے سرحدیں
حصوں کے درمیان64px
صفحہ کی چوڑائی1200px

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

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

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

  • Steep — گرم کاغذ پر سیرف فونٹس کا تجزیہ
  • Newformcap — ڈریسنگ روم میں ادارتی اخبار
  • Claude — گرم پارچمنٹ پر چھپی ہوئی ایک نمونہ - ہڈی کے کاغذ پر سیاہی، رنگ کی واحد سانس کے طور پر مٹی
  • 11x– Digital workers — ایک سنیما ایڈیٹوریل ویسٹ لینڈ — زمین کی تزئین کی پینورامک تصاویر یادگار سیرف کی سرخیوں کے خلاف سیٹ کی گئی ہیں جو لگژری میگزین کی طرح پھیلتی ہیں۔
  • Revolut — بادلوں کی تصویر پر مبنی ایک مونوکروم ادارتی کام — سفید سیاہی، پِل باکس کے بٹن، دوسری صورت میں گرے اسکیل دنیا میں رنگ کی ایک نیلی پٹی۔
  • Scheduling — کریم کاغذ پر ادارتی سیاہی
  • Titan — گرم ٹونڈ مونوکروم آرکائیو
  • Programa — دوپہر کے وقت سوئس ڈیزائن اسٹوڈیو۔ سفید گیلری کی دیوار ایک ہی پیلے ٹیبل لیمپ سے روشن ہوتی ہے — ہر چیز اس وقت تک بھوری رنگ کی ہوتی ہے جب تک کہ ایک بٹن، آئیکن، یا لہجہ آنکھ کو نہیں پکڑتا، اور پھر وہ ایک ہی پیلا لہجہ پورے کمرے کی وضاحت کرتا ہے۔
  • Sana Agents — اداریہ میں سفید پس منظر پر چونے کی چمک
  • Visual — گرما گرم ادارتی samizdat. کریم پیپر، سیرف پوسٹرز، مونوکروم حاشیہ، ایک پیلا مارکر۔
  • Midday — ویلم پر ادارتی بروشر - گرم پتھر کے پس منظر پر 72px سیرف کی سرخی، فاصلہ کے ساتھ سینز سیرف باڈی کاپی، گولی کے سائز کے کنٹرول، کوئی سائے نہیں
  • Chat for impact — پیسٹل رنگ کے کمروں کے ساتھ ایک جنگل سبز کلینک