Modal
هڪ اونداهي سرور روم ۾ هڪ فاسفورسنٽ ٽرمينل - روشني جو واحد ذريعو هڪ روشن سائو رنگ آهي.
ماڊل هڪ اونداهي سرور روم ۾ فاسفورسنٽ ٽرمينل وانگر ڪم ڪري ٿو: هڪ لڳ ڀڳ ڪارو ڪينواس، پيلو سائو قسم، ۽ هڪ واحد روشن لائم-سائي تلفظ جيڪو LED اسٽيٽس انڊيڪيٽر طور ڪم ڪري ٿو. ڊيزائن ٻولي ڊولپر تي مرکوز آهي - ٽرئفڪ لائيٽ ڊاٽ سان مونو اسپيسڊ ڪوڊ ونڊوز، دستخط سائي ۾ آئسوميٽرڪ 3D آئڪن، ۽ ڪافي اڇي جاءِ، هر حصي ۾ هڪ عنصر کي چمڪائڻ جي اجازت ڏئي ٿي. ٽائپوگرافي کي هيڊنگ لاءِ ڪسٽم فونٽ (گوگا) ۽ سڀني UI عنصرن لاءِ هڪ متغير فونٽ (انٽر) جي وچ ۾ ورهايو ويو آهي، ٻئي تنگ منفي ٽريڪنگ سان سيٽ ڪيا ويا آهن. رنگ هڪجهڙائي سان ورهايل آهن: گهڻيون اسڪرينون اکروميٽڪس آهن، ۽ روشن لائم-سائي رنگ صرف اهم عملن، لوگو، 3D تصويرن، ۽ زور جي لمحن تي ظاهر ٿئي ٿو. اجزاء فليٽ ۽ فريم بيس آهن، کوٽائي سان سادو سائي سرحدن ۽ پس منظر جي ڌوڙ ذريعي پيدا ٿيل پاڇن جي بدران.
ماڊل مواد کي ترتيب ڏيڻ لاءِ 1280px جي وڌ ۾ وڌ ويڪر سان مڪمل ويڪر ڊارڪ لي آئوٽ استعمال ڪري ٿو. هيرو ونڊو مرڪز ۾ آهي: عنوان (چمڪندڙ سائي رنگ ۾ پهريون جملو)، هڪ ذيلي هيڊنگ، ٻه ڪال ٽو ايڪشن، ۽ هڪ واحد 3D اعتراض هڪ بصري اينڪر جي طور تي - بغير لي آئوٽ کي سائڊبار کان الڳ ڪرڻ جي. مواد جا حصا هڪجهڙائي تال جي پيروي ڪن ٿا: ابرو ٽيگ (وڏا اکر، ماس 70) → گوگا عنوان → خاموش جسم جو متن، پوءِ يا ته هڪ ٻه ڪالمن جو لي آئوٽ هڪ خاصيت جي وضاحت سان (ٽيڪسٽ + ڪوڊ/بصري ڪارڊ) يا ڪارڊن جو ٽي ڪالمن جو گرڊ. حصن جي وچ ۾ گٽر سخي آهن - 80px. صفحو گہرے خالي (#000000) ۽ ٿورو هلڪو پس منظر (#181818) پٽين جي وچ ۾ متبادل ٿئي ٿو، هڪ هلڪو سيڪشن (#def0dd) صفحي جي وچ ۾ هڪ بصري سانس جي طور تي ظاهر ٿئي ٿو. نيويگيشن ۾ هڪ واحد، مقرر ٿيل مٿين بار شامل آهي جنهن ۾ هڪ ڌندلي پس منظر آهي - ڪابه سائڊبار يا ميگا مينيو ناهي. فوٽر ٺوس ۽ ڳاڙهو آهي، خاموش سائي لنڪ ڪالمن سان. ٽيڪسٽ جي کثافت آرامده آهي: هر حصي کي ڪافي جاءِ ڏني وئي آهي، ۽ ڪارڊ گرڊ ٽن ڪالمن کان وڌيڪ استعمال نٿا ڪن.
ماڊل جي بصري ٻولي ٻن موڊن ۾ ورهايل آهي: 3D چمڪندڙ پراڊڪٽ رينڊرز ۽ ڊارڪ ڪوڊ ونڊو ميڪ اپ. مرڪزي نقطو هڪ واحد 3D ڪيوب آهي جيڪو مارڪيٽنگ گريڊينٽ (چمڪ جي سائي کان زمرد تائين) استعمال ڪندي پيش ڪيو ويو آهي، هڪ ريڊيل گريڊينٽ هالو اندر سيٽ ڪيو ويو آهي جيڪو خالي جڳهه کي سائي روشني ۾ غسل ڏئي ٿو - برانڊ جي دستخطي بصري انداز. ورڪ لوڊ ڪارڊن ۾ آئسوميٽرڪ 3D آئڪن (هڪ وائر فريم ڪيوب، هڪ مضبوط ڏاڪڻ، پرتون) شامل آهن جيڪي هڪ ئي لائم سائي ۾ هڪ اونداهي پس منظر جي خلاف پيش ڪيا ويا آهن. ڪوڊ ۽ بينچ مارڪ نتيجا ٽرمينل ونڊو ڪارڊ جي طور تي پيش ڪيا ويا آهن ٽرئفڪ لائيٽ ڊٽس سان، فاسفورسنٽ پيليٽ ۾ مونو اسپيسڊ سنٽيڪس کي نمايان ڪرڻ، ۽ هڪ خاموش سائي بارڊر - اهي هڪ حقيقي ڪمانڊ لائن انٽرفيس جي اسڪرين شاٽ وانگر آهن. ڪلائنٽ لوگو هڪ واحد، گهٽ-برعڪس قطار ۾ غير سير ٿيل سائي-گرين ليبل جي طور تي ڏيکاريا ويا آهن، بصري مقابلي کان سواءِ اعتماد جو اشارو ڏئي ٿو. مجموعي کثافت گهٽ آهي - گھڻن صفحن ۾ بنيادي طور تي متن شامل آهي، ۽ تصويرون تصويرن جي گرڊ جي بدران انفرادي فوڪل پوائنٽس طور پيش ڪيون ويون آهن. ڪابه تصويرون نه آهن؛ سڄو بصري نظام پيش ڪيو ويو آهي، جاميٽري، ۽ تابڪاري.
پيليٽ
برانڊ
- Lime Pulse
#7fee64— ڪارپوريٽ سڃاڻپ جا مکيه عنصر لوگو، مکيه ڪال ٽو ايڪشن (CTA)، ٽيگ ڀرڻ، فعال حالتون، ۽ تصوير جو بنيادي رنگ آهن.
غير جانبدار
- Phosphor White
#ddffdc— مکيه متن، عنوان جو رنگ، آئڪن جو خاڪو، ۽ ڀريل بٽڻ جو متن مکيه پڙهڻ لائق مٿاڇري آهن. - Void Black
#000000— صفحي جو ڪينواس، سڀ کان گهرو پس منظر وارو پرت - Ground Iron
#181818— مکيه بٽڻ ڀرڻ، اونداهي علائقن ۾ ڪارڊ جون مٿاڇريون، يوزر انٽرفيس جي بنيادي مٿاڇري. - Carbon Veil
#212525— مٿي رکيل مٿاڇريون، نيويگيشن پس منظر، زمين کان ٿورو هلڪو. - Circuit Border
#485346— آئوٽ لائن/گھوسٽ ايڪشن فريم، مکيه انٽرايڪٽو پتلي لڪير، هڪ خاموش سائي-گرين رنگ آهي. - Phosphor Blue-Black
#1f2a33— ثانوي پتلي نشان لائينون، ڪارا پٽين جي وچ ۾ اسٽروڪ کي ورهائينديون آهن.
ٽائپوگرافي
12 کان 64 پکسلز تائين · 8 مرحلا
- Goga — متبادل: Inter Tight or Space Grotesk · خاڪا 400, 500 · هيڊنگ ۽ سب هيڊنگ فونٽ - سڀني H1–H4 هيڊنگ ۽ ڪارڊن لاءِ استعمال ٿيندو آهي. گوگا هڪ ڪسٽم جيوميٽري سينز-سيريف فونٽ آهي جنهن ۾ تنگ ايپرچر ۽ ٿورو چورس ٽرمينل آهن. وچولي وزن (500) ڪارڊ-سطح جي هيڊنگ کي اجاگر ڪرڻ لاءِ مخصوص آهي؛ عام وزن (400) هيرو ۽ سيڪشن هيڊنگ لاءِ استعمال ٿيندو آهي. متبادل گليف شڪلن تائين رسائي حاصل ڪرڻ لاءِ جيڪي ماڊل جي سڃاڻپ کي بيان ڪن ٿا، ان جو 'ss01' اسٽائلسٽڪ سيٽ فعال هجڻ گهرجي. منفي اکرن جي فاصلي کي بتدريج -0.007em کان 48px تي -0.017em تائين گهٽجي ويندو آهي 21px تي.
- Inter Variable — متبادل: Inter · خاڪا 400, 500 · يوزر انٽرفيس ۽ باڊي ڪاپي - نيويگيشن، بٽڻ، باڊي ڪاپي، ليبل، فوٽر. وچولي وزن (500) ڊفالٽ طور تي انٽرايڪٽو عنصرن ۽ نيويگيشن لاءِ استعمال ڪيو ويندو آهي؛ نارمل (400) پيراگراف لاءِ استعمال ڪيو ويندو آهي. ننڍي سائيز ۾ به اکر جي فاصلي کي گهٽايو ويندو آهي (-0.026em 14px تي، -0.022em 16px تي)، انٽرفيس کي هڪ ڳنڍجيل، ٽرمينل کثافت ڏئي ٿو. متبادل رموز لاءِ، 'cv11' ڪردار جي قسم کي شامل ڪيو وڃي. 12px تي آل-ڪيپس ليبل باڊي ڪاپي کثافت کي متوازن ڪرڻ لاءِ +0.05em اکر جي فاصلي کي استعمال ڪن ٿا.
وقفا ۽ شڪل
| مقصد | مطلب |
|---|---|
| کثافت | سراسري |
| بنيادي قدم | 20px |
| بٽڻ جو ريڊيس | 12px |
| ڪارڊ جو ريڊيس | 8px |
| پاڇا | پاڇن جي بدران ڪو به بارڊر نه |
| حصن جي وچ ۾ | 80px |
| صفحي جي ويڪر | 1280px |
AI توهان جي ويب سائيٽ Modal انداز ۾ ٺاهيندو ۽ ان کي ڀريندو.
- لنڪ ذريعي پراڊڪٽس ۽ پوسٽن سان ڀريو - Instagram ، TikTok ، Facebook.
- پنهنجي پراڻي سائيٽ تان مواد منتقل ڪريو - صرف پتو بيان ڪريو.
- بهترين انجن تي جديد ڊيزائن: سرور رينڊرنگ ۽ ايس اي او آپٽمائيزيشن سان React ( Next.js).
- ڳولا جي نتيجن ۽ نيورل نيٽ ورڪ سفارشن لاءِ مڪمل طور تي خودڪار SEO اصلاح.
هڪجهڙا انداز
- Slash — سون جي ٿيل ليجرن سان اڌ رات جو خزانو
- AgentQL — رات جو ٽرمينل مٿان اترين روشنيون
- GitHub — هڪ خلائي ڪمانڊ پينل جنهن ۾ بايولومينسينٽ ڪنٽرول پوائنٽس آهن - هڪ اونداهو، فضائي ڪم جي جڳهه جتي هڪ سائي چمڪ اڳتي وڌڻ جو رستو ڏيکاري ٿي.
- Doppler — اڌ رات جو والٽ جي جامني روشني. تقريبن ڪارو ڪينواس هڪ واحد ليوينڊر سگنل ۽ سائي تصديق واري روشني سان چمڪي ٿو، هر مٿاڇري ايتري قدر مڙيل آهي جو پڪڙي سگهجي ٿو.
- Basedash — ميٽ فونٽ سان گڏ اڌ رات جو ڊيٽا ٽرمينل. هڪ اونداهو رصدگاهه جتي ميٽرڪس جامني ۽ سائي رنگ ۾ چمڪندا آهن، سيريف هيڊ لائنون شور جي مٿان ترنديون آهن، ۽ اڇا گولي جي شڪل وارا بٽڻ نرم ڪاري مٿاڇري واري ڪمري ۾ واحد روشن شيون آهن.
- Superwhisper — اتر جون روشنيون اڌ رات جي شيشي مٿان ختم ٿي وڃن ٿيون
- Better Stack — اڌ رات جو SRE ڪنسول
- Langbase — مڊ نائيٽ ناردرن لائيٽس ڪنسول
- Astro — نيبولا مان هڪ جامني چمڪ سان ڊيپ اسپيس مشن ڪنٽرول
- Wayfinder — هڪ ڪاري فلم جي اسڪرين جنهن ۾ هڪ مشڪل سان ٻڌڻ ۾ ايندڙ عنوان هڪ لائيو تصوير جي مٿان لڙڪندو آهي. انٽرفيس ڪنٽرول پينل جي بدران هڪ روشنيءَ جو سلائڊر آهي.
- HashiCorp — اڌ رات جو ڪنٽرول روم جامني رنگ جي نيون سان هڪ اونداهي ٽيڪنيڪل مٿاڇري آهي جتي هڪ چمڪندڙ هيڪساگونل ڪعب واحد رنگ جي حوالي طور ڪم ڪري ٿو.
- Umbrel — رات جي سرور روم ۾ هڪ آرامده باهه جو پٽو - هڪ اونداهو ڪمرو جتي هڪ ئي آڑو جي چمڪ نمايان ڪري ٿي ته واقعي ڇا اهم آهي.