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 سے 32px تک · 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.
- اپنی پرانی سائٹ سے مواد منتقل کریں—بس پتہ کی وضاحت کریں۔
- بہترین انجن پر جدید ڈیزائن: سرور رینڈرنگ اور SEO آپٹیمائزیشن کے ساتھ React ( Next.js) باکس سے باہر۔
- تلاش کے نتائج اور نیورل نیٹ ورک کی سفارشات کے لیے مکمل طور پر خودکار SEO کی اصلاح۔
ملتے جلتے انداز
- ElevenLabs — لطیف سرخیوں کے ساتھ گرم کریم ٹونز میں ایک تصویری مضمون۔ بوہاؤس طرز کی نوٹ بک — انڈے کے شیل کے رنگ کا کاغذ، سیاہ سیاہی، اور مصنوعات کی نمائش کے لیے ایک جامنی اور نارنجی لہجہ۔
- Awesomic — ادارتی زنک میش نارنجی رموز اوقاف کے ساتھ کنفیٹی کی یاد دلاتی ہے
- Monad — گرم پارچمنٹ پر ادارتی تکنیکی جریدہ
- Dub — لنک کا میٹ رائس پیپر کنٹرول پینل
- Seline Analytics — گرم کاغذ پر ایک پرسکون تجزیاتی میز
- Notion — دوپہر کی دھوپ میں ایک گرم کاغذ کی نوٹ بک
- Anthropic — گرم ویلم پر ایک سائنسی فیلڈ جرنل — پرسکون ہاتھی دانت کی سطحیں، سیریفڈ ادارتی عنوانات، اور ایک واحد مٹی کا لہجہ جو صرف اس وقت ظاہر ہوتا ہے جب کارروائی کی ضرورت ہو۔
- Calendly — ٹھنڈے ماربل پر گہری نیلی سیاہی
- Augen Pro — ایپل کی سفید پریزنٹیشن میں کلینکل، بے وزن، برقی نیلے رنگ کو ایک مونوکروم اسپیس میں واحد لہجے کے طور پر دکھایا گیا ہے۔
- Antimetal — کریم پیپر پر ایک ادارتی کرانیکل — ایک سائنسی جریدے میں ایک پرسکون صبح، جہاں تحمل اعتماد کا اظہار کرتا ہے اور سیریف بھاری وزن اٹھاتے ہیں۔
- Perk — گرم پارچمنٹ پیپر پر برقی چونا
- Ditto — سورج کی روشنی والی ورکشاپ جو جنگلی پھولوں کے نمونے تیار کرتی ہے۔ گرم کریم کی سطحیں، ایک متحرک پیلے رنگ کا بنیادی رنگ، گہری بحریہ نیلی سیاہی، ٹکڑے کے پیچھے کھلتے ہوئے نامیاتی رنگ کی شکلیں۔