Subframe
گرم پارچمنٹ پر ایک گرافک ڈرائنگ۔ ڈیزائنر کاغذ، جہاں ہر اسٹروک یا تو گریفائٹ یا صافی ہوتا ہے، کبھی پینٹ نہیں کرتا- گہرائی لائن کی موٹائی اور ویرل سیرف کے ذریعے حاصل کی جاتی ہے۔
سب فریم ایک مونوکروم ڈیزائنر کی ورک اسپیس ہے: ایک گرم، کریمی کینوس، گریفائٹ سیاہ سیاہی، اور رنگین لہجوں کی مکمل عدم موجودگی۔ پورے انٹرفیس کو ایک ہی مواد کے طور پر سمجھا جاتا ہے — کاغذ، پنسل اور شیڈو — ایک بولڈ ٹائپوگرافک ٹچ کے ساتھ: ایک ریفائنڈ سیرف (انسٹرومینٹ سیرف) جو ایک منظم سینز سیرف (انٹر) کے خلاف سیٹ کیا جاتا ہے، جو سرخیوں میں ادارتی کشش ثقل کو قرض دیتا ہے۔ سطحیں بلند ہونے کے بجائے چپٹی اور فریم شدہ ہیں۔ گہرائی #e5e7eb میں پتلی ڈیوائیڈرز کے ذریعے حاصل کی جاتی ہے اور سائے کی بجائے تاریک کنٹرولز پر جھلکیاں لگاتے ہیں۔ کثافت فیاض ہے: ایک وسیع عمودی تال (حصوں کے درمیان 48–64px خلا)، مرکز میں، پوری چوڑائی والی ترتیب، اور متن کے ارد گرد وسیع وائٹ اسپیس۔ صرف رنگ قریب سفید اور قریب سیاہ کے درمیان فرق ہے، جس سے ہر صفحے پر سیاہ بٹن سب سے زیادہ نمایاں عنصر ہے، اور گرے ٹونز میں پارٹنر برانڈ لوگو کی پٹی واحد آرائشی بصری عنصر ہے۔
مرکزی، پوری چوڑائی والی ترتیب (1200px) عمودی تال کے ساتھ۔ مرکزی عنصر ایک واحد، مرکز والا بلاک ہے: سب سے اوپر ایک گہرا، سیگمنٹڈ کنٹرول، ایک بڑی "انٹر" سرخی، ایک واحد سطری ذیلی سرخی، اور دو ملحقہ بٹن (بھرے ہوئے + پارباسی) — کوئی سائیڈ امیج، کوئی لے آؤٹ بریک اپ نہیں۔ مرکزی عنصر کے نیچے ایک مرکزی مٹیالا پیمانہ لوگو کی پٹی ہے۔ اس کے بعد کا ہر سیکشن اسی پیٹرن کی پیروی کرتا ہے: بائیں طرف سے منسلک ٹائٹل اور ذیلی سرخی والا بلاک، پھر حصوں کے درمیان 48–64px گٹر کی جگہ کے ساتھ ایک مکمل چوڑائی والا پروڈکٹ شوکیس فریم۔ نیویگیشن کم سے کم ہے: مرکزی لنکس اور دائیں سیدھ والی کارروائیوں کے ساتھ ایک ٹاپ بار، کوئی سائڈبار نہیں، کوئی میگا مینو نہیں۔ صفحہ مرکزی بیانات کی ایک سیریز کے طور پر اوپر سے نیچے پڑھتا ہے، ہر ایک کو کافی جگہ دی جاتی ہے — ترتیب کسی مصروف پروڈکٹ کے صفحے سے زیادہ ادارتی پورٹ فولیو کی طرح محسوس ہوتی ہے۔
بصری ڈیزائن کم سے کم اور فعال ہے۔ سسٹم دو بصری طریقوں کا استعمال کرتا ہے: (1) فریم شدہ پروڈکٹ کے اسکرین شاٹس اور UI موک اپس جو 24px-ریڈیس فریموں میں بند ہیں- وہ ایک ہی مونوکروم پیلیٹ میں پیش کیے گئے اصل انٹرفیس اجزاء (ٹیبل، بٹن، فارم) دکھاتے ہیں، جس سے اسکرین شاٹس بغیر کسی رکاوٹ کے صفحہ میں ضم ہوجاتے ہیں۔ (2) گرے اسکیل پارٹنر لوگو کی ایک ایک پٹی سماجی ثبوت کے طور پر کام کرتی ہے، فلیٹ، بغیر رنگ یا کنٹینرز کے۔ طرز زندگی کی کوئی تصاویر، تجریدی میلان، یا 3D رینڈر نہیں ہیں۔ واحد مثالی عنصر ایک گہرا پروڈکٹ "ٹائل" ہے، جو برانڈ آئیکن کے ساتھ گرم سرمئی پس منظر پر مرکوز ہے — اسے سجاوٹ کے بجائے مصنوعات کے مظاہرے کے طور پر سمجھا جاتا ہے۔ تمام تصاویر متن پر مبنی لے آؤٹ پر قبضہ کرتی ہیں، جہاں بصری وزن متن کے ذریعے ہوتا ہے۔
پیلیٹ
غیر جانبدار
- Page Canvas
#fafafa— صفحہ کا پس منظر، کینوس پر پوسٹ کارڈ، تاریک سطحوں پر ہلکا متن - ایک گرم سفید رنگ جو پورے مونوکروم سسٹم کو زیر کرتا ہے۔ - Hairline Border
#e5e7eb— ڈیوائیڈرز، کارڈ بارڈرز، امیج فریم، آئیکن آؤٹ لائنز - سسٹم میں آؤٹ لائن کی سب سے زیادہ استعمال ہونے والی قسم، مقامی ساخت کی وضاحت کرتی ہے۔ - Card Surface
#ededed— کارڈز کے لیے ابھرا ہوا پس منظر، ایک اضافی سطح - کینوس سے ایک قدم اوپر واقع ہے، جس سے سائے کے بغیر گروپ بندی ہوتی ہے۔ - Divider Mid
#dadada— مڈ ٹون ڈیوائیڈرز اور سیکشنز کے درمیان ٹرانزیشن - Graphite
#242424— روشنی کی سطحوں پر بنیادی بٹنوں کے لیے ہائی کنٹراسٹ نیوٹرل فل۔ - Ink Black
#171717— باڈی ٹیکسٹ، ہیڈنگز، آئیکن آؤٹ لائنز - گریفائٹ سے تھوڑا ٹھنڈا، سطحوں کے بجائے نوع ٹائپ کے لیے استعمال ہوتا ہے۔
نوع ٹائپ
12 سے 128px تک · 7 مراحل
- Inter — متبادل: Inter (Google Fonts) · خاکہ 500, 600, 700 · ایک sans-serif سسٹم انٹرفیس — نیویگیشن، باڈی ٹیکسٹ، بٹن، ذیلی سرخیاں، اور سیکشن ہیڈنگ۔ وزن: باڈی ٹیکسٹ اور کنٹرولز کے لیے 500، ذیلی سرخیوں اور نیویگیشن لہجوں کے لیے 600، اور سیکشن ہیڈنگز کے لیے 700۔ مضبوط منفی لیٹر سپیسنگ جیومیٹرک شکلوں کو کسی بھی سائز پر کمپریس کرتا ہے، جس سے انٹرفیس کو ایک گاڑھا، تکنیکی شکل ملتی ہے۔
- Instrument Serif — متبادل: Playfair Display · خاکہ 400 · سرخیوں اور ادارتی مواد کے لیے خصوصی طور پر ڈیزائن کیا گیا ایک سیرف ٹائپ فیس۔ اس کا 400 وزن اور -0.025em حرفی وقفہ ایک خوبصورت، ترچھا شکل بناتا ہے جو انٹر کی صنعتی جیومیٹری سے متصادم ہوتا ہے—ایک دستخطی تکنیک: ایک واحد سیرف لفظ یا فقرہ ایک سینز سیرف صفحہ کے اندر، سرخی کے انداز کے بجائے بصری اوقاف کے طور پر کام کرتا ہے۔
- Fragment Mono — متبادل: JetBrains Mono · خاکہ 400 · ان لائن کوڈ جیسے عناصر، ٹیگ لیبلز، اور تکنیکی کال آؤٹس کے لیے ایکسنٹ مونو۔ تھوڑا استعمال کیا جاتا ہے، یہ فنکشن لسٹ اور ان لائن تشریحات میں ظاہر ہوتا ہے جہاں ڈیزائن ٹول اشارہ کرنا چاہتا ہے "یہ مشین آؤٹ پٹ ہے۔"
وقفے اور شکل
| مقصد | مطلب |
|---|---|
| کثافت | اوسط |
| بنیادی قدم | 8px |
| بٹن کا رداس | 16px |
| کارڈ کا رداس | 24px |
| سائے | نہیں - سائے کی بجائے سرحدیں |
| حصوں کے درمیان | 64px |
| صفحہ کی چوڑائی | 1200px |
AI آپ کی ویب سائٹ کو Subframe کے انداز میں بنائے گا اور اسے بھرے گا۔
- لنک کے ذریعے پروڈکٹس اور پوسٹس بھریں - Instagram, TikTok, Facebook.
- اپنی پرانی سائٹ سے مواد منتقل کریں—بس پتہ کی وضاحت کریں۔
- بہترین انجن پر جدید ڈیزائن: سرور رینڈرنگ اور SEO آپٹیمائزیشن کے ساتھ React ( Next.js) باکس سے باہر۔
- تلاش کے نتائج اور نیورل نیٹ ورک کی سفارشات کے لیے مکمل طور پر خودکار SEO کی اصلاح۔
ملتے جلتے انداز
- monopo saigon — ادارتی خاموشی کے پیچھے ایک مائع، چمکدار چمک - پگھلی ہوئی روشنی پر تیرتی ایک مونوکروم ایڈیٹوریل گیلری
- Hyer Aviation — پارچمنٹ کے اوپر کاک پٹ میں شام۔ پیلا صبح کا آسمان جسم کے سائز کے سیرف لوگو سے ملتا ہے، اور مٹی کا ایک ہی گرم لہجہ مونوکروم کی پابندی کو توڑ دیتا ہے۔
- OFF+BRAND. — گرم پارچمنٹ پر چمکدار کرہ
- Seed — لیبارٹری شیشے کے نیچے ایک زندہ جاندار
- Eindhoven Design District — سفید کاغذ پر ادارتی بربریت ایک میونسپل ڈیزائن کا منشور ہے، جسے بڑی قسم میں، کم سے کم فوٹو گرافی اور مکمل پابندی کے ساتھ عمل میں لایا جاتا ہے۔
- Miranda — ہلکے کریم کے پس منظر پر کلاسیکی وسیع فارمیٹ کی قسم — ڈیجیٹل دور کے لیے ایک اخباری اداریہ
- Monocle — کریم رنگ کے کاغذ پر ایک اعلیٰ معیار کا، وسیع فارمیٹ والا اخبار۔ ایک احتیاط سے تیار کردہ اداریہ، جہاں ہر کالم اپنی جگہ کا مستحق ہے، اور صفحہ پر صرف ایک معنی خیز رنگ ظاہر ہوتا ہے۔
- Agencja brandingowa — کالی سیاہی میں ٹائپوگرافی کے ساتھ سفید ٹونوں میں ایک ادارتی گیلری
- Websmith Studio — کریم پیپر پر صبح کی روشنی
- Aspelin Reitan — آرکیٹیکچرل آرکائیو بذریعہ کینڈل لائٹ - صفحہ تعمیر شدہ جگہوں کے پورٹ فولیو کی طرح لگتا ہے، جو ایک گرم کریم والی دیوار پر لگا ہوا ہے، جس میں صفحہ کی پوری چوڑائی میں ہر تصویر کے اوپر سفید متن کی ایک لائن تیرتی ہے۔
- Public — کولڈ ماربل پر ایک مونوکروم ایڈیٹوریل — تقریباً ایک مونوکروم کینوس، جس میں 300 پوائنٹ سیرف فونٹ اور ایک جامنی لہجہ تمام رنگوں کا کام کرتا ہے۔
- Motto — کاغذ پر ایک ٹائپوگرافک یک سنگی - ایک واحد، پراعتماد آواز جو برف کے سفید کاغذ پر خود کا اعلان کرتی ہے