Medium
گولڊن آور تي ڪريمي اڇو اخبار
وچولي ڪم هڪ ادبي پڙهڻ واري ڪمري وانگر آهي جيڪو ويب تي منتقل ڪيو ويو آهي: هڪ گرم، ڪريمي پس منظر (#f7f4ed) SaaS جي جراثيم کان پاڪ اڇي عام کي تبديل ڪري ٿو، جيڪو ڊگھي متن کي هڪ ڇپيل صفحي وانگر محسوس ڪري ٿو. بصري نظام جارحاڻي طور تي مونوڪروم آهي - تقريبن سڀئي UI سطحون، متن، ۽ سرحدون گرم گرين جي هڪ تنگ بينڊ ۾ آهن جيڪي #242424 کان #6b6b6b تائين آهن - تنهنڪري پڙهندڙ جو ڌيان مڪمل طور تي مواد تي مرکوز آهي. واحد دستخط اشارو سيريف هيڊ لائن آهي (GT سپر، 120px، وزن 400، خط جي فاصلي -0.055em)، هڪ عمدي مخالف رجحان پسند: هڪ عبوري ڪتاب سيريف فونٽ ڊسپلي لاءِ ماپيل، هڪ بولڊ جاميٽري سينز سيريف جي بدران مشڪل سان قابل ذڪر، سگنل: "اسان ڪتاب شايع ڪريون ٿا، سافٽ ويئر نه." بٽڻ تقريبن ڪارو رنگ جا مڪمل "گوليون" آهن - صفحي تي واحد مضبوط مس.
هوم پيج ۾ ٻه ڪالم آهن: کاٻي پاسي صفحي جي جاءِ جو ~55٪ قبضو ڪري ٿو، هيڊ لائن، سب ٽيڪسٽ، ۽ ڪال ٽو ايڪشن کي عمودي طور تي اندروني اسپيسنگ سان ترتيب ڏنو ويو آهي؛ ساڄي پاسي صفحي جي جاءِ جو ~45٪ قبضو ڪري ٿو، هڪ مثال پينل سان. کاٻي ڪالم کاٻي پاسي سان ترتيب ڏنل آهي (مرڪزي نه آهي)، صفحي کي پڙهڻ جي محور تي لنگر انداز ڪري ٿو. هوم پيج جي هيٺان، صفحو هڪ واحد، مڪمل ويڪر، ڪريم رنگ جي پٽي آهي جنهن ۾ فوٽر ۾ مرڪزي لنڪس آهن. هوم پيج تي ڪو به ڪارڊ گرڊ، فيچر سيڪشن، يا متبادل پٽيون نه آهن - هوم پيج هڪ صفحو آهي. مواد جي کثافت جان بوجھ ڪري گهٽ آهي: هڪ هيڊ لائن، هڪ جملو، هڪ بٽڻ، هڪ تصوير. صفحو هڪ ڍڪ آهي، ڊيش بورڊ نه.
تصويرون ادارتي ۽ قسط وار آهن، منظم نه آهن. مکيه صفحي تي هڪ هٿ سان ٺهيل تصوير (هڪ سائو گل، هڪ جاميٽري هٿ، تارن جون لائينون) هڪ ڍڪيل، ٿوري سادي انداز ۾ ڏيکاريل آهي. تصويرون ڪميشن ٿيل ڪمن وانگر نظر اچن ٿيون جيڪي موسمي طور تي تبديل ٿين ٿيون، مستقل لائبريري جي بدران. مکيه صفحي تي ڪا به تصوير نه آهي. مکيه صفحي تي ڪو به آئڪن نه آهي - سڀ ڪم ٽيڪسٽ لوگو ۽ ٽيڪسٽ ذريعي ڪيو ويندو آهي. بصري ٻولي بنيادي طور تي ٽيڪسٽ تي ٻڌل آهي، تصويرون اوقاف جي طور تي ڪم ڪنديون آهن.
پيليٽ
غير جانبدار
- Newsprint Cream
#f7f4ed— صفحي جو ڪينواس، مکيه ونڊو پس منظر، ۽ سيڪشن پس منظر هڪ گرم، ٿورو ڪريمي رنگ آهي جيڪو ڊجيٽل انٽرفيس جي بدران پرنٽ ٿيل انٽرفيس جو احساس پيدا ڪري ٿو. - Paper White
#ffffff— ڪارڊ جون مٿاڇريون، اُڀريل پينل، فارم انٽري فيلڊز، ۽ ڪا به مٿاڇري جنهن کي ڪريم ڪينواس کان الڳ ڪرڻ جي ضرورت آهي. - Ink
#242424— باڊي ٽيڪسٽ، باڊي ٽيڪسٽ، لنڪس، هيڊنگز - خالص ڪاري کان ٿورو گرم، ڪريم پس منظر تي سٺو لڳندو آهي. - Body Gray
#333333— ثانوي متن جو رنگ ۽ ڊفالٽ پيش منظر جو رنگ استعمال ڪيو ويندو آهي جتي مس جي رنگ کان ٿورو هلڪو رنگ گهربل هوندو آهي بغير برعڪس وڃائڻ جي. - Button Black
#191919— ثانوي UI عنصرن، ورهائيندڙن، ۽ خاموش ليبلن لاءِ هڪ غير جانبدار رنگ جي حمايت ڪئي وئي آهي. ان کي ڪال ٽو ايڪشن لاءِ بنيادي رنگ طور استعمال نه ڪيو وڃي. - Marginalia Gray
#6b6b6b— ثانوي UI، ورهائيندڙن، ۽ خاموش ليبلن لاءِ غير جانبدار رنگ جي مدد.
ٽائپوگرافي
13 کان 120px تائين · 5 مرحلا
- medium-content-sans-serif-font — متبادل: Inter · خاڪا 400 · medium-content-sans-serif فونٽ - ڪڍيل ڊيٽا ۾ مليو پر AI پاران بيان نه ڪيو ويو آهي.
- GT Super — متبادل: Playfair Display · خاڪا 400 · هيڊنگ ۽ باڊي ٽيڪسٽ هڪ انتهائي پيماني تي هڪ عبوري ڪتاب سيريف فونٽ آهن جنهن ۾ سخت اکرن جي فاصلي ۽ 0.83 لائن جي فاصلي سان. 120px تي 400 وزن (بولڊ نه) جو انتخاب هڪ دستخطي خاصيت آهي: وزن نه پر خط جي شڪل ڪم ڪن ٿا. منفي اکرن جي فاصلي آپٽيڪل خالن کي تنگ ڪري ٿي، "انساني ڪهاڻيون ۽ خيال" کي هڪ مربوط ٽائيپوگرافڪ بلاڪ وانگر محسوس ڪرائي ٿي.
- Söhne — متبادل: Inter · خاڪا 400 · UI sans-serif فونٽ نيويگيشن، بٽڻن، ذيلي عنوانن، ۽ ننڍن عنوانن لاءِ استعمال ٿيندو آهي. 13–14px جي حد نيويگيشن ليبلن ۽ بٽڻن لاءِ آهي؛ 20–22px عنوان اندر ذيلي عنوانن ۽ ثانوي متن لاءِ آهي. انساني تناسب سان هڪ صاف sans-serif ننڍي سائيز ۾ پڙهڻ لائق آهي ۽ وڏن تي بي دخل آهي.
وقفا ۽ شڪل
| مقصد | مطلب |
|---|---|
| کثافت | سراسري |
| بنيادي قدم | 16-24px |
| بٽڻ جو ريڊيس | 9999px |
| ڪارڊ جو ريڊيس | 0px |
| پاڇا | پاڇن جي بدران ڪو به بارڊر نه |
| حصن جي وچ ۾ | 64px |
| صفحي جي ويڪر | 1200px |
AI توهان جي ويب سائيٽ Medium انداز ۾ ٺاهيندو ۽ ان کي ڀريندو.
- لنڪ ذريعي پراڊڪٽس ۽ پوسٽن سان ڀريو - Instagram ، TikTok ، Facebook.
- پنهنجي پراڻي سائيٽ تان مواد منتقل ڪريو - صرف پتو بيان ڪريو.
- بهترين انجن تي جديد ڊيزائن: سرور رينڊرنگ ۽ ايس اي او آپٽمائيزيشن سان React ( Next.js).
- ڳولا جي نتيجن ۽ نيورل نيٽ ورڪ سفارشن لاءِ مڪمل طور تي خودڪار SEO اصلاح.
هڪجهڙا انداز
- Steep — گرم پيپر تي سيرف فونٽس جو تجزيو
- Newformcap — ڊريسنگ روم ۾ ادارتي اخبار
- Claude — گرم پارچمينٽ تي ڇپيل هڪ نمونو - هڏين جي ڪاغذ تي مس، رنگ جي واحد سانس طور مٽي
- 11x– Digital workers — هڪ سينيمائي ايڊيٽوريل ويران زمين - يادگار سيريف هيڊ لائنز جي خلاف سيٽ ڪيل نظارن جون پينورامڪ تصويرون جيڪي هڪ عيش عشرت واري رسالي وانگر پڙهيون وڃن ٿيون.
- Revolut — ڪڪرن جي تصوير تي ٻڌل هڪ مونوڪروم ايڊيٽوريل ڪم - اڇي مس، پِل باڪس بٽڻ، رنگ جي هڪ نيري پٽي ٻي صورت ۾ گري اسڪيل دنيا ۾.
- Scheduling — ڪريم پيپر تي ايڊيٽوريل مس
- Titan — گرم رنگ وارو مونوڪروم آرڪائيو
- Programa — منجهند جو هڪ سوئس ڊيزائن اسٽوڊيو. اڇي گيلري جي ڀت هڪ پيلي ٽيبل ليمپ سان روشن ڪئي وئي آهي - هر شيءِ گرين رنگن ۾ آهي جيستائين هڪ بٽڻ، آئڪن، يا تلفظ نظر نه اچي، ۽ پوءِ اهو واحد پيلو تلفظ سڄي ڪمري کي بيان ڪري ٿو.
- Sana Agents — ادارتي ۾ اڇي پس منظر تي چوني جو چمڪ
- Visual — گرم ايڊيٽوريل سميزدت. ڪريم پيپر، سيريف پوسٽر، مونوڪروم حاشيو، هڪ پيلو مارڪر.
- Midday — ويلم تي ايڊيٽوريل بروشر - گرم پٿر جي پس منظر تي 72px سيريف هيڊ لائن، فاصلي سان سينز سيريف باڊي ڪاپي، گولي جي شڪل وارا ڪنٽرول، ڪو به پاڇو نه
- Chat for impact — پيسٽل رنگن وارن ڪمرن سان گڏ هڪ ٻيلي سائي ڪلينڪ