Substack
د اداریې په دفتر کې په میز باندې نارنجي رنګ
سب سټیک د نیوز روم ډشبورډ په څیر ښکاري — یو سپین کینوس، ګرم، تقریبا تور متن، او یو واحد روښانه نارنجي تلفظ چې د مینځپانګې جوړولو هر پړاو په نښه کوي. د لید درجه بندي د سینګار پرځای د کثافت پر بنسټ جوړه شوې ده: نري خړ کرښې د فیډ عناصر جلا کوي، اوتارونه کوچني دي، میټاډاټا خاموش دی، او د لوستونکي سترګې د نارنجي عمل ته زنګ وهلو، نارنجي لوګو، نارنجي "سبسکرایب" لینک، او نارنجي "جوړ کړئ" تڼۍ باندې تمرکز کولو لپاره روزل شوي. سطحې فلیټ او بې محدودې ساتل شوي — د کارت سیوري نشته، د کروم پینل عناصر نشته — ټایپوګرافي ته اجازه ورکوي (د کروم سیسټم یو کمپیکٹ UI عنصر چې د دودیز سیرف سرلیک فونټ سره جوړه شوې ده) د اداری وزن بار وړي. د لاسلیک سټایل محدود کروم عناصر او متحرک، واحد رنګ پاپونه دي: د لوستلو ایپ چې د خپرولو وسیلې په څیر احساس کوي.
د ډیسکټاپ درې ستنې ترتیب: یو ثابت کیڼ اړخ اړخ (~200px، د شبیانو او لیبلونو سره نیویګیشن، چپکونکی)، یو مرکز فیډ ( اعظمي عرض ~600px، د پوسټونو عمودی سکرول کولو لیست)، او یو ثابت ښي اړخ اړخ (~300px، لټون + سپارښتنې + راجسټریشن). مرکزي فیډ د اداری کور دی — هیڅ کارتونه نشته، یوازې پوسټونه د یو بل په سر کې د پتلو ویشونکو سره ځای پر ځای شوي او د برخو ترمنځ 32px تشې دي. اصلي بینر د فیډ په سر کې د یو واحد بشپړ پلن کارت په توګه ناست دی. کیڼ اړخ اړخ د برانډ لوګو (د پوښل شوي لینونو سره نارنجي نښه)، شپږ نیویګیشن توکي، او په ښکته کې د بشپړ پلن نارنجي "جوړ کړئ" تڼۍ لري. ښي اړخ اړخ د لټون ساحه، د راجسټریشن کارت، او د لوستلو لپاره "راتلونکی" لیست لري. نیویګیشن لږترلږه دی — هیڅ پورتنۍ بار نشته، هیڅ ډوډۍ نه ده؛ د اړخ اړخ نیویګیشن دی. د مینځپانګې کثافت لوړ دی: پوسټونه د 12-13px میټاډاټا او 15-19px د بدن متن کاروي، د بازار د کارت گرډ احساس پرځای د ورځپاڼې په څیر تال رامینځته کوي.
عکسونه د کارونکي لخوا رامینځته شوي مینځپانګې دي (د لیکوال اوتارونه، د پوسټ تمبیلونه، د پوسټ عکسونه) — سب سټیک خپل آرائشی عکسونه نه وړاندې کوي. اصلي کارت د پس منظر په توګه د خلاصې توضیحي عناصرو (جیومیټریک شکلونه، سټایل شوي شیان لکه قلمونه او یادښتونه) سره د فیروزي څخه تر شنه ګریډینټ کاروي. په ښي اړخ کې د پوسټ تمبیلونه کوچني (64px) دي، په 8px شعاع کې تړل شوي، او د لوستلو لیست د مخکتنې په توګه کار کوي. ټولیز بصري ژبه د متن پر بنسټ ده: انٹرفیس د لوستلو کینوس دی، او انځورونه د فضا رامینځته کولو پرځای د کوچني بصري لنگرونو په توګه کار کوي.
پالټ
برانډ
- Signal Orange
#ff6719— نارنجي رنګ د سينګار جزئياتو او د نادرو اشارو د روښانه کولو لپاره د ثانوي تلفظ په توګه کارول کیږي. دا باید د عمل کولو لپاره د لومړني رنګ په توګه ونه کارول شي.
بې طرفه
- Ink
#363737— د بدن متن — اصلي متن، سرلیکونه، د پوسټ سرلیکونه، د وخت ټاپهونه، او د لیکوال نومونه؛ د اسانه لوستلو لپاره د خالص #000 پرځای یو ګرم، تقریبا تور رنګ. - Paper
#ffffff— د پاڼې کینوس، د کارت سطحې، د ننوتلو ساحې، او د نیویګیشن شالید هغه غالب سطحې دي چې د انٹرفیس لویه برخه نیسي. - Charcoal
#232525— د لوړ انتخاب کچې سره د اضافي متن او لینکونو لپاره د هوور حالت؛ د کوډ بلاکونو او انتخاب بلاکونو لپاره د رنګ حالت څخه ژور. - Stone
#777777— د ثانوي UI عناصرو، ویشونکو، او خاموش لیبلونو لپاره یو بې طرفه رنګ ملاتړ کیږي. دا باید د عمل کولو لپاره د لومړني رنګ په توګه ونه کارول شي. - Ash
#b6b6b6— د غیر فعال کنټرولونو په اړه پتلې پولې کرښې، د تڼۍ بڼې، د آیکون بڼې، پولې. - Mist
#c8c8c8— د وېش کرښې، د شبیانو لپاره بې خنډه شالید، د کنکال په بڼه د خالي حجرو ډکول.
ټایپوګرافي
له ۱۲ څخه تر ۳۲ پکسله پورې · ۵ ګامونه
- system-ui — بدیل: -apple-system · بڼې 400, 500, 600 · د کارونکي انٹرفیس او د بدن متن لپاره لومړني فونټ د نیویګیشن لیبلونو، تڼیو، د پیغام متن، میټاډاټا، د ننوتلو ساحو، او ټولو انٹرفیس عناصرو لپاره کارول کیږي. د میټاډاټا لپاره د 12-13px او د بدن متن لپاره د 15-19px کوچنۍ اندازې د یو ګڼ خبر فیډ احساس رامینځته کوي. وزن د بدن متن لپاره 400، د نیویګیشن عناصرو او د تڼۍ لیبلونو لپاره 500، او د روښانه شوي پیغام سرلیکونو او برخې سرلیکونو لپاره 600 دی.
- Cahuenga — بدیل: Charter · بڼې 500 · د محصول کچې سرلیکونو لپاره یو لاسلیک شوی آرائشی سیریف فونټ (د اړخ بار سرلیکونه، د راجسټریشن کارت سرلیکونه، اصلي متن). د دې منځنی وزن او لږ د کرښې لوړوالی دا د لوی احساس پرته یو ځانګړی بڼه ورکوي؛ دا یوازینی فونټ دی چې د نارنجي رنګ سربیره، د سبسټیک هویت نښه کوي.
- Spectral — بدیل: Charter · بڼې 400 · د اوږدو پوستونو لپاره سیریف فونټ — د لوستلو خونو او د خبرونو فیډ منځپانګې کې د اداری موادو د لوستلو وړتیا ښه کولو لپاره کارول کیږي. د لیکې یو څه سخت واټن (1.20) د آرامۍ پراګراف لوستلو ډاډ ورکوي پداسې حال کې چې د خبرونو خونو د کمپیکټ ساتلو ځانګړتیا لري.
وقفې او بڼه
| موخه | معنی |
|---|---|
| کثافت | ګڼ |
| اساسي ګام | 8px |
| د تڼۍ وړانګې | 9999px |
| د کارت وړانګې | 12px |
| سیوري | د سیوري پر ځای هیڅ سرحد نشته |
| د برخو ترمنځ | 32px |
| د پاڼې پلنوالی | 1200px |
AI به ستاسو ویب پاڼه په Substack سټایل کې جوړه کړي او ډکه یې کړي
- د لینک له لارې محصولات او پوسټونه ډک کړئ - Instagram ، TikTok ، Facebook.
- له خپل زوړ سایټ څخه مواد انتقال کړئ — یوازې پته مشخص کړئ.
- په غوره انجن کې عصري ډیزاین: د سرور رینډرینګ او SEO اصلاح کولو سره React ( Next.js).
- د لټون پایلو او عصبي شبکې سپارښتنو لپاره په بشپړ ډول اتوماتیک SEO اصلاح کول.
ورته سټایلونه
- ElevenLabs — د عکس مقاله په ګرمو کریمي رنګونو کې د نازکو سرلیکونو سره. د باهوس سټایل نوټ بوک - د هګۍ د خولۍ رنګ کاغذ، تور رنګ، او د محصول د نندارې لپاره یو واحد ارغواني او نارنجي تلفظ.
- Awesomic — د نارنجي ټکي نښو سره د اداری زنک میش چې د کنفټي یادونه کوي
- Monad — د ګرمو پوستکو په اړه د تخنیکي مجلې اداریه
- Dub — د لینک میټ وریجو کاغذ کنټرول پینل
- Seline Analytics — په ګرم کاغذ باندې یو خاموش تحلیلي میز
- Notion — د غرمې په لمر کې د ګرم کاغذ کتابچه
- Anthropic — د ګرمو ویلم په اړه یو ساینسي ساحوي ژورنال — د عاج آرامه سطحې، سیریف شوي اداری سرلیکونه، او یو واحد خټې تلفظ چې یوازې هغه وخت څرګندیږي کله چې عمل ته اړتیا وي.
- Calendly — په سړه مرمر باندې تیاره نیلي رنګ
- Augen Pro — د ایپل سپین پریزنټشن په یوه مونوکروم ځای کې د یوازینۍ تلفظ په توګه کلینیکي، بې وزنه، بریښنایی نیلي رنګ وړاندې کوي.
- Antimetal — په کریم کاغذ کې یوه اداریه کیسه - په یوه ساینسي ژورنال کې یوه خاموشه سهار، چیرې چې زغم باور څرګندوي او سیرفونه دروند کار کوي
- Perk — په ګرمو پارچمنټ کاغذ باندې برقي لیمو
- Ditto — د لمر وړانګو ورکشاپ چې د ځنګلي ګلونو نمونې جوړوي. ګرمې کریمي سطحې، یو متحرک ژیړ اساس رنګ، ژور سمندري نیلي رنګ، د ټوټې تر شا د عضوي رنګ بڼې غوړیږي.