Slash
سنہری لیجرز کے ساتھ آدھی رات کا والٹ
سلیش آدھی رات کے گیلری موڈ میں کام کرتا ہے: تقریباً سیاہ کینوس، سفید قسم، اور ایک گرم تانبے کا لہجہ اوقاف کے طور پر کام کرتا ہے۔ ہیڈ لائنز Ivy Presto میں آویزاں ہیں، ایک ہائی کنٹراسٹ ڈیڈون سیرف جو انتہائی سائز میں استعمال کیا جاتا ہے (88px تک) — سیرف اور سینز سیرف ٹائپ فیسس کا یہ تصادم سسٹم کا دستخط ہے، جو اسے روایتی بینکنگ کے بروکریج گرویٹا کے بغیر ایک مالیاتی گرویٹا دیتا ہے۔ باقی یوزر انٹرفیس کو جان بوجھ کر کم کیا گیا ہے: پتلی سرحدیں، گولی کے سائز کے کنٹرول، کمپیکٹ 16px باڈی ٹیکسٹ، اور قسم کو سانس لینے کی اجازت دینے کے لیے ایک باریک اپ سویپ۔ سنگل گولڈ گریڈینٹ (چارٹ لائن، مائیکرو اکسنٹ) مونوکروم سسٹم میں گرمجوشی کا اضافہ کرتا ہے، جس سے ڈیزائن کے سامعین کے لیے بنائے گئے بلومبرگ ٹرمینل کی گرم چمک پیدا ہوتی ہے۔
مواد 1216px چوڑا، مرکز میں، 160px عمودی گٹر کے ساتھ ہے۔ ہوم اسکرین ایک گہرا، مکمل چوڑائی والا کینوس ہے جس میں تقسیم کی گئی ہے: ایک بائیں طرف سے منسلک سیرف ہیڈر (64–88px چوڑا) نیچے ای میل ایڈریس فیلڈ کے ساتھ، اور 50% چوڑائی پر دائیں جانب ایک بڑا پروڈکٹ UI کارڈ (ایک ڈیش بورڈ اسکرین شاٹ)۔ اس کے بعد کے حصے انٹر میں ذیلی سرخی کے ساتھ سنگل کالم، سینٹرڈ ہیڈر (سیرف، 44–64px چوڑا) استعمال کرتے ہیں، اس کے بعد فیچر کی تفصیل/تعریفات/بلاگز کے لیے کارڈز کے تین کالم گرڈ ہوتے ہیں۔ نیویگیشن ایک فکسڈ ٹاپ بار ہے: بائیں طرف لوگو، مرکزی مینو (کمپنی، مصنوعات، حل، کلائنٹس، قیمتوں کا تعین، اکثر پوچھے گئے سوالات)، دائیں طرف سے منسلک لاگ ان (غیر واضح)، اور شروع کرنا (سفید بھرا عنصر)۔ فوٹر میں کمپنی کی معلومات اور قانونی نوٹس کے ساتھ روابط کا ایک گھنا پانچ کالم گرڈ موجود ہے۔ صفحہ مواد سے بھرپور گرڈ سیکشنز اور فل سکرین کے اعدادوشمار کے درمیان بدلتا ہے- یہ تال کالموں کے درمیان سفید جگہ کے بجائے پس منظر کے رنگوں کو تبدیل کرنے کے ذریعے قائم کیا جاتا ہے (پورے صفحہ کو ایک واحد، متحد کینوس کے طور پر پیش کیا جاتا ہے)۔
فوٹو گرافی ادارتی اور فطری ہے: بانیوں اور ٹیم کے ارکان کے ان کے حقیقی زندگی کے کام کے ماحول (دفاتر، رہنے کے کمرے، تعمیراتی مقامات) کے گرم پورٹریٹ۔ تصاویر کارڈ فریموں کو کنارے سے کنارے تک بھرتی ہیں، بغیر پیڈنگ کے۔ ٹیکسٹ پڑھنے کی اہلیت کو بڑھانے کے لیے تعریفی کارڈ کے نیچے ایک گہرا میلان استعمال کیا جاتا ہے۔ جمالیاتی — "LinkedIn ادارتی میگزین سے ملتا ہے" — آرام دہ، انسانی، اور قدرے خاموش ہے، اسٹاک فوٹوگرافی کے ساتھ کبھی پالش نہیں ہوتا ہے۔ آرٹیکل کے تھمب نیلز تصویری تصورات کے ساتھ تصاویر کو یکجا کرتے ہیں (بھولبلییا میں کھڑا شخص، پیسے کے تھیلوں کے ساتھ چمنی)۔ پروڈکٹ کا UI مکمل دھندلاپن کے ساتھ ڈارک موڈ میں ظاہر ہوتا ہے، جو کہ ایک مرکزی عنصر پر صفحہ کے اوپر منڈلاتا ہے۔ شبیہیں #2e3038 یا #777a88 میں 1px سٹروک کے ساتھ مونوکروم ہیں، کبھی بھی برانڈ کے رنگ سے نہیں بھرے جاتے۔
پیلیٹ
غیر جانبدار
- Bone
#e2e3e9— بنیادی متن کے لیے بڑے فونٹ کا سائز، تفصیلی ڈیٹا لیبل، اور زیادہ تر UI عناصر میں ایک معیاری ٹیکسٹ ٹون۔ - Obsidian
#08080a— صفحہ کینوس، فوٹر کا پس منظر، سب سے تاریک سطح تقریباً سیاہ ہے جس میں ٹھیک ٹھیک نیلے رنگ کا رنگ ہے۔ - Onyx
#040406— کارڈ کی سطح، اضافی پس منظر، بصری اثر کے لیے صفحہ سے ایک قدم گہرا ہے۔ - Carbon
#121317— ابھرے ہوئے پینلز، بلا روک ٹوک UI فل - سرفیس اسٹیک کے ارتقا میں پہلا نمایاں طور پر ہلکا قدم - Graphite
#1c1d22— بارڈرز، ڈیوائیڈرز، آئیکن کنٹینرز، کنٹرول سلائیڈرز — رنگ کا سب سے لطیف سایہ جو ساخت کی وضاحت کرتا ہے۔ - Slate
#2e3038— اضافی بارڈرز، خاموش آئیکن لائنز، مواد کے بلاکس کے درمیان ٹھیک ٹھیک ڈیوائیڈرز۔
نوع ٹائپ
13 سے 88px تک · 9 مراحل
- Ivy Presto — متبادل: Playfair Display · خاکہ 400, 500 · سرخیوں اور ذیلی سرخیوں کے لیے ایک سیرف فونٹ — 28px اور اس سے اوپر کے عنوانات اور سیکشن کے عنوانات کے لیے خصوصی طور پر استعمال کیا جاتا ہے۔ پتلی سیرف کے ساتھ ہائی کنٹراسٹ ڈیڈون اسٹروک ادارتی عیش و آرام کا احساس پیدا کرتے ہیں۔ 0.01em کا چھوٹا سا مثبت خط فاصلہ غیر معمولی ہے اور فونٹ کو پرنٹ شدہ، اکاؤنٹنگ جیسی ظاہری شکل دیتا ہے۔ یہ سیرف فونٹ برانڈ کا بنیادی کالنگ کارڈ ہے — یہ Slash کو دیگر تمام SaaS fintech کمپنیوں سے ممتاز کرتا ہے جو جیومیٹرک sans-serif فونٹس پر ڈیفالٹ ہوتی ہیں۔
- Inter — متبادل: Inter (self-hosted via Google Fonts) · خاکہ 300, 400, 500, 600, 700 · UI سنز — مین ٹیکسٹ، نیویگیشن، بٹن، لیبل، لنکس، فارم فیلڈز، اور ذیلی عنوانات۔ مرکزی متن غیر متزلزل ثانوی متن کے لیے 300 فونٹ استعمال کرتا ہے۔ 500 درمیانے زور والے متن اور بٹن لیبلز کے لیے استعمال کیا جاتا ہے۔ 600 چھوٹے ٹوپیوں میں لکھے گئے زمرے کے لیبلز کے لیے مخصوص ہیں۔ منفی حروف کا وقفہ 2 (-3) سے کم ہوتا ہے اور سائز میں کمی کے ساتھ کم ہوتا ہے، جو کہ انٹر فونٹ کی آپٹیکل اسکیلنگ کی خاص بات ہے۔
وقفے اور شکل
| مقصد | مطلب |
|---|---|
| کثافت | کشادہ |
| بنیادی قدم | 8px |
| بٹن کا رداس | 9999px |
| کارڈ کا رداس | 10px |
| سائے | نہیں - سائے کی بجائے سرحدیں |
| حصوں کے درمیان | 160px |
| صفحہ کی چوڑائی | 1216px |
AI آپ کی ویب سائٹ کو Slash کے انداز میں بنائے گا اور اسے بھرے گا۔
- لنک کے ذریعے پروڈکٹس اور پوسٹس بھریں - Instagram, TikTok, Facebook.
- اپنی پرانی سائٹ سے مواد منتقل کریں—بس پتہ کی وضاحت کریں۔
- بہترین انجن پر جدید ڈیزائن: سرور رینڈرنگ اور SEO آپٹیمائزیشن کے ساتھ React ( Next.js) باکس سے باہر۔
- تلاش کے نتائج اور نیورل نیٹ ورک کی سفارشات کے لیے مکمل طور پر خودکار SEO کی اصلاح۔
ملتے جلتے انداز
- Modal — ایک تاریک سرور روم میں ایک فاسفورسنٹ ٹرمینل - روشنی کا واحد ذریعہ ایک چمکدار سبز رنگ ہے
- AgentQL — رات کو ٹرمینل پر ناردرن لائٹس
- GitHub — بایولومینسنٹ کنٹرول پوائنٹس کے ساتھ ایک خلائی کمانڈ پینل — ایک تاریک، ماحول میں کام کرنے کی جگہ جہاں ایک ہی سبز چمک آگے کی طرف اشارہ کرتی ہے۔
- Doppler — آدھی رات کو والٹ کی جامنی روشنی۔ تقریباً کالا کینوس ایک ہی لیوینڈر سگنل اور سبز تصدیقی روشنی کے ساتھ چمکتا ہے، ہر سطح کو پکڑنے کے لیے کافی مڑے ہوئے ہیں۔
- Basedash — میٹ فونٹ کے ساتھ آدھی رات کا ڈیٹا ٹرمینل۔ ایک تاریک رصد گاہ جہاں میٹرکس جامنی اور سبز رنگ میں چمکتے ہیں، سیرف کی سرخیاں شور کے اوپر تیرتی ہیں، اور سفید گولی کے سائز کے بٹن ہی نرم سیاہ سطحوں کے کمرے میں واحد روشن چیزیں ہیں۔
- Superwhisper — آدھی رات کے شیشے پر شمالی روشنیاں تحلیل ہو جاتی ہیں۔
- Better Stack — آدھی رات کا SRE کنسول
- Langbase — مڈ نائٹ ناردرن لائٹس کنسول
- Astro — ڈیپ اسپیس مشن کا کنٹرول نیبولا سے ایک جامنی چمک کے ساتھ
- Wayfinder — ایک بلیک مووی اسکرین جس میں بمشکل قابل سماعت ٹائٹل ایک لائیو مثال کے اوپر منڈلا رہا ہے۔ انٹرفیس کنٹرول پینل کے بجائے چمک سلائیڈر ہے۔
- HashiCorp — جامنی رنگ کے نیون کے ساتھ آدھی رات کو کنٹرول روم ایک تاریک تکنیکی سطح ہے جہاں ایک چمکتا ہوا مسدس مکعب ہی رنگ کے حوالے سے کام کرتا ہے۔
- Umbrel — رات کے سرور روم میں ایک آرام دہ آگ کا گڑھا — ایک تاریک کمرہ جہاں ایک ہی آڑو کی چمک اس بات کو نمایاں کرتی ہے کہ واقعی اہم کیا ہے۔