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— ورهائيندڙ لائينون، آئڪن لاءِ بي ترتيب پس منظر، خالي سيلن کي کنڊر جي صورت ۾ ڀرڻ.
ٽائپوگرافي
12 کان 32 پکسلز تائين · 5 مرحلا
- 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.
- پنهنجي پراڻي سائيٽ تان مواد منتقل ڪريو - صرف پتو بيان ڪريو.
- بهترين انجن تي جديد ڊيزائن: سرور رينڊرنگ ۽ ايس اي او آپٽمائيزيشن سان React ( Next.js).
- ڳولا جي نتيجن ۽ نيورل نيٽ ورڪ سفارشن لاءِ مڪمل طور تي خودڪار SEO اصلاح.
هڪجهڙا انداز
- ElevenLabs — نرم سرخين سان گرم ڪريم ٽون ۾ هڪ تصويري مضمون. هڪ باهاؤس طرز جي نوٽ بڪ - انڊي شيل رنگ جو ڪاغذ، ڪارو مس، ۽ پراڊڪٽ ڊسپلي لاءِ هڪ واحد جامني ۽ نارنگي تلفظ.
- Awesomic — نارنگي اوقاف جي نشانين سان ايڊيٽوريل زنڪ ميش جيڪو ڪنفيٽي جي ياد ڏياري ٿو
- Monad — گرم پارچمينٽ تي ايڊيٽوريل ٽيڪنيڪل جرنل
- Dub — لنڪ جو ميٽ رائس پيپر ڪنٽرول پينل
- Seline Analytics — گرم ڪاغذ تي هڪ خاموش تجزياتي ٽيبل
- Notion — منجهند جي سج ۾ هڪ گرم ڪاغذ جي نوٽ بڪ
- Anthropic — گرم ويلم تي هڪ سائنسي فيلڊ جرنل - پرسڪون هٿي دانت جون مٿاڇريون، سيرف ٿيل ادارتي عنوان، ۽ هڪ واحد مٽيءَ جو تلفظ جيڪو صرف تڏهن ظاهر ٿئي ٿو جڏهن عمل جي ضرورت هجي.
- Calendly — ٿڌي سنگ مرمر تي ڳاڙهي نيري مس
- Augen Pro — ايپل جي اڇي پيشڪش ۾ هڪ مونوڪروم اسپيس ۾ واحد تلفظ جي طور تي هڪ ڪلينڪل، بي وزن، برقي نيرو رنگ شامل آهي.
- Antimetal — ڪريم پيپر تي هڪ ادارتي تاريخ - هڪ سائنسي جرنل ۾ هڪ خاموش صبح، جتي ضبط اعتماد جو اظهار ڪري ٿو ۽ سيريف ڳرو ڪم ڪن ٿا.
- Perk — گرم پارچمينٽ پيپر تي اليڪٽرڪ ليم
- Ditto — سج جي روشني ۾ جهنگلي گلن جا نمونا ٺاهيندڙ ورڪشاپ. گرم ڪريم مٿاڇريون، هڪ متحرڪ پيلو بنيادي رنگ، گہرے نيري رنگ جي مس، ٽڪري جي پويان ڦٽي رهيا نامياتي رنگ جون شڪلون.