Ui
ميٽ پيپر تي ڪلينڪل پلان
shadcn/ui هڪ مونوڪروم ڊيزائن سسٽم ٺاهڻ لاءِ هڪ ورڪشاپ آهي: هڪ صاف اڇو ڪينواس، نرم گرم گرين مٿاڇريون، ۽ وڏي ريڊيس ڪارڊ جيڪي تمام نفيس سرحدن تي رکيل آهن. انٽرفيس تقريبن مڪمل طور تي هڪروميٽڪ آهي - ڪارو متن، اڇو سطحون، گرين ثانوي ٽون - هڪ واحد، خلل انداز ڳاڙهي رنگ سان جيڪو غلطي جي حالتن لاءِ محفوظ آهي ۽ ٻيو ڪجهه به ناهي. ٽائپوگرافي اسڪرين تي سخت خط جي اوچائي سان Geist جي جاميٽري غير جانبداري تي ڀروسو ڪري ٿي، هڪ پرسکون، ڪوڊ جهڙو احساس پيدا ڪري ٿي جيڪو صارف جي پيداوار کان وڌيڪ ڊولپر انفراسٽرڪچر وانگر محسوس ٿئي ٿو.
گھٽ ۾ گھٽ تصويرون - سسٽم تقريبن مڪمل طور تي يوزر انٽرفيس تي مشتمل آهي. ڪابه اهم تصويرون، تصويرون، يا آرائشي گرافڪس نه آهن. پراڊڪٽ ڊيمو هڪ گرڊ ۾ جزوي ماڪ اپ (ڪارڊ، ان پٽ فيلڊ، بٽڻ) جي طور تي پيش ڪيا ويا آهن، دستاويز ۽ بصري مواد ٻنهي جي طور تي ڪم ڪن ٿا. آئڪن پتلي جاميٽري لائينون آهن (ممڪن طور تي لوسائيڊ کان قرض ورتو ويو آهي) 1.5-2px ٿلهي #0a0a0a يا #737373 ۾، ڪم ڪندڙ اشارن جي طور تي ٿوري استعمال ٿينديون آهن. بصري ٻولي پاڻ 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 آهن جن جي لائين ويٽ آهي. گيسٽ جا جاميٽري ليٽر فارم ۽ يونيفارم لائين ويٽ ڊولپر ٽولز لاءِ هڪ غير جانبدار احساس پيدا ڪن ٿا؛ 48px ليٽر اسپيسنگ ۽ -0.05em ليٽر اسپيسنگ سان 600 لائين ويٽ واضح، پراعتماد هيڊنگ کي يقيني بڻائي ٿو جيڪي ايڊٽ ڪرڻ بدران سوچي سمجهي نظر اچن ٿا.
وقفا ۽ شڪل
| مقصد | مطلب |
|---|---|
| کثافت | ڳرو |
| بنيادي قدم | 8px |
| بٽڻ جو ريڊيس | 18px |
| ڪارڊ جو ريڊيس | 24px |
| پاڇا | پاڇن جي بدران ڪو به بارڊر نه |
| حصن جي وچ ۾ | 48-80px |
| صفحي جي ويڪر | 1280px |
AI توهان جي ويب سائيٽ Ui انداز ۾ ٺاهيندو ۽ ان کي ڀريندو.
- لنڪ ذريعي پراڊڪٽس ۽ پوسٽن سان ڀريو - Instagram ، TikTok ، Facebook.
- پنهنجي پراڻي سائيٽ تان مواد منتقل ڪريو - صرف پتو بيان ڪريو.
- بهترين انجن تي جديد ڊيزائن: سرور رينڊرنگ ۽ ايس اي او آپٽمائيزيشن سان React ( Next.js).
- ڳولا جي نتيجن ۽ نيورل نيٽ ورڪ سفارشن لاءِ مڪمل طور تي خودڪار SEO اصلاح.
هڪجهڙا انداز
- Ventriloc — گرم ڪاغذ تي ڊيٽا جي هڪ ايڊيٽوريل آبزرويٽري - هڪ نارنگي انگارو جيڪو مونوڪروم جي درستگي کي اجاگر ڪري ٿو
- Geniestudio — هڪ نرم ڏينهن جي روشني وارو نوٽ بڪ - اهو قسم جنهن ۾ ويڪرا حاشيا ۽ هڪ ٿلهو قلم جو اسٽروڪ هجي.
- xAI — ڪاري گولي سان گرم ڪريم ليب
- Cal — مونوڪروم عمليت، هڪ انساني طريقو. هڪ اهڙو نظام جيڪو سخت ڪاري ۽ اڇي پيليٽ ذريعي وضاحت ۽ ڪارڪردگي کي ترجيح ڏئي ٿو، پر ان کي دوستانه ٽائيپوگرافي ۽ گول شڪلن سان نرم ڪري ٿو.
- Scale — هڪ اعليٰ معيار جي عجائب گھر جي معيار جي فوٽو ليب هڪ ٽيڪنيڪل منصوبي سان گڏ
- Contractbook — الٽرا مئرين آسمان هيٺ ڪريم پيپر جا معاهدا
- AutoSend — هڪ آرامده پٿر جو اسٽوڊيو جنهن ۾ هڪ ئي جامني رنگ جي روشني آهي - جتي سيريف هيڊ لائنز ۽ روشن انڊگو ڪال ٽو ايڪشن هڪ خاموش، تقريبن سفيد جاءِ ۾ گڏ رهن ٿا.
- Air — مجسمو "شيشي ذريعي اڌ رات جو آسمان"
- SpatialChat — اڇي پارچمينٽ تي جامني نبض
- Squarespace — سئنيما مونوڪروم گيلري
- Giga — برفاني اوبسيڊين مٿان اڌ رات جو افق
- Supabase — اڌ رات جو هڪ ڪوڊ ايڊيٽر هڪ فاسفورسنٽ سائي نقطي سان - ڪوئلي جي مٽي جي سمنڊ تي هڪ واحد رنگين نبض