Slash
سون جي ٿيل ليجرن سان اڌ رات جو خزانو
سليش اڌ رات جي گيلري موڊ ۾ ڪم ڪري ٿو: هڪ لڳ ڀڳ ڪارو ڪينواس، اڇو قسم، ۽ هڪ واحد گرم ٽامي جو تلفظ جيڪو وقفي طور ڪم ڪري ٿو. هيڊ لائنون آئيوي پريسٽو ۾ ڏيکاريل آهن، هڪ اعليٰ ڪنٽراسٽ ڊيڊون سيريف انتهائي سائيز ۾ استعمال ٿئي ٿو (88px تائين) - سيريف ۽ سينز-سيريف ٽائپ فيسس جو هي ٽڪراءُ سسٽم جو دستخط آهي، جيڪو ان کي روايتي بينڪنگ جي بروکريج ڪشش ثقل کان سواءِ مالي ڪشش ثقل ڏئي ٿو. باقي يوزر انٽرفيس کي جان بوجھ ڪري گهٽ بيان ڪيو ويو آهي: پتلي سرحدون، گولي جي شڪل وارا ڪنٽرول، ڪمپيڪٽ 16px باڊي ٽيڪسٽ، ۽ قسم کي سانس وٺڻ جي اجازت ڏيڻ لاءِ هڪ ذيلي اپ سوئيپ. هڪ واحد سون جو گريڊينٽ (چارٽ لائن، مائڪرو ايڪسينٽ) مونوڪروم سسٽم ۾ گرمي وڌائي ٿو، هڪ ڊيزائن سامعين لاءِ ٺهيل بلومبرگ ٽرمينل جي گرم چمڪ کي ظاهر ڪري ٿو.
مواد 1216px ويڪرو، مرڪز ۾، 160px عمودي گٽر سان آهي. هوم اسڪرين هڪ ڳاڙهو، مڪمل ويڪر وارو ڪينواس آهي جنهن ۾ هڪ ورهايل جوڙجڪ آهي: هڪ کاٻي طرف ترتيب ڏنل سيريف هيڊر (64–88px ويڪر) هيٺ ڏنل اي ميل ايڊريس فيلڊ سان، ۽ هڪ وڏو پراڊڪٽ UI ڪارڊ (هڪ ڊيش بورڊ اسڪرين شاٽ) ساڄي پاسي 50٪ ويڪر تي. بعد جا حصا هڪ سنگل ڪالم، مرڪز ٿيل هيڊر (سيريف، 44–64px ويڪر) استعمال ڪن ٿا جنهن ۾ انٽر ۾ ذيلي هيڊنگ آهي، ان کان پوءِ فيچر وضاحتن/شاھدن/بلاگ لاءِ ڪارڊن جا ٽي ڪالم گرڊ آهن. نيويگيشن هڪ مقرر ٿيل مٿي بار آهي: کاٻي پاسي لوگو، مرڪزي مينيو (ڪمپني، پراڊڪٽس، حل، ڪلائنٽ، قيمت، FAQ)، ساڄي طرف ترتيب ڏنل لاگ ان (غير واضح)، ۽ شروعات ڪرڻ (اڇو ڀريل عنصر). فوٽر ۾ ڪمپني جي معلومات ۽ قانوني نوٽيسن سان لنڪس جو هڪ گهاٽو پنج ڪالم گرڊ آهي. صفحو مواد سان مالا مال گرڊ حصن ۽ مڪمل اسڪرين جي انگن اکرن جي وچ ۾ متبادل ٿئي ٿو - تال ڪالمن جي وچ ۾ وڏي اڇي جاءِ ذريعي قائم ڪيو ويندو آهي بجاءِ متبادل پس منظر جي رنگن جي (سڄو صفحو هڪ واحد، متحد ڪينواس جي طور تي پيش ڪيو ويندو آهي).
فوٽوگرافي ادارتي ۽ قدرتي آهي: باني ۽ ٽيم جي ميمبرن جا گرم پورٽريٽ انهن جي حقيقي زندگي جي ڪم جي ماحول (آفيس، رهائشي ڪمرا، تعميراتي سائيٽون) ۾. تصويرون ڪارڊ فريم کي ڪنڊ کان ڪنڊ تائين ڀرين ٿيون، بغير ڪنهن پيڊنگ جي. ٽيڪسٽ پڙهڻ جي قابليت کي وڌائڻ لاءِ شاهدي ڪارڊن جي تري ۾ هڪ ڳاڙهو گريڊينٽ استعمال ڪيو ويندو آهي. جمالياتي - "LinkedIn metes editorial magazine" - آرامده، انساني، ۽ ٿورو خاموش آهي، ڪڏهن به اسٽاڪ فوٽوگرافي سان پالش نه ڪيو ويو آهي. آرٽيڪل ٿمب نيل تصويرن کي تصويرن سان گڏ ڪن ٿا مثالي تصورن سان (هڪ شخص هڪ بھولبلييا ۾ بيٺو آهي، پئسن جي ٿيلهين سان هڪ چمني). پراڊڪٽ جو UI مڪمل اوپيسيٽي سان ڊارڪ موڊ ۾ ڏيکاريو ويو آهي، صفحي جي مٿان نفيس اونداهي سطحن تي هور ڪري رهيو آهي - هڪ مرڪزي عنصر. آئڪن مونوڪروم آهن 1px اسٽروڪ سان #2e3038 يا #777a88 ۾، ڪڏهن به برانڊ رنگ سان نه ڀريل.
پيليٽ
غير جانبدار
- Bone
#e2e3e9— پرائمري ٽيڪسٽ لاءِ وڏو فونٽ سائيز، تفصيلي ڊيٽا ليبل، ۽ گھڻن UI عنصرن ۾ معياري ٽيڪسٽ ٽون. - Obsidian
#08080a— صفحي جو ڪينواس، فوٽر پس منظر، سڀ کان اونداهو مٿاڇرو لڳ ڀڳ ڪارو آهي جنهن تي هڪ هلڪو نيرو رنگ آهي. - Onyx
#040406— ڪارڊ جي مٿاڇري، اضافي پس منظر، بصري اثر لاءِ صفحي کان هڪ قدم وڌيڪ اونهو آهي. - Carbon
#121317— مٿي ڪيل پينل، بي دخل ڪندڙ UI فل - سرفيس اسٽيڪ جي ارتقا ۾ پهريون واضح طور تي هلڪو قدم. - Graphite
#1c1d22— بارڊر، ورهائيندڙ، آئڪن ڪنٽينر، ڪنٽرول سلائڊر - رنگ جو سڀ کان نفيس ڇانو جيڪو ساخت کي بيان ڪري ٿو. - Slate
#2e3038— اضافي سرحدون، خاموش آئڪن لائينون، مواد بلاڪن جي وچ ۾ نفيس ورهائيندڙ.
ٽائپوگرافي
13 کان 88 پکسلز تائين · 9 مرحلا
- Ivy Presto — متبادل: Playfair Display · خاڪا 400, 500 · هيڊنگ ۽ سب هيڊنگ لاءِ هڪ سيريف فونٽ - خاص طور تي 28px ۽ ان کان مٿي جي هيڊنگ ۽ سيڪشن جي عنوانن لاءِ استعمال ڪيو ويندو آهي. پتلي سيريف سان هاءِ ڪنٽراسٽ ڊيڊون اسٽروڪ ادارتي عيش عشرت جو احساس پيدا ڪن ٿا؛ 0.01em جو ننڍڙو مثبت اکر فاصلو غير معمولي آهي ۽ فونٽ کي هڪ پرنٽ ٿيل، اڪائونٽنگ جهڙو ظهور ڏئي ٿو. هي سيريف فونٽ برانڊ جو بنيادي ڪالنگ ڪارڊ آهي - اهو سليش کي ٻين سڀني SaaS فنٽيڪ ڪمپنين کان ڌار ڪري ٿو جيڪي جيوميٽرڪ سينز-سيريف فونٽس تي ڊفالٽ آهن.
- Inter — متبادل: Inter (self-hosted via Google Fonts) · خاڪا 300, 400, 500, 600, 700 · UI Sans—مکيه متن، نيويگيشن، بٽڻ، ليبل، لنڪس، فارم فيلڊ، ۽ ذيلي هيڊنگ. مکيه متن غير مداخلت ڪندڙ ثانوي متن لاءِ 300 فونٽ استعمال ڪندو آهي؛ وچولي زور واري متن ۽ بٽڻ ليبلن لاءِ 500 استعمال ٿيندو آهي؛ 600 ننڍي ڪيپ ۾ لکيل ڪيٽيگري ليبلن لاءِ مخصوص آهي. منفي اکرن جي فاصلي 2 (-3) کان گهٽجي ويندي آهي ۽ سائيز گهٽجڻ سان گهٽجي ويندي آهي، جيڪا انٽر فونٽ جي آپٽيڪل اسڪيلنگ جي عام ڳالهه آهي.
وقفا ۽ شڪل
| مقصد | مطلب |
|---|---|
| کثافت | ڪشادو |
| بنيادي قدم | 8px |
| بٽڻ جو ريڊيس | 9999px |
| ڪارڊ جو ريڊيس | 10px |
| پاڇا | پاڇن جي بدران ڪو به بارڊر نه |
| حصن جي وچ ۾ | 160px |
| صفحي جي ويڪر | 1216px |
AI توهان جي ويب سائيٽ Slash انداز ۾ ٺاهيندو ۽ ان کي ڀريندو.
- لنڪ ذريعي پراڊڪٽس ۽ پوسٽن سان ڀريو - Instagram ، TikTok ، Facebook.
- پنهنجي پراڻي سائيٽ تان مواد منتقل ڪريو - صرف پتو بيان ڪريو.
- بهترين انجن تي جديد ڊيزائن: سرور رينڊرنگ ۽ ايس اي او آپٽمائيزيشن سان React ( Next.js).
- ڳولا جي نتيجن ۽ نيورل نيٽ ورڪ سفارشن لاءِ مڪمل طور تي خودڪار SEO اصلاح.
هڪجهڙا انداز
- Modal — هڪ اونداهي سرور روم ۾ هڪ فاسفورسنٽ ٽرمينل - روشني جو واحد ذريعو هڪ روشن سائو رنگ آهي.
- AgentQL — رات جو ٽرمينل مٿان اترين روشنيون
- GitHub — هڪ خلائي ڪمانڊ پينل جنهن ۾ بايولومينسينٽ ڪنٽرول پوائنٽس آهن - هڪ اونداهو، فضائي ڪم جي جڳهه جتي هڪ سائي چمڪ اڳتي وڌڻ جو رستو ڏيکاري ٿي.
- Doppler — اڌ رات جو والٽ جي جامني روشني. تقريبن ڪارو ڪينواس هڪ واحد ليوينڊر سگنل ۽ سائي تصديق واري روشني سان چمڪي ٿو، هر مٿاڇري ايتري قدر مڙيل آهي جو پڪڙي سگهجي ٿو.
- Basedash — ميٽ فونٽ سان گڏ اڌ رات جو ڊيٽا ٽرمينل. هڪ اونداهو رصدگاهه جتي ميٽرڪس جامني ۽ سائي رنگ ۾ چمڪندا آهن، سيريف هيڊ لائنون شور جي مٿان ترنديون آهن، ۽ اڇا گولي جي شڪل وارا بٽڻ نرم ڪاري مٿاڇري واري ڪمري ۾ واحد روشن شيون آهن.
- Superwhisper — اتر جون روشنيون اڌ رات جي شيشي مٿان ختم ٿي وڃن ٿيون
- Better Stack — اڌ رات جو SRE ڪنسول
- Langbase — مڊ نائيٽ ناردرن لائيٽس ڪنسول
- Astro — نيبولا مان هڪ جامني چمڪ سان ڊيپ اسپيس مشن ڪنٽرول
- Wayfinder — هڪ ڪاري فلم جي اسڪرين جنهن ۾ هڪ مشڪل سان ٻڌڻ ۾ ايندڙ عنوان هڪ لائيو تصوير جي مٿان لڙڪندو آهي. انٽرفيس ڪنٽرول پينل جي بدران هڪ روشنيءَ جو سلائڊر آهي.
- HashiCorp — اڌ رات جو ڪنٽرول روم جامني رنگ جي نيون سان هڪ اونداهي ٽيڪنيڪل مٿاڇري آهي جتي هڪ چمڪندڙ هيڪساگونل ڪعب واحد رنگ جي حوالي طور ڪم ڪري ٿو.
- Umbrel — رات جي سرور روم ۾ هڪ آرامده باهه جو پٽو - هڪ اونداهو ڪمرو جتي هڪ ئي آڑو جي چمڪ نمايان ڪري ٿي ته واقعي ڇا اهم آهي.