Mercury
شام جو الپائن ڪنارا
مرڪري هڪ الپائن بينڪنگ جمالياتي اندر ڪم ڪري ٿو: هڪ ويجهو ڪارو ڪينواس (#171721) هڪ سينيمائي، آبزرويٽري جهڙو ماحول ٺاهي ٿو، جتي مواد جون سطحون ٿوري هلڪي گريفائيٽ ڪارڊن وانگر ترنديون آهن. انٽرفيس بنيادي طور تي مونوڪروم آهي - اونڪس تي هٿي دانت جو متن، هڪ واحد متحرڪ ڪوبالٽ (#5266eb) عنصر سان جيڪو خاص طور تي بنيادي "اوپن اڪائونٽ" آپريشن لاءِ استعمال ڪيو ويندو آهي. ٽائپوگرافي بنيادي اظهار کي کڻندي آهي: 480 جو هڪ ڪسٽم ڊسپلي فونٽ (نه ته بولڊ ۽ نه ئي هلڪو) 400 جي هڪ ذيلي باڊي فونٽ سان جوڙيو ويو هڪ اعتماد وارو پر ڪڏهن به شاندار انداز پيدا ڪري ٿو. اجزاء فليٽ ۽ فريم لیس آهن، 12px گريفائيٽ ڪارڊ ريڊيس ۽ ڪيپسول جي شڪل واري ڪنٽرول تي ڀروسو ڪن ٿا ته جيئن پاڇن جي بدران ساخت کي بيان ڪري سگهجي. مکيه فوٽو عنصر، جيڪو صفحي جي پوري مٿاڇري کي وٺي ٿو - هڪ اڪيلو ٽيبل جي خلاف گندو جبل - صارف انٽرفيس کي شروع ڪرڻ کان اڳ سر مقرر ڪري ٿو، ۽ هر ايندڙ عنصر ان خاموش، پريميئم اونداهي کي برقرار رکي ٿو.
سڀ مواد هڪ اونداهي، مڪمل ويڪر واري انداز ۾ ٺهيل آهي. مکيه اسڪرين هڪ 100px، مڪمل ويڪر واري تصوير آهي جنهن ۾ هڪ مرڪزي هيڊ لائن، سب ٽيڪسٽ، ۽ اي ميل رابطي جي معلومات گڏ ڪرڻ لاءِ هڪ فارم بلاڪ آهي (وڌ ۾ وڌ ويڪر ~ 640px). مکيه اسڪرين جي هيٺان، مواد 1200px جي وڌ ۾ وڌ ويڪر جي حصن ۾ منظم ڪيو ويو آهي 72px عمودي مارجن سان، کاٻي پاسي متن جي ٻن ڪالمن جي ترتيب ۽ ساڄي پاسي هڪ تصوير، ۽ ٽن ڪالمن جي پراڊڪٽ وضاحت ڪارڊ جي وچ ۾ متبادل. نيويگيشن مکيه اسڪرين تي هڪ شفاف ٽاپ بار اوورليڊ آهي، جيڪو، جيئن توهان اسڪرول ڪندا آهيو، هڪ مضبوط ڊارڪ فل ڏانهن منتقل ٿئي ٿو جيڪو فراسٽڊ شيشي جي ياد ڏياريندو آهي (پس منظر جو ڌوڙ). فوٽر نوٽ ٽيڪسٽ سان ڳاڙهو آهي. عمودي تال سخاوت وارو آهي - حصن جي وچ ۾ ڪافي جڳهه سان وسيع کثافت. ڪو به سائڊ نيويگيشن ناهي؛ سڀ نيويگيشن مٿين بار ۾ واقع آهي.
مکيه حصي تي مڪمل ويڪر واري سينيما تصويرن جو غلبو آهي - ماحول، متاثر ڪندڙ نظارا (مٽيل جبل، فطرت ۾ الڳ ڪم جي جڳهه) - جيڪي بينڪنگ کي هڪ غور طلب، شاندار تجربي جي حيثيت ڏين ٿا. تصويرون اعليٰ معيار جون، ٿوريون غير سير ٿيل آهن، ٿڌي ٽون سان ۽ متن جي پڙهڻ جي قابليت کي محفوظ رکڻ لاءِ هڪ نفيس اونداهي اوورلي سان. مکيه حصي جي هيٺان، تصويرون پراڊڪٽ جي يوزر انٽرفيس ۽ خلاصي، فضائي پس منظر جي اسڪرين شاٽس سان متبادل آهن. ڪابه تصوير نه آهي، آرٽ جي ڪمن سان ملندڙ ڪو به آئڪن ناهي - بصري عنصر يا ته فوٽوگرافڪ آهن يا خالص طور تي ڪم ڪندڙ آهن. سڄي يوزر انٽرفيس ۾ آئڪن جو انداز هڪ گهٽ ۾ گهٽ، آئيوري رنگ جي لائن/گليف انداز آهي جيڪو نيويگيشن، بٽڻن ۽ فارم عنصرن ۾ استعمال ٿيندو آهي.
پيليٽ
برانڊ
- Cobalt
#5266eb— جامني رنگ ڀريل بٽڻن، چونڊيل نيويگيشن اسٽيٽس، ۽ فوڪس تي هلندڙ تبديلي جي لمحن لاءِ استعمال ٿيندو آهي.
غير جانبدار
- Onyx Canvas
#171721— مکيه صفحي جو پس منظر، هوم اسڪرين لاءِ بنيادي اوورلي، فوٽر ۽ حصن لاءِ ڪينواس. - Graphite Card
#1e1e2a— ڪارڊ بورڊ ۽ حصن جون مٿي ڪيل مٿاڇريون ڪينواس کان هڪ قدم هلڪيون آهن، هڪ هموار علحدگي پيدا ڪن ٿيون. - Obsidian Button
#272735— اضافي بٽڻ ڀرڻ، ايمبيڊڊ فارم پس منظر، غير مداخلت ڪندڙ انٽرايڪٽو سطحون. - Slate Border
#70707d— مواد جي بلاڪن جي وچ ۾ وچولي ٿلهي ورهائيندڙ ۽ ساختي حدون. - Mist Border
#e2e3ed— پتليون، مشڪل سان نظر ايندڙ سرحدون، مشڪل سان نظر ايندڙ بٽڻ جا خاڪا، ان پٽ فيلڊ جا ڪنارا - هڪ اونداهي پس منظر تي هڪ هلڪو بارڊر. - Ash Text
#c3c3cc— مکيه متن، معاون متن، اضافي ليبل - پڙهڻ جي قابليت جي نقصان کان سواءِ آسان ترتيب.
ٽائپوگرافي
12 کان 65px تائين · 9 مرحلا
- arcadia — متبادل: Inter · خاڪا 360, 400, 420, 480 · مکيه ۽ استعمال ڪندڙ انٽرفيس - نيويگيشن، باڊي ٽيڪسٽ، بٽڻ، ان پٽ فيلڊ، ليبل، ۽ معاون ٽيڪسٽ لاءِ هڪ فونٽ، جنهن ۾ باڊي ٽيڪسٽ لاءِ 400 ۽ زور لاءِ 480 وزن آهي. معياري (300/400/600) جي بدران وچولي وزن وارو اسڪيل (360، 420، 480) مرڪري ٽيڪسٽ کي هڪ واضح طور تي متوازن نظر ڏئي ٿو - ڪڏهن به بولڊ نه، ڪڏهن به پتلي نه، هميشه ماپيل.
- arcadiaDisplay — متبادل: Söhne Breit · خاڪا 360, 480, 530 · هيڊنگ ۽ آرائشي عنصرن لاءِ فونٽ 28px کان 65px تائين سڀني هيڊنگ سائيزن لاءِ 480 وزن ۾ استعمال ڪيو ويندو آهي، جڏهن ته 530 وڏين آرائشي عنصرن لاءِ مخصوص آهي. گهٽ لائين اوچائي (1.1–1.2) ۽ مثبت اکر جي فاصلي (0.01–0.02em) ايڊيٽوريل ٽيڪسٽ ۾ ملندڙ دٻيل ڍانچي جي بدران، آرائشي متن کي وسيع، آرڪيٽيڪچرل نظر ڏين ٿا.
وقفا ۽ شڪل
| مقصد | مطلب |
|---|---|
| کثافت | سراسري |
| بنيادي قدم | 12px |
| بٽڻ جو ريڊيس | 32px |
| ڪارڊ جو ريڊيس | 12px |
| پاڇا | پاڇن جي بدران ڪو به بارڊر نه |
| حصن جي وچ ۾ | 72px |
| صفحي جي ويڪر | 1200px |
AI توهان جي ويب سائيٽ Mercury انداز ۾ ٺاهيندو ۽ ان کي ڀريندو.
- لنڪ ذريعي پراڊڪٽس ۽ پوسٽن سان ڀريو - Instagram ، TikTok ، Facebook.
- پنهنجي پراڻي سائيٽ تان مواد منتقل ڪريو - صرف پتو بيان ڪريو.
- بهترين انجن تي جديد ڊيزائن: سرور رينڊرنگ ۽ ايس اي او آپٽمائيزيشن سان React ( Next.js).
- ڳولا جي نتيجن ۽ نيورل نيٽ ورڪ سفارشن لاءِ مڪمل طور تي خودڪار SEO اصلاح.
هڪجهڙا انداز
- Origin Financial — اڌ رات جي خاموش خوشحالي جي گيلري. هڪ خاموش، تقريبن اونداهو ڪمرو جتي وڏا سيريف فونٽ ۽ ڪجهه روشن رنگين پينل اهو احساس پيدا ڪن ٿا ته فنانس هڪ احتياط سان ترتيب ڏنل فن آهي.
- Air — مجسمو "شيشي ذريعي اڌ رات جو آسمان"
- Slash — سون جي ٿيل ليجرن سان اڌ رات جو خزانو
- dope.security — جامني رنگ جي بتين سان گڏ اڌ رات جو ٽرمينل
- Modal — هڪ اونداهي سرور روم ۾ هڪ فاسفورسنٽ ٽرمينل - روشني جو واحد ذريعو هڪ روشن سائو رنگ آهي.
- Giga — برفاني اوبسيڊين مٿان اڌ رات جو افق
- Dovetail — اڌ رات جو بليو پرنٽ ڪنٽرول سينٽر
- Dovetail — ڪاري چنڊ هيٺان هڪ نقشو - مشڪل سان نظر ايندڙ گراف لائينون، اڇو فونٽ، هڪ جامني چمڪ
- AgentQL — رات جو ٽرمينل مٿان اترين روشنيون
- Supabase — اڌ رات جو هڪ ڪوڊ ايڊيٽر هڪ فاسفورسنٽ سائي نقطي سان - ڪوئلي جي مٽي جي سمنڊ تي هڪ واحد رنگين نبض
- Changelog — ڪاري شيشي جي پويان رصدگاهه جو ڪنسول
- GitHub — هڪ خلائي ڪمانڊ پينل جنهن ۾ بايولومينسينٽ ڪنٽرول پوائنٽس آهن - هڪ اونداهو، فضائي ڪم جي جڳهه جتي هڪ سائي چمڪ اڳتي وڌڻ جو رستو ڏيکاري ٿي.