Vercel
اڇي ڪاغذ تي ڇپيل ٽرمينل
ورسل ڊيزائن سسٽم نظم و ضبط واري مونوڪروم ۾ هڪ مشق آهي: هڪ ويجهو اڇو ڪينواس (#fafafa)، ڪارو قسم، پتلي سرحدون، ۽ آرائشي رنگ جي مڪمل غير موجودگي. بصري ٻولي هڪ ڊولپر جي ٽرمينل کي ظاهر ڪري ٿي جيڪا پرنٽ ۾ پيش ڪئي وئي آهي - Geist Sans "هيروڪ" پيماني تي مشڪل سان پڙهڻ لائق آهي جنهن جو وزن 400-450 ۽ اکر جي فاصلي -0.06em آهي، جڏهن ته Geist Mono 11-13px ڪيپس ۾ ليبل، ميٽا ڊيٽا، ۽ ڪوڊ جا نمونا لاڳو ڪري ٿو. بٽڻ تيز 6px ريڊي يا خالص ڪارو اڇي تي مستطيل آهن يا ڪارو تي اڇو. سسٽم رنگ جي بدران برعڪس ۽ ٽائپوگرافڪ هيرارڪي تي ڀاڙي ٿو، ٽڪنڊي نشاني (▲) ۽ ٻه لائين لفظ نشان کي صرف برانڊنگ عنصرن جي طور تي استعمال ڪندي. سطحون هڪ ٻئي جي مٿان #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 کان 64 پکسلز تائين · 6 مرحلا
- Geist Sans — متبادل: Inter · خاڪا 400, 450, 500 · انٽرفيس ۽ هيڊنگز لاءِ بنيادي فونٽ ورسل جو هڪ ڪسٽم ڊيزائن ڪيل جاميٽري سينز سيريف آهي جنهن ۾ وڏي سائيز ۾ سخت اکرن جي فاصلي سان (-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.
- پنهنجي پراڻي سائيٽ تان مواد منتقل ڪريو - صرف پتو بيان ڪريو.
- بهترين انجن تي جديد ڊيزائن: سرور رينڊرنگ ۽ ايس اي او آپٽمائيزيشن سان React ( Next.js).
- ڳولا جي نتيجن ۽ نيورل نيٽ ورڪ سفارشن لاءِ مڪمل طور تي خودڪار SEO اصلاح.
هڪجهڙا انداز
- Headspace — گرم ڪاغذ تي هڪ سج وارو صحت وارو ڪنڊ
- WHOOP — اڌ رات جو پرفارمنس ليبارٽري - ڪاري ٿيٽرل خالي جاءِ هيٺ اڇيون ڪلينڪل ليبارٽري ٽيبلون، بجلي جو هڪ واحد جامني نبض
- Together AI — برفاني ڪاغذ تي ريسرچ ڪنسول
- v0 by Vercel — ليٿ ڊرائنگ. درستگي ۽ ڪارڪردگي تمام ضروري آهن، هر عنصر صاف، ٽيڪنيڪل طور تي مڪمل مٿاڇري تي هڪ واضح مقصد جي خدمت ڪري ٿو.
- Dovetail — ڪاري چنڊ هيٺان هڪ نقشو - مشڪل سان نظر ايندڙ گراف لائينون، اڇو فونٽ، هڪ جامني چمڪ
- Glideapps — هڪ برقي فيروزي چمڪ سان مونوڪروم ڊرافٽنگ ٽيبل
- Timescale — گرم گراف پيپر تي انجنيئرنگ ڊرائنگ
- UGLYCASH — ڪريم رنگ جي ڪاغذ تي اسٽيڪر سان ڍڪيل نوٽ بڪ هڪ جرئتمند، وڌ کان وڌ پسند فنٽيڪ جي ماحول کي ظاهر ڪري ٿو جيڪو فخر سان پنهنجي افراتفري کي ظاهر ڪري ٿو.
- Sprout Social — ڪاري سليٽ تي سائو ڦوٽو. سخت مونوڪروم ڪينواس تي هڪ روشن تلفظ، جنهن جو رنگ صرف عمل لاءِ استعمال ڪيو ويندو آهي، هڪ اعتماد واري جاميٽري فونٽ سان نشانين جي طور تي ڪم ڪري ٿو.
- Krea — اڌ رات جو گيلري نائر
- Evergreen — لينن پيپر تي شمسي گرين هائوس
- Factory — اڌ رات جو "جنگي ڪمرو" ٽرمينل. "ڪارخانو" هڪ ڪارو ڪنٽرول پينل آهي جتي هڪ اڇو ڪارڊ ٽارچ جي روشني وانگر لهي ٿو - ڪمري ۾ واحد شيءِ ڪم پاڻ آهي.