Ui
دھندلا کاغذ پر طبی منصوبہ
shadcn/ui ایک مونوکروم ڈیزائن سسٹم بنانے کے لیے ایک ورکشاپ ہے: ایک صاف سفید کینوس، نرم گرم سرمئی سطحیں، اور سب سے لطیف سرحدوں پر رکھے ہوئے بڑے رداس کارڈ۔ انٹرفیس تقریباً مکمل طور پر رنگین ہے — سیاہ متن، سفید سطحیں، سرمئی ثانوی ٹونز — جس میں ایک واحد، خلل ڈالنے والا سرخ رنگ غلطی کی حالتوں کے لیے مخصوص ہے اور کچھ نہیں۔ ٹائپوگرافی جیسٹ کی جیومیٹرک غیرجانبداری پر انحصار کرتی ہے جس میں اسکرینوں پر سخت خط اونچائی ہوتی ہے، ایک پرسکون، کوڈ جیسا احساس پیدا کرتا ہے جو صارف کی مصنوعات سے زیادہ ڈویلپر انفراسٹرکچر کی طرح محسوس ہوتا ہے۔
کم سے کم تصاویر - سسٹم تقریبا مکمل طور پر یوزر انٹرفیس پر مشتمل ہوتا ہے۔ کوئی اہم تصاویر، عکاسی، یا آرائشی گرافکس نہیں۔ پروڈکٹ کے ڈیمو کو ایک گرڈ میں جزو موک اپس (کارڈز، ان پٹ فیلڈز، بٹن) کے طور پر پیش کیا جاتا ہے، جو دستاویزات اور بصری مواد دونوں کے طور پر پیش کرتے ہیں۔ شبیہیں پتلی ہندسی لکیریں ہیں (ممکنہ طور پر لوسائیڈ سے مستعار لی گئی ہیں) #0a0a0a یا #737373 میں 1.5–2px موٹی، فنکشنل اشارے کے طور پر تھوڑا استعمال کیا جاتا ہے۔ بصری زبان خود UI کے اجزاء ہیں — صفحہ ایک طرز زندگی کے رہنما کے طور پر کام کرتا ہے، جہاں ہر نظر آنے والا عنصر ایک نظر آنے والا ڈیزائن عنصر ہوتا ہے۔
پیلیٹ
غیر جانبدار
- Canvas
#f5f5f5— صفحہ کا پس منظر، خاموش سطح بھرنا، اضافی بٹن۔ - Paper
#ffffff— کارڈ کی سطحیں، پاپ اپ بیک گراؤنڈز، پرائمری بٹن فلز - Surface Alt
#fafafa— سائڈبار کا بیک گراؤنڈ، غیر متزلزل کارڈ آپشن، ان پٹ فیلڈ کی بیکار حالت۔ - Ink
#0a0a0a— مین ٹیکسٹ، ہیڈنگز، بٹن لیبلز، آئیکن آؤٹ لائنز۔ - Ink Soft
#171717— بھرنے کے ساتھ بٹن کے پس منظر کی تصاویر، روشنی کی سطحوں پر اضافی متن۔ - Mid Gray
#737373— مین ٹیکسٹ، پلیس ہولڈر ٹیکسٹ، معاون لیبلز، اور آئکن فل باقی سب خاموش ہیں۔
نوع ٹائپ
12 سے 48px تک · 8 مراحل
- Geist — متبادل: Inter · خاکہ 400, 500, 600 · تمام انٹرفیس ٹیکسٹ — 14px/400 کے لائن وزن کے ساتھ باڈی ٹیکسٹ، 24–48px/600 کے لائن وزن کے ساتھ عنوانات، اور 13–14px/500 کے لائن وزن کے ساتھ بٹن۔ Geist کی ہندسی خطوطی شکلیں اور یکساں لائن کا وزن ڈویلپر ٹولز کے لیے ایک غیر جانبدار احساس پیدا کرتا ہے۔ ایک 600 لائن ویٹ جس میں 48px لیٹر سپیسنگ اور -0.05em لیٹر سپیسنگ واضح، پراعتماد عنوانات کو یقینی بناتی ہے جو ترمیم کرنے کے بجائے سوچ سمجھ کر نظر آتی ہے۔
وقفے اور شکل
| مقصد | مطلب |
|---|---|
| کثافت | گھنے |
| بنیادی قدم | 8px |
| بٹن کا رداس | 18px |
| کارڈ کا رداس | 24px |
| سائے | نہیں - سائے کی بجائے سرحدیں |
| حصوں کے درمیان | 48-80px |
| صفحہ کی چوڑائی | 1280px |
AI آپ کی ویب سائٹ کو Ui کے انداز میں بنائے گا اور اسے بھرے گا۔
- لنک کے ذریعے پروڈکٹس اور پوسٹس بھریں - Instagram, TikTok, Facebook.
- اپنی پرانی سائٹ سے مواد منتقل کریں—بس پتہ کی وضاحت کریں۔
- بہترین انجن پر جدید ڈیزائن: سرور رینڈرنگ اور SEO آپٹیمائزیشن کے ساتھ React ( Next.js) باکس سے باہر۔
- تلاش کے نتائج اور نیورل نیٹ ورک کی سفارشات کے لیے مکمل طور پر خودکار SEO کی اصلاح۔
ملتے جلتے انداز
- Ventriloc — گرم کاغذ پر اعداد و شمار کی ایک ادارتی رصدگاہ - مونوکروم کی درستگی کو نمایاں کرنے والا سنگل نارنجی امبر
- Geniestudio — ایک نرم دن کی روشنی والی نوٹ بک — وسیع حاشیہ اور ایک موٹے قلم کے اسٹروک کے ساتھ
- xAI — کالی گولی کے ساتھ گرم کریم لیب
- Cal — مونوکروم عملییت، ایک انسانی نقطہ نظر. ایک ایسا نظام جو ایک سخت سیاہ اور سفید پیلیٹ کے ذریعے وضاحت اور فعالیت کو ترجیح دیتا ہے، لیکن اسے دوستانہ نوع ٹائپ اور گول شکلوں کے ساتھ نرم کرتا ہے۔
- Scale — تکنیکی پروجیکٹ کے ساتھ مل کر ایک اعلیٰ معیار کی میوزیم کوالٹی فوٹو لیب
- Contractbook — الٹرا میرین آسمان کے نیچے کریم پیپر کے معاہدے
- AutoSend — سنگل جامنی روشنی کے ساتھ ایک آرام دہ اسٹون اسٹوڈیو — جہاں سیرف ہیڈ لائنز اور روشن انڈگو ایک خاموش، تقریباً سفید جگہ میں ایک ساتھ رہتے ہیں۔
- Air — مجسمہ "شیشے کے ذریعے آدھی رات کا آسمان"
- SpatialChat — سفید پارچمنٹ پر جامنی رنگ کی نبض
- Squarespace — سنیما مونوکروم گیلری
- Giga — آدھی رات کا افق فراسٹڈ اوبسیڈین پر
- Supabase — آدھی رات کو ایک کوڈ ایڈیٹر جس میں فاسفورسنٹ گرین ڈاٹ ہوتا ہے — کوئلے کی دھول کے سمندر پر ایک رنگین نبض