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

Steep

گرم کاغذ پر سیرف فونٹس کا تجزیہ

Steep تجزیات کو ادارتی مواد کے طور پر پیش کرتا ہے—Signifier serif شہ سرخیاں تقریباً ایک مونوکروم سفید کینوس کے اوپر تیرتی ہیں، اور ایک گرم آڑو لہجہ (#fbe1d1) دوسری صورت میں اکرومیٹک نظام کی نشاندہی کرتا ہے۔ صفحہ پروڈکٹ میگزین کے پھیلاؤ کی طرح پڑھتا ہے: بڑا، کرسیو ٹائپ فیس، متن کی کافی جگہ، نرم 24px-ریڈیس کناروں والے بڑے کارڈز، اور گولی کے سائز کے کنٹرولز سطح کے ساتھ فلش ہوتے ہیں۔ اجزاء پرسکون اور بے وزن محسوس ہوتے ہیں — سائے لطیف ہوتے ہیں، سرحدیں پتلی ہوتی ہیں، اور رنگ کا استعمال فعالی پر زور دینے کے لیے کیا جاتا ہے (آڑو کال آؤٹ، آڑو کے پس منظر پر گہرا بھورا حروف)۔ پروڈکٹ کی سطحیں (علاقے کی میزیں، ایکٹیویشن ڈایاگرام، AI بلڈرز) ڈیش بورڈ کے شیل میں گھونسلے کے بجائے ہیڈر کے ارد گرد تیرتے عناصر کے طور پر پیش کی جاتی ہیں۔

صفحہ کے لے آؤٹ کی زیادہ سے زیادہ چوڑائی 1200px ہے، مرکز میں، مرکزی حصے تقریباً پورے صفحے کی چوڑائی پر قابض ہیں لیکن کنٹینر کے اندر باقی ہیں۔ مرکزی ترتیب میں ایک بڑے سیرف فونٹ، ایک سب ہیڈر، اور گولی کے بٹنوں کے ایک جوڑے کے ساتھ ایک مرکز والا ہیڈر، چار فلوٹنگ پروڈکٹ ڈسکرپشن کارڈز (ریجن ٹیبل اوپر بائیں، رجسٹریشن کارڈ کے دائیں، ایکٹیویشن ڈائیگرام نیچے بائیں، AI ایڈیٹر نیچے مرکز) سے گھرا ہوا ہے جو مختلف آفسیٹس پر سفید کینوس کو اوورلیپ کرتا ہے۔ سیکشنز پیپر وائٹ اور کارڈ مسٹ بیک گراؤنڈ کے درمیان متبادل ہوتے ہیں، بغیر مضبوط تضاد کے ایک پرسکون تال پیدا کرتے ہیں۔ فیچر والے حصے بڑے 80px عمودی گٹر کے ساتھ متن اور UI کے دو کالم لے آؤٹ کا استعمال کرتے ہیں۔ نیویگیشن ایک واحد شفاف ٹاپ بار ہے (کوئی پس منظر، بارڈر، یا شیڈو نہیں) جس میں بائیں طرف لوگو ہوتا ہے، مرکز میں نیویگیشن لنکس، اور دائیں طرف دو کال ٹو ایکشن (ٹیکسٹ لنک + فلڈ پِل بٹن) ہوتا ہے۔ مجموعی ترتیب کی کثافت کشادہ ہے — صفحہ حصوں کے درمیان "سانس لیتا ہے"، اور مواد کبھی بھی کناروں کو ہجوم نہیں کرتا۔

بصری ڈیزائن مصنوعات پر مرکوز ہے، طرز زندگی پر مرکوز نہیں: تیرتے ہوئے UI عناصر (پانچ قطار والے ڈیٹا کے ساتھ علاقائی میزیں، اگست-نومبر میں ایکٹیویشن دکھانے والے لائن چارٹ، ریڈیل پروگریس رِنگز، AI ان پٹ فیلڈز) کو ادارتی سرخیوں کے گرد کراپ اسکرین شاٹس کے طور پر ترتیب دیا گیا ہے۔ کوئی تصویریں، عکاسی، یا تجریدی گرافکس نہیں ہیں۔ تمام بصری مصنوعات کے عناصر کو سفید فلوٹنگ کارڈز پر پتلی سرحدوں اور نرم سائے کے ساتھ رکھا گیا ہے۔ اوتار کے حلقوں میں ایک چھوٹا کرسر ڈائریکشنل انڈیکیٹر ہوتا ہے—ایک بصری شکل جو ریئل ٹائم تعامل کا اشارہ دیتا ہے۔ مرکزی ساخت ٹیکسٹ اور UI کا ایک کولاج ہے، بجائے کہ اسٹاک تصویر کے ساتھ مرکزی سرخی کے۔

پیلیٹ

غیر جانبدار

  • Ink Black #17191c — مرکزی متن، بھرے ہوئے بٹن کا پس منظر، اور نیویگیشن لوگو سسٹم میں واحد تاریک سطحیں ہیں۔ تمام کالز ٹو ایکشن اور مرکزی متن میں سرخیاں اس سیاہ پس منظر کے خلاف ظاہر ہوتی ہیں۔
  • Paper White #ffffff — صفحہ کینوس، بٹن کا متن، اور ابھرے ہوئے کارڈ کی سطحیں غالب پس منظر کی ٹون ہیں، جس میں تقریباً 76 فریکوئنسی پوائنٹس ہوتے ہیں۔
  • Mist Gray #f2f2f3 — کارڈ کی سطحیں، اضافی پس منظر، ان پٹ فیلڈ فلز— ایمبیڈڈ مواد کے لیے کاغذ کے نیچے ایک غیر مرئی پرت۔
  • Fog White #fafafb — ہوور پر حصوں اور سطحوں کو تبدیل کرنے کے لیے صفحہ کا ایک اضافی پس منظر - باریک پٹی کی مختلف حالتیں پیدا کرنے کے لیے کاغذ کے اوپر ایک قدم۔
  • Slate Gray #777b86 — لنک کا رنگ، خاموش معاون متن، فوٹر ٹیکسٹ - مرکزی متن اور متن کے درمیان ایک ٹھنڈا، غیر سیچوریٹڈ گرے جو شامل نہیں کیا جا سکتا۔
  • Ash Gray #979799 — اضافی لیبلز، زمرہ کے ٹیگز (مارکیٹنگ، فنانس، سیلز) - لنک کے رنگ سے ایک قدم ہلکا۔

نوع ٹائپ

15 سے 90px تک · 8 مراحل

  • Signifier — متبادل: GT Sectra · خاکہ 400 · سرخیوں اور عنوانات کے لیے ایک سیرف فونٹ — تین سائزوں میں H1/H2 کے لیے خصوصی طور پر استعمال کیا جاتا ہے۔ فونٹ کا وزن تمام ترازو پر 400 (باقاعدہ) پر رہتا ہے، ایک دستخطی انتخاب: ایک سیرف فونٹ بولڈ فونٹ کی طرح چیخنے کے بجائے سرگوشی کرتا ہے۔
  • Sohne — متبادل: Inter · خاکہ 400, 430, 450, 480, 500 · مرکزی، انٹرفیس، اور نیویگیشن فونٹس ورسٹائل ہیں، جو میٹا ڈیٹا سے لے کر ذیلی سرخیوں تک ہر چیز کا احاطہ کرتے ہیں۔ نیم قدمی وزن (430, 450, 480) بولڈ کی طرف چھلانگ لگائے بغیر ایک لطیف درجہ بندی بناتے ہیں۔

وقفے اور شکل

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

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

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

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

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