Superlist
مرجان کے انگاروں کے ساتھ رات کے وقت کام کرنے کی جگہ — ایک پرسکون بینگن ایپ سطح جہاں ایک گرم نارنجی چنگاری ہر عمل کا اشارہ دیتی ہے
سپر لسٹ آدھی رات کے جامنی رنگوں میں پیداواری زبان کا استعمال کرتا ہے: گہرے بینگن، واحد بنیادی رنگ کے طور پر گرم مرجان، اور بڑی سانس سیرف سرخیاں جو پورے ماحول کو اپنی لپیٹ میں لے لیتی ہیں۔ انٹرفیس رات گئے تک مرکوز کام کے احساس کو ابھارتا ہے — پرسکون، تہہ دار، اور پراعتماد، جس کا رنگ صرف کال ٹو ایکشن، فعال حالتوں اور اہم نکات پر فنکشنل اوقاف کے طور پر استعمال ہوتا ہے۔ سطحوں کو جامنی رنگ کے انڈر ٹون (#181824 → #26253b) کے ساتھ لطیف سیاہ ٹونز میں تہہ کیا جاتا ہے، خالص سیاہ رنگ سے گریز کرتے ہوئے یہ یقینی بنانے کے لیے کہ گہرائی جراثیم سے پاک ہونے کی بجائے گرم محسوس ہوتی ہے۔ اجزاء میں فراخ گول شکلیں (20px کارڈز، گولی کے بٹن)، نرم سائے، اور تنگ گرڈ کے بجائے آرام دہ 10-16px خلا کے ذریعے "سانس لینے" کی خصوصیات ہیں۔ سرخی کی آواز ہی سب کچھ ہے: 70-88px پر 600 پوائنٹ کا وزن -0.02em کے سخت خط کے ساتھ متن کو UI کے بجائے ٹائپوگرافک سمجھا جاتا ہے — یہ SaaS سے ایڈیٹوریل کاپی کے قریب ہے۔
گہرے حصے صفحہ کی پوری چوڑائی پر محیط ہیں، مرکز میں، زیادہ سے زیادہ چوڑائی والے مواد کے کنٹینرز کے ساتھ۔ مرکزی سیکشن عمودی طور پر مرکز میں ہے اور اس میں ایک سرخی، سب ٹیکسٹ، اور کال ٹو ایکشن (CTA) ہے، جس کے بعد اگلے حصے کو اوورلیپ کرنے والا ایک بڑا پروڈکٹ اسکرین شاٹ ہے۔ بعد کے حصے سینٹرڈ ٹیکسٹ بلاکس اور کارڈ گرڈ کے درمیان متبادل ہوتے ہیں۔ ریویو سیکشن تین کالموں پر مشتمل گرڈ کا استعمال کرتا ہے جس میں ریویو کارڈز اور 16 گٹر ہیں۔ نیویگیشن ایک واحد ٹاپ بار ہے جس میں بائیں طرف لوگو، مرکز والے لنکس اور دائیں طرف لاگ ان ایکشنز ہوتے ہیں—کوئی فکسڈ سائڈبار یا میگا مینو نہیں۔ حصوں کے درمیان گٹر فراخ ہیں (16 گٹر)، ایک گھنے پروڈکٹ گرڈ کے بجائے ایک کشادہ، ادارتی تال پیدا کرتے ہیں۔
بصری جگہ پر پروڈکٹ کے اسکرین شاٹس کا غلبہ ہے — گول کونوں کے ساتھ ایک بڑا فریم، اصل ایپ انٹرفیس کی نمائش کرتا ہے، مرکزی اور ثانوی حصوں کو بھرتا ہے۔ تصاویر کم سے کم ہیں، صرف صارف کے اوتار یا درون ایپ میڈیا کے پیش نظارہ کے طور پر استعمال کی جاتی ہیں (مثال کے طور پر، پروڈکٹ موک اپ کے دائیں پینل میں کنسرٹ کی تصویر)۔ ٹرسٹ بار پر لوگو فلیٹ، خاموش سفید متن کی علامتیں ہیں۔ کوئی آرائشی عکاسی نہیں ہے، کوئی خلاصہ گرافکس نہیں، کوئی 3D رینڈر نہیں ہیں۔ بصری حکمت عملی یہ ہے کہ پروڈکٹ کو پیمانے پر ظاہر کیا جائے، نوع ٹائپ کو جذباتی کام کرنے دیں، اور مرجان کو واحد لہجے کے رنگ کے طور پر استعمال کریں۔
پیلیٹ
برانڈ
- Coral Ember
#ff4a36— اورنج کو آرائشی تفصیلات اور غیر معمولی اشارے کو نمایاں کرنے کے لیے ثانوی لہجے کے طور پر استعمال کیا جاتا ہے۔ اسے کال ٹو ایکشن کے لیے بنیادی رنگ کے طور پر استعمال نہیں کیا جانا چاہیے۔
غیر جانبدار
- Aubergine Canvas
#181824— صفحہ کا پس منظر، مرکزی کینوس، ایک گرم، گہرا سایہ ہے جو خالص سیاہ کی جگہ لے لیتا ہے، جس سے صارف کا انٹرفیس فلیٹ کی بجائے تہہ دار دکھائی دیتا ہے۔ - Elevated Plum
#26253b— کارڈ کی سطحیں، ان پٹ فیلڈز، نیویگیشن کنٹینرز—ایک مرئی حد کے بغیر گہرائی پیدا کرنے کے لیے کینوس سے ایک قدم آسان۔ - Pure White
#ffffff— مرکزی عنوانات، بٹن کا متن، اور آئیکن کا خاکہ—ایک سیاہ کینوس پر زیادہ سے زیادہ تضاد۔ - Fog Text
#696f81— مرکزی متن، ثانوی سرخیاں، اور خاموش بارڈرز—ایک بینگن کے رنگ کے پس منظر میں آرام سے پڑھنے کے لیے 7:1 کے برعکس تناسب۔ - Ash Text
#8e8da0— ایک غیر جانبدار رنگ ثانوی UI عناصر، تقسیم کرنے والوں اور خاموش لیبلز کے لیے معاون ہے۔ اسے کال ٹو ایکشن کے لیے بنیادی رنگ کے طور پر استعمال نہیں کیا جانا چاہیے۔ - Mist Highlight
#a3a3a7— لطیف بارڈرز، ڈیوائیڈرز اور غیر فعال نیویگیشن عناصر ایک لطیف غیر جانبدار لہجہ بناتے ہیں جو اب بھی کینوس کے خلاف کھڑا ہے۔
نوع ٹائپ
12 سے 88px تک · 9 مراحل
- sans-serif — متبادل: Inter · خاکہ 400 · sans-serif - نکالے گئے ڈیٹا میں پایا جاتا ہے لیکن AI کے ذریعہ بیان نہیں کیا گیا ہے۔
- Haffer XH SemiBold — متبادل: Inter Tight · خاکہ 400, 600 · ڈسپلے اور ہیڈنگز کے لیے بنیادی فونٹ۔ یہ ہیرو ہیڈنگز کے لیے 70–88px کے سائز میں -0.02em اور وزن 600 کے ساتھ استعمال ہوتا ہے۔ حروف کی تنگ جگہ اور بڑے حروف کی اونچائی سرخیوں کو ادارتی وزن دیتی ہے، جس سے گہرا انٹرفیس ڈیش بورڈ سے زیادہ میگزین کے سرورق جیسا نظر آتا ہے۔ انٹر ٹائٹ یا جنرل سانز کو بولڈ وزن میں بدل دیں۔
- Jersey 10 — متبادل: Anybody · خاکہ 400 · لہجے کے نمبروں اور جھلکیوں کے لیے ایک بڑا، آرائشی فونٹ۔ ٹائپوگرافک لہجے بنانے کے لیے بہت بڑے سائز میں تھوڑا استعمال کیا جاتا ہے۔ کسی بھی یا کابینہ Grotesk کے ساتھ تبدیل کیا جا سکتا ہے.
وقفے اور شکل
| مقصد | مطلب |
|---|---|
| کثافت | اوسط |
| بنیادی قدم | 10-16px |
| بٹن کا رداس | 100px |
| کارڈ کا رداس | 20px |
| سائے | نرم سائے |
| حصوں کے درمیان | 80px |
| صفحہ کی چوڑائی | 1200px |
AI آپ کی ویب سائٹ کو Superlist کے انداز میں بنائے گا اور اسے بھرے گا۔
- لنک کے ذریعے پروڈکٹس اور پوسٹس بھریں - Instagram, TikTok, Facebook.
- اپنی پرانی سائٹ سے مواد منتقل کریں—بس پتہ کی وضاحت کریں۔
- بہترین انجن پر جدید ڈیزائن: سرور رینڈرنگ اور SEO آپٹیمائزیشن کے ساتھ React ( Next.js) باکس سے باہر۔
- تلاش کے نتائج اور نیورل نیٹ ورک کی سفارشات کے لیے مکمل طور پر خودکار SEO کی اصلاح۔
ملتے جلتے انداز
- DNA — مڈ نائٹ آبزرویٹری جیسا کہ پارٹیکل لینس کے ذریعے دیکھا جاتا ہے۔
- Abetterlou — سیڈل لیدر پر چنگاریاں - ایک گرم کریمی فونٹ گہری کافی سیاہ پس منظر میں چمکتا ہے، جس میں امبر گولڈ بٹن ہوتے ہیں جو صفحہ میں دبی ہوئی گرم دھات کی طرح محسوس ہوتے ہیں۔
- Galileo-ft — الیکٹرک بلیو سگنلز کے ساتھ ایک گہری خلائی کمانڈ ڈیک
- Decide AI — آدھی رات کو آبزرویٹری - ٹکسال کا اشارہ
- Redis Agency — ادارتی ورکشاپ، گھنٹوں کے بعد کھلتی ہے، ایک سیاہ جگہ ہے جہاں تمام برانڈنگ کا کام سیرف فونٹس اور ایک سرخ مولی سے کیا جاتا ہے۔
- Spellbook — آدھی رات کا کمرہ مرجان کی سیاہی سے روشن ہوتا ہے - ایک سیاہ ادارتی سطح جہاں صرف آواز ہی گرم نارنجی قلم کے جھٹکے کی ہوتی ہے۔
- Linear — آدھی رات کا درست آلہ
- Origin Financial — آدھی رات کی خاموشی کی ایک گیلری۔ ایک پُرسکون، تقریباً تاریک کمرہ جہاں بڑے سیرف فونٹس اور چند روشن رنگین پینلز یہ احساس پیدا کرتے ہیں کہ فنانس آرٹ کا ایک احتیاط سے تیار کردہ کام ہے۔
- Hyperstudio — ڈیزائن obsidian میں نوچا ہے. متن اور باریک لکیریں خالص سیاہ کی سفید جگہ کو فریم کرتی ہیں، جس میں کبھی کبھار سنہری کمپاس کے نشان راستے کی نشاندہی کرتے ہیں۔
- Air — مجسمہ "شیشے کے ذریعے آدھی رات کا آسمان"
- Raycast — آدھی رات کا کمانڈ سینٹر، کورل نیین
- dope.security — جامنی رنگ کے بیکنز کے ساتھ آدھی رات کا ٹرمینل