Medium
په طلايي ساعت کې کریمي سپین ورځپاڼه
منځنۍ دندې لکه د ادبي لوستلو خونه چې ویب ته لیږدول شوې ده: یو ګرم، کریمي شالید (#f7f4ed) د SaaS د جراثیم ضد سپین ډول ځای نیسي، چې اوږد متنونه د چاپ شوي پاڼې په څیر احساس کوي. بصري سیسټم په جارحانه توګه مونوکروم دی - نږدې ټول UI سطحې، متن، او پولې د ګرمو خړ رنګونو په تنګ بانډ کې دي چې له #242424 څخه تر #6b6b6b پورې دي - نو د لوستونکي پام په بشپړ ډول په مینځپانګه متمرکز دی. د لاسلیک یوازینۍ اشاره د سیریف سرلیک دی (GT سوپر، 120px، وزن 400، د لیکونو فاصله -0.055em)، یو قصدي ضد رجحان انتخاب: د انتقالي کتاب سیریف فونټ چې د نندارې لپاره اندازه شوی، د بولډ جیومیټریک سنز سیریف پرځای په سختۍ سره د پام وړ، سیګنالونه: "موږ کتابونه خپروو، نه سافټویر." تڼۍ د تقریبا تور رنګ بشپړ "ګولۍ" دي - په پاڼه کې یوازینی جامد رنګ.
کور پاڼه دوه ستنې لري: کیڼ اړخ د پاڼې د ځای شاوخوا ۵۵٪ برخه نیسي، سرلیک، فرعي متن، او د عمل غوښتنه په عمودي ډول د پراخ داخلي واټن سره تنظیم شوي؛ ښي اړخ د پاڼې د ځای شاوخوا ۴۵٪ برخه نیسي، د انځور پینل سره. کیڼ ستون کیڼ اړخ ته تنظیم شوی (مرکز نه دی)، پاڼه د لوستلو محور ته لنگر کوي. د کور پاڼې لاندې، پاڼه یو واحد، بشپړ پلنوالی، کریم رنګ لرونکی پټی دی چې په فوټر کې متمرکز لینکونه لري. په کور پاڼه کې هیڅ کارت گرډونه، د ځانګړتیا برخې، یا بدیل پټې نشته - کور پاڼه یوه پاڼه ده. د منځپانګې کثافت په قصدي ډول ټیټ دی: یو سرلیک، یو جمله، یو تڼۍ، یو انځور. پاڼه یو پوښ دی، نه ډشبورډ.
انځورونه اداری او قسط وار دي، سیستماتیک نه دي. اصلي پاڼه یو لاسي انځور (شنه ګل، یو هندسي لاس، د ستورو کرښې) په یو خلاص، یو څه ساده سټایل کې وړاندې کوي. انځورونه د کمیسیون شوي کارونو په څیر ښکاري چې د دایمي کتابتون پرځای په موسمي ډول بدلیږي. په اصلي پاڼه کې هیڅ عکسونه نشته. په اصلي پاڼه کې هیڅ عکسونه نشته - ټول کار د متن لوګو او متن لخوا ترسره کیږي. بصري ژبه په عمده توګه د متن پر بنسټ ده، انځورونه د ټکي په توګه کار کوي.
پالټ
بې طرفه
- Newsprint Cream
#f7f4ed— د پاڼې کینوس، د اصلي کړکۍ شالید، او د برخې شالید یو ګرم، یو څه کریمي سیوري دی چې د ډیجیټل انٹرفیس پرځای د چاپ شوي انٹرفیس احساس رامینځته کوي. - Paper White
#ffffff— د کارتونو سطحې، پورته شوي تختې، د فورمو د ننوتلو ساحې، او هر هغه سطحې چې د کریم کینوس څخه جلا کولو ته اړتیا لري. - Ink
#242424— د بدن متن، د بدن متن، لینکونه، سرلیکونه - د خالص تور په پرتله یو څه ګرم، په کریمي پس منظر کې ښه ښکاري. - Body Gray
#333333— د ثانوي متن رنګ او د مخکینۍ برخې ډیفالټ رنګ کارول کیږي چیرې چې د رنګ رنګ څخه یو څه سپک رنګ ته اړتیا وي پرته له دې چې برعکس له لاسه ورکړي. - Button Black
#191919— د ثانوي UI عناصرو، ویشونکو، او خاموش لیبلونو لپاره یو بې طرفه رنګ ملاتړ کیږي. دا باید د عمل کولو لپاره د لومړني رنګ په توګه ونه کارول شي. - Marginalia Gray
#6b6b6b— د ثانوي UI، ویشونکو، او خاموش لیبلونو لپاره د بې طرفه رنګ ملاتړ.
ټایپوګرافي
له ۱۳ څخه تر ۱۲۰ پکسله پورې · ۵ ګامونه
- 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.
- له خپل زوړ سایټ څخه مواد انتقال کړئ — یوازې پته مشخص کړئ.
- په غوره انجن کې عصري ډیزاین: د سرور رینډرینګ او SEO اصلاح کولو سره React ( Next.js).
- د لټون پایلو او عصبي شبکې سپارښتنو لپاره په بشپړ ډول اتوماتیک SEO اصلاح کول.
ورته سټایلونه
- Steep — په ګرم کاغذ کې د سیرف فونټونو تحلیل
- Newformcap — د جامو په خونه کې اداری ورځپاڼه
- Claude — په ګرمو پوستکو چاپ شوی هنري اثر — د هډوکو په کاغذ رنګ، د رنګ یوازینۍ ساه په توګه خټه
- 11x– Digital workers — د سینمايي اداریې ویجاړه ځمکه — د منظرې پینورامیک عکسونه چې د یادګاري سیرف سرلیکونو په وړاندې ترتیب شوي چې د یوې لوکس مجلې په څیر لوستل کیږي
- Revolut — د ورېځو د عکس پر بنسټ یو مونوکروم اداری کار - سپین رنګ، د ګولۍ بکس تڼۍ، د رنګ یوه واحد نیلي پټه په بل ډول په خړ پیمانه نړۍ کې.
- Scheduling — د کریم کاغذ باندې د اداری رنګ
- Titan — ګرم رنګه مونوکروم آرشیف
- Programa — د غرمه په وخت کې د سویس ډیزاین سټوډیو. د سپین ګالري دیوال د یو ژیړ میز څراغ لخوا روښانه شوی - هرڅه د خړ رنګونو کې دي تر هغه چې یو تڼۍ، آیکون، یا تلفظ سترګې ونیسي، او بیا هغه واحد ژیړ تلفظ ټوله خونه تعریفوي.
- Sana Agents — په اداریه کې په سپینه شالید کې د لیمو ځلا
- Visual — ګرم اداریه سمیزدات. کریم کاغذ، سیریف پوسټرونه، مونوکروم حاشیه، یو ژیړ مارکر.
- Midday — د ویلم په اړه اداری بروشر - د ګرمې ډبرې شالید کې 72px سیریف سرلیک، د سیریف بدن کاپي د فاصلې سره، د ګولۍ په شکل کنټرولونه، هیڅ سیوري نشته
- Chat for impact — د ځنګل شنه کلینیک چې د پیسټل رنګ خونو سره