Vercel
سفید کاغذ پر چھپی ہوئی ٹرمینل
ورسل ڈیزائن سسٹم نظم و ضبط والے مونوکروم میں ایک مشق ہے: قریب سفید کینوس (#fafafa)، سیاہ قسم، پتلی سرحدیں، اور آرائشی رنگ کی مکمل غیر موجودگی۔ بصری زبان ایک ڈویلپر کے ٹرمینل کو ظاہر کرتی ہے جسے پرنٹ میں پیش کیا گیا ہے — Geist Sans 400-450 کے وزن اور -0.06em کے خط کے وقفے کے ساتھ "ہیروک" پیمانے پر بمشکل پڑھنے کے قابل ہے، جب کہ Geist Mono لیبلز، میٹا ڈیٹا، اور کوڈ کے نمونے 11-13p کیپ میں لاگو کرتا ہے۔ بٹن تیز 6px radii یا سفید پر خالص سیاہ یا سیاہ پر سفید مستطیل ہیں۔ یہ نظام صرف برانڈنگ عناصر کے طور پر تکونی نشان (▲) اور دو سطری ورڈ مارک کا استعمال کرتے ہوئے رنگ کی بجائے کنٹراسٹ اور ٹائپوگرافک درجہ بندی پر انحصار کرتا ہے۔ سطحوں کو ایک دوسرے کے اوپر #fafafa → #ebebeb → #171717 ترتیب میں اسٹیک کیا جاتا ہے، جس سے سائے یا رنگ کی بجائے ٹونل ویلیو کو تبدیل کرکے گہرائی پیدا ہوتی ہے۔ ہر عنصر کو ایک کمپیکٹ کثافت کے ساتھ 4px گرڈ پر بنایا گیا ہے، جس کے نتیجے میں ایک انٹرفیس انجینئر کی نوٹ بک کی یاد دلاتا ہے — عین مطابق، فعال، اور سفید جگہ سے بے خوف۔
کنٹینر 1280px چوڑا ہے، مرکز میں، فراخ افقی پیڈنگ (24-48px) کے ساتھ۔ مرکزی بلاک میں ایک غیر متناسب تین زون کی ساخت کا استعمال کیا گیا ہے: بائیں طرف ایک بڑی سرخی، ایک برانڈ گلیف سینٹرڈ، اور دائیں طرف ایک "آئی برو" بلاک۔ مرکزی بلاک کے نیچے، مواد کو باری باری پٹیوں میں ترتیب دیا گیا ہے: کلائنٹ کے لوگو کے ساتھ ایک پوری چوڑائی والی پٹی، اس کے بعد بائیں طرف ہیڈ لائن کے ساتھ دو کالم "ایجنٹ کریٹرز" سیکشن اور دائیں طرف پروڈکٹ لے آؤٹ، اس کے بعد خصوصیات کے ساتھ تین کارڈز کا گرڈ۔ حصوں کو 96-128px کے عمودی گٹروں سے بغیر ڈیوائیڈرز یا بیک گراؤنڈ آفسیٹ کے الگ کیا جاتا ہے۔ نیویگیشن دھندلے پس منظر کے ساتھ ایک واحد فکسڈ 64px پینل ہے۔ کارڈ گرڈز مستقل طور پر 16-24px گٹر کے ساتھ دو یا تین کالم والی ترتیب استعمال کرتے ہیں۔ مجموعی کثافت کمپیکٹ ہے — متن پڑھنا آسان ہے، کافی سفید جگہ ہے، لیکن فونٹ کا سائز اور اجزاء کے سائز صفحہ کو ہوا دار محسوس کرنے سے روکتے ہیں۔
تصاویر ویرل اور ہمیشہ فعال ہیں۔ مرکزی بصری عنصر سیاہ مثلث ہے (▲) - ایک ہندسی برانڈ نشان جو "سرمایہ" پیمانے پر منڈلاتے ہوئے سلیویٹ کے طور پر ظاہر ہوتا ہے۔ تصور کے ثبوت کی پٹی پر کلائنٹ لوگو ہر برانڈ کے اصل ورڈ مارکس کو گرے اسکیل میں استعمال کرتے ہیں۔ پروڈکٹ موک اپس (نوشن کا چیٹ انٹرفیس، CLI ٹرمینل آؤٹ پٹ، پاسپورٹ کارڈ) فریم شدہ کارڈز کے اندر لائٹ موڈ اسکرین شاٹس کے طور پر سرایت کر رہے ہیں۔ کوئی تصویریں، عکاسی، یا 3D عناصر نہیں ہیں - یہ نظام خالص نوع ٹائپ اور سفید کاغذ پر ہندسی شکلوں پر مشتمل ہے۔
پیلیٹ
غیر جانبدار
- Obsidian
#171717— مین ہیڈنگز، نیویگیشن بارڈرز، ڈارک بٹن فل، اور لسٹ مارکر سبھی تقریباً سیاہ ہیں، سختی اور سخت سنترپتی سے گریز کرتے ہیں۔ - Paper White
#fafafa— صفحہ کینوس، کارڈ کی سطحیں، بٹنوں کی روشنی بھرتی ہے—یہ وہ معیاری پس منظر ہے جس پر باقی سب کچھ موجود ہے۔ - Pure White
#ffffff— ابھری ہوئی کارڈ کی سطحیں، انسرٹس، ان پٹ فیلڈز۔ - Hairline
#ebebeb— بٹنوں، لنکس اور کارڈز پر 1px بارڈرز زیادہ زوم لیول پر نظر آتے ہیں، لیکن کم زوم لیول پر نظر نہیں آتے۔ - Ash
#c9c9c9— کلائنٹ لوگو میں غیر فعال متن، خاموش لیبلز، برانڈ نام کے واٹر مارکس۔ - Smoke
#a8a8a8— ثانوی متن، پلیس ہولڈر ٹیکسٹ، لطیف آئیکن فل۔
نوع ٹائپ
11 سے 64px تک · 6 مراحل
- Geist Sans — متبادل: Inter · خاکہ 400, 450, 500 · انٹرفیس اور ہیڈنگز کے لیے بنیادی فونٹ Vercel کی طرف سے اپنی مرضی کے مطابق ڈیزائن کردہ جیومیٹرک sans-serif ہے جس میں بڑے سائز (-0.06em 56-64px پر، -0.05em 30px پر) سخت خط وقفہ ہے۔ صفحہ کے اوپری حصے میں سرخیوں کے لیے، ایک 450 وزن کا انتخاب کیا گیا تھا: ہلکے سے موٹا لیکن نیم بولڈ سے ہلکا، ایک پراعتماد، پھر بھی دبنگ نہیں، لہجہ پیدا کرتا ہے۔
- Geist Mono — متبادل: JetBrains Mono · خاکہ 400, 500, 600 · کیپشنز، کوڈ بلاکس، CLI آؤٹ پٹ پینلز، میٹا ڈیٹا، اور بڑے متن کے لیے ایک مونو اسپیسڈ سیکنڈری فونٹ۔ 8px/600px/بڑے حروف کا مجموعہ چھوٹے ورڈ مارکس کی درست جگہ کی اجازت دیتا ہے۔ مونو اسپیسڈ ورژن میں خط کی وسیع جگہ (0.071em) بڑے متن کے لیے کافی جگہ فراہم کرتی ہے۔
وقفے اور شکل
| مقصد | مطلب |
|---|---|
| کثافت | گھنے |
| بنیادی قدم | 12px |
| بٹن کا رداس | 6px |
| کارڈ کا رداس | 6px |
| سائے | نہیں - سائے کی بجائے سرحدیں |
| حصوں کے درمیان | 96-128px |
| صفحہ کی چوڑائی | 1280px |
AI آپ کی ویب سائٹ کو Vercel کے انداز میں بنائے گا اور اسے بھرے گا۔
- لنک کے ذریعے پروڈکٹس اور پوسٹس بھریں - Instagram, TikTok, Facebook.
- اپنی پرانی سائٹ سے مواد منتقل کریں—بس پتہ کی وضاحت کریں۔
- بہترین انجن پر جدید ڈیزائن: سرور رینڈرنگ اور SEO آپٹیمائزیشن کے ساتھ React ( Next.js) باکس سے باہر۔
- تلاش کے نتائج اور نیورل نیٹ ورک کی سفارشات کے لیے مکمل طور پر خودکار SEO کی اصلاح۔
ملتے جلتے انداز
- Headspace — گرم کاغذ پر دھوپ والا فلاحی گوشہ
- WHOOP — آدھی رات کو پرفارمنس لیب - ایک سیاہ تھیٹر کے باطل کے نیچے سفید کلینیکل لیب کی میزیں، بجلی کی ایک جامنی نبض
- Together AI — برفانی کاغذ پر ریسرچ کنسول
- v0 by Vercel — لیتھ ڈرائنگ۔ درستگی اور فعالیت سب سے اہم ہیں، ہر ایک عنصر صاف، تکنیکی طور پر کامل سطح پر ایک واضح مقصد کی خدمت کرتا ہے۔
- Dovetail — بلیک مون کے نیچے ایک بلیو پرنٹ — بمشکل نظر آنے والی گراف لائنیں، سفید فونٹ، ایک جامنی چمک
- Glideapps — ایک برقی فیروزی چمک کے ساتھ مونوکروم ڈرافٹنگ ٹیبل
- Timescale — گرم گراف پیپر پر انجینئرنگ ڈرائنگ
- UGLYCASH — کریم رنگ کے کاغذ پر اسٹیکر سے ڈھکی ہوئی نوٹ بک ایک جرات مندانہ، زیادہ سے زیادہ فنٹیک کے ماحول کو ظاہر کرتی ہے جو فخر کے ساتھ اپنے افراتفری کو ظاہر کرتی ہے۔
- Sprout Social — سیاہ سلیٹ پر ایک سبز انکر۔ ایک سخت مونوکروم کینوس پر ایک روشن لہجہ، جس کا رنگ صرف ایکشن کے لیے استعمال ہوتا ہے، جس میں پراعتماد جیومیٹرک فونٹ سائن پوسٹ کے طور پر کام کرتا ہے۔
- Krea — آدھی رات کو گیلری نوئر
- Evergreen — لینن کاغذ پر شمسی گرین ہاؤس
- Factory — آدھی رات کو "وار روم" ٹرمینل۔ "فیکٹری" ایک مکمل سیاہ کنٹرول پینل ہے جہاں ایک سفید کارڈ ٹارچ کی روشنی سے روشن ڈسپیچ کی طرح اترتا ہے — کمرے میں واحد چیز کام ہی ہے۔