Dub

پیلیٹ

برانڈ

• Electric Blue #2563eb — بنیادی برانڈ کا رنگ—لوگو، لنکس، اہم کارکردگی کے اشارے، فعال حالتیں، اور آئیکن لہجے—استعمال کیا جاتا ہے۔ سفید پس منظر پر ایک بھرپور نیلا نظام کی واحد بصری اپیل پیدا کرتا ہے۔
• Deep Sapphire #1e40af — ایکشن بٹن کا مرکزی پس منظر، کال ٹو ایکشن کا بولڈ فل - ایکشن کو ظاہر کرنے والا واحد رنگ - توجہ مبذول کرنے کے لیے تھوڑا سا استعمال کیا جاتا ہے۔

غیر جانبدار

• Canvas White #ffffff — صفحہ کا پس منظر، کارڈ کی سطح، پاپ اپ پینل ہر اسکرین کی مکمل بنیاد ہیں۔
• Paper Mist #f5f5f5 — نیسٹڈ کارڈز، اضافی پینلز، اور ہوور پر بھرنے کے لیے سطح کے لطیف رنگ کی تبدیلیاں۔
• Ash #e5e5e5 — کارڈز، ان پٹ کنیکٹرز اور ڈیوائیڈرز پر موجود پتلی سرحدیں وہ ساختی لکیر ہیں جو نظام کو ایک ساتھ رکھتی ہیں۔
• Smoke #d4d4d4 — منتخب کنٹینرز اور بٹن کے اضافی خاکے کے لیے تیز بارڈرز۔
• Pebble #c8c8c8 — متوسط کنٹراسٹ کے ساتھ بارڈرز، کنٹرول آؤٹ لائنز، اور ساختی ڈیوائیڈرز۔ اس رنگ کو کال ٹو ایکشن کے لیے بنیادی رنگ کے طور پر استعمال نہیں کیا جانا چاہیے۔
• Midnight Ink #0a0a0a — بٹنوں کا مرکزی متن، نمایاں کردہ بٹن، اور نیویگیشن ٹیکسٹ زیادہ سے زیادہ کنٹراسٹ کے لیے تقریباً سیاہ ہیں۔

نوع ٹائپ

11 سے 48px تک · 9 مراحل

• Satoshi — متبادل: Inter (weight 500 · خاکہ 500 · ڈسپلے ہیڈنگز - ہیڈنگ اور سیکشن ٹائٹلز کے لیے صرف 36–48px لائنوں میں استعمال ہوتے ہیں۔ فونٹ کا وزن - 500 (میڈیم، بولڈ نہیں): ہیڈنگز پراعتماد اور جدید نظر آتی ہیں، لیکن کبھی زیادہ طاقتور نہیں ہوتیں۔ ساتوشی کا ہندسی تناسب ٹائپ فیس کو قدرے ادارتی، جدید احساس دیتا ہے کہ انٹر کی باڈی کاپی نقل نہیں کر سکتی۔
• Inter — متبادل: Inter (native) · خاکہ 400, 500, 600 · باڈی کاپی، UI لیبلز، نیویگیشن، ذیلی سرخیاں، اور معمولی عنوانات۔ انٹر بنیادی ورک ہارس ہے، جو 11px مائیکرو لیبلز سے لے کر 30px سیکنڈری ہیڈنگ تک ہر چیز کو ہینڈل کرتا ہے۔ باڈی کاپی کے لیے 400 کا وزن پہلے سے طے شدہ ہے، نمایاں کردہ عناصر اور بٹن لیبلز کے لیے 500، اور 600 اہم UI لیبلز کے لیے مخصوص ہے۔ 1.5 کی لائن کی اونچائی کے ساتھ 16px سب سے زیادہ کثرت سے سامنے آنے والا سنگل سٹیپ سائز (1220 واقعات) ہے، اس بات کی تصدیق کرتا ہے کہ 16px کینونیکل باڈی کاپی سائز ہے۔
• Geist Mono — متبادل: JetBrains Mono or IBM Plex Mono · خاکہ 400, 500 · کوڈ کے ٹکڑوں، تکنیکی میٹا ڈیٹا، اور ایمبیڈڈ مونو اسپیس ٹوکنز کو کوڈ بلاکس میں 12–14px اور بڑے کوڈ ڈسپلے عناصر میں 24px پر استعمال کیا جاتا ہے۔ یہ ڈویلپر ٹول کی ساکھ کو یقینی بناتا ہے، جو Dub کے پروڈکٹ کی پوزیشننگ کے مطابق ہے۔

وقفے اور شکل

ملتے جلتے انداز

• ElevenLabs — لطیف سرخیوں کے ساتھ گرم کریم ٹونز میں ایک تصویری مضمون۔ بوہاؤس طرز کی نوٹ بک — انڈے کے شیل کے رنگ کا کاغذ، سیاہ سیاہی، اور مصنوعات کی نمائش کے لیے ایک جامنی اور نارنجی لہجہ۔
• Awesomic — ادارتی زنک میش نارنجی رموز اوقاف کے ساتھ کنفیٹی کی یاد دلاتی ہے
• Monad — گرم پارچمنٹ پر ادارتی تکنیکی جریدہ
• Seline Analytics — گرم کاغذ پر ایک پرسکون تجزیاتی میز
• Notion — دوپہر کی دھوپ میں ایک گرم کاغذ کی نوٹ بک
• Anthropic — گرم ویلم پر ایک سائنسی فیلڈ جرنل — پرسکون ہاتھی دانت کی سطحیں، سیریفڈ ادارتی عنوانات، اور ایک واحد مٹی کا لہجہ جو صرف اس وقت ظاہر ہوتا ہے جب کارروائی کی ضرورت ہو۔
• Calendly — ٹھنڈے ماربل پر گہری نیلی سیاہی
• Augen Pro — ایپل کی سفید پریزنٹیشن میں کلینکل، بے وزن، برقی نیلے رنگ کو ایک مونوکروم اسپیس میں واحد لہجے کے طور پر دکھایا گیا ہے۔
• Antimetal — کریم پیپر پر ایک ادارتی کرانیکل — ایک سائنسی جریدے میں ایک پرسکون صبح، جہاں تحمل اعتماد کا اظہار کرتا ہے اور سیریف بھاری وزن اٹھاتے ہیں۔
• Perk — گرم پارچمنٹ پیپر پر برقی چونا
• Ditto — سورج کی روشنی والی ورکشاپ جو جنگلی پھولوں کے نمونے تیار کرتی ہے۔ گرم کریم کی سطحیں، ایک متحرک پیلے رنگ کا بنیادی رنگ، گہری بحریہ نیلی سیاہی، ٹکڑے کے پیچھے کھلتے ہوئے نامیاتی رنگ کی شکلیں۔
• Officevibe — گرم کریم رنگ کے کاغذ پر ایک ادارتی رسالہ۔ HR مینجمنٹ پر ایک سوچے سمجھے مضمون کا تصور کریں، جسے ایک پروڈکٹ کے طور پر پیش کیا گیا ہے — ایک جدید نیلے انٹرفیس کے ذریعے سرگوشی کرنے والا کرسیو فونٹ۔