Stripe
پالے ہوئے شیشے پر انڈگو سیاہی میں لکھی ہوئی حساب کتاب
Stripe مالیاتی آلات کے لیے تقریباً ایک مونوکروم زبان کا استعمال کرتی ہے: گہرے نیلے سرخی کے ساتھ ایک نرم، ٹھنڈا سفید کینوس، تقریباً کوئی آرائشی کروم عناصر نہیں، اور ایک واحد روشن انڈیگو (#533afd) جسے جائز طور پر بٹن، لنک، یا آئیکن آؤٹ لائن کے طور پر استعمال کیا جا سکتا ہے۔ ٹائپوگرافی غیر معمولی طور پر پتلی ہے، جس کا وزن 300 پوائنٹ ہے — یہاں تک کہ 56px پر بھی — جو کہ واضح طور پر کارپوریٹ کے بجائے اعتماد کے ساتھ کم سمجھا جاتا ہے۔ بڑھتے ہوئے سائز کے ساتھ خط کا فاصلہ تیزی سے کم ہو جاتا ہے۔ بٹن چھوٹے، مربع (4px) ہوتے ہیں اور جامنی رنگ کے فلز یا سب سے پتلی جامنی خاکہ استعمال کرتے ہیں۔ نظام مکمل طور پر سائے سے بچتا ہے؛ گہرائی کو بلندی کے بجائے پس منظر کے رنگ بدلنے کے ذریعے حاصل کیا جاتا ہے (سفید → #f8fafd → #e5edf5 → جامنی رنگت)۔ پورا انٹرفیس اکاؤنٹنگ لیجر یا ٹرمینل کی طرح برتاؤ کرتا ہے: گھنی معلومات، واضح لکیریں، حصوں کے درمیان کافی جگہ، اور رنگ صرف اس وقت ظاہر ہوتا ہے جب کسی کارروائی کی ضرورت ہو۔
سفید کینوس پر مرکزی مواد کے کالم کے لیے زیادہ سے زیادہ چوڑائی ~1320px ہے۔ ہیرو مکمل سائز (56px) پر بائیں طرف سے منسلک ٹیکسٹ بلاک ہے جس کے نیچے دو کالز ٹو ایکشن ہیں، کوئی ہیرو امیج نہیں — نوع ٹائپ ہیرو ہے۔ حصوں کو عمودی طور پر 96px گٹروں اور 1px #e5edf5 تقسیم کرنے والوں کے ساتھ ترتیب دیا گیا ہے۔ کوئی متبادل تاریک/ہلکی دھاریاں نہیں ہیں۔ ہر سیکشن دہرائے جانے والے پیٹرن کی پیروی کرتا ہے: تمام کیپس میں ایک چھوٹا سیکشن ٹائٹل (دھواں دار رنگ، 12px)، پھر 32-48px سرخی، پھر 22px پیراگراف، پھر پروڈکٹ کارڈز کا ایک گرڈ (ڈیسک ٹاپ پر 3 کالم) یا بصری آرٹ کے ساتھ 2 کالم ٹیکسٹ بلاک۔ کلائنٹ کے لوگوز ایک تنگ عمودی پٹی میں، بائیں جانب سے منسلک ہوتے ہیں۔ فوٹر لنکس کی کثیر کالم فہرستوں کے ساتھ ایک وسیع #f8fafd پٹی ہے۔ مجموعی طور پر تال سست، ماپا، اور بنیادی طور پر متنی ہے — طویل اسکرول کی لمبائی کے باوجود معلومات کی کثافت کم ہے۔
منظر کشی پر روک اور دستاویزی انداز ہے۔ پورے صفحے کی تصاویر صرف ان حصوں میں ظاہر ہوتی ہیں جن میں کیس اسٹڈیز (جیسے، ہرٹز کے لیے فضائی ٹریفک فوٹوگرافی)، قدرتی رنگوں کا استعمال کرتے ہوئے، اوپر سے یا ڈرامائی زاویوں سے شوٹ کی جاتی ہیں—کوئی ڈوٹون یا رنگ پروسیسنگ نہیں۔ پروڈکٹ کے یوزر انٹرفیس کے اسکرین شاٹس فیچر کارڈز کے اندر استعمال کیے جاتے ہیں، بغیر ڈیوائس فریم کے، تیز زاویوں اور واضح بارڈرز کے ساتھ پیش کیے جاتے ہیں۔ پارٹنر لوگو بغیر کسی کنٹینر کے ان کے اپنے رنگوں میں دکھائے جاتے ہیں۔ یہاں کوئی عکاسی، 3D رینڈرز، یا آرائشی تجریدی گرافک عناصر نہیں ہیں۔ شبیہیں یکساں ہیں: لائن کا وزن 1، لائن کا وزن 2 سفید پس منظر پر، جیومیٹرک لائن آرٹ کے ساتھ (شیورون، تیر، چیک مارکس، دستاویز کی علامتیں)۔ صفحہ بنیادی طور پر متن اور سفید جگہ پر مشتمل ہے۔ تصاویر کل بصری علاقے کے 3% سے بھی کم پر قبضہ کرتی ہیں۔
پیلیٹ
برانڈ
- Indigo Ink
#533afd— جامنی رنگ بھرے بٹنوں، منتخب نیویگیشن سٹیٹس، اور توجہ مرکوز کرنے والے تبادلوں کے لمحات کے لیے استعمال کیا جاتا ہے۔ - Indigo Hover
#7389ff— جامنی رنگ کا استعمال لنکس، ٹیگز اور مختصر جملے کو نمایاں کرنے کے لیے کیا جاتا ہے۔ اسے کال ٹو ایکشن کے لیے بنیادی رنگ کے طور پر استعمال نہیں کیا جانا چاہیے۔
غیر جانبدار
- Midnight Ink
#061b31— مرکزی سرخی اور باڈی ٹیکسٹ ایک گہرا، تقریباً سیاہ رنگ ہے جس میں ایک ٹھنڈی نیلی رنگت ہے، جو پورے فونٹ سسٹم کی بنیاد کے طور پر کام کرتی ہے۔ - Slate
#64748d— سرمئی متن لنکس، ٹیگز اور مختصر جملے کو نمایاں کرتا ہے۔ - Steel
#50617a— اضافی متن اور معاون مواد ذیلی لائسنسوں پر استعمال ہونے والی سلیٹ اور خاموش ارغوانی ٹونز کے درمیان رکھا جاتا ہے۔ - Smoke
#839bc8— بڑے آرائشی عنوانات اور اس کے ساتھ متن کے لیے، ایک خاموش جامنی رنگ کا سایہ استعمال کیا جاتا ہے - جسم کے پیراگراف میں کبھی نہیں۔ - Pure White
#ffffff— صفحہ کینوس اور کارڈز کی اٹھائی ہوئی سطحیں؛ پہلے سے طے شدہ پس منظر جس کے خلاف ہر چیز کی پیمائش کی جاتی ہے۔ - Mist
#f8fafd— فوٹر کا پس منظر اور سیکشن ڈیوائیڈر ایک لطیف ٹھنڈا سایہ ہے جو نظر آنے والی سرحد کے بغیر علاقوں کو الگ کرتا ہے۔
نوع ٹائپ
12 سے 56px تک · 9 مراحل
- sohne-var — متبادل: Inter Tight (variable · خاکہ 300, 400 · پورے انٹرفیس میں استعمال ہونے والا واحد فونٹ ہیڈنگز، باڈی ٹیکسٹ، نیویگیشن، بٹنز اور لیبلز کے لیے ہے۔ 300 وزن 56px کے اسکرین کے سائز پر بھی غالب رہتا ہے، جو ایک مخصوص خصوصیت ہے: عنوانات چیخنے کے بجائے سرگوشی کرتے ہیں، حجم کے بجائے تحمل کے ذریعے اختیار قائم کرتے ہیں۔ نیویگیشن اور بٹن ٹیکسٹ کے لیے 400 وزن صرف 14–16px پر ظاہر ہوتا ہے، جہاں چھوٹے سائز میں قابلِ فہم ہونے کے لیے ایک اضافی اسٹروک کی ضرورت ہوتی ہے۔
وقفے اور شکل
| مقصد | مطلب |
|---|---|
| کثافت | کشادہ |
| بنیادی قدم | 8px |
| بٹن کا رداس | 4px |
| کارڈ کا رداس | 4px |
| سائے | نہیں - سائے کی بجائے سرحدیں |
| حصوں کے درمیان | 96px |
| صفحہ کی چوڑائی | 1320px |
AI آپ کی ویب سائٹ کو Stripe کے انداز میں بنائے گا اور اسے بھرے گا۔
- لنک کے ذریعے پروڈکٹس اور پوسٹس بھریں - Instagram, TikTok, Facebook.
- اپنی پرانی سائٹ سے مواد منتقل کریں—بس پتہ کی وضاحت کریں۔
- بہترین انجن پر جدید ڈیزائن: سرور رینڈرنگ اور SEO آپٹیمائزیشن کے ساتھ React ( Next.js) باکس سے باہر۔
- تلاش کے نتائج اور نیورل نیٹ ورک کی سفارشات کے لیے مکمل طور پر خودکار SEO کی اصلاح۔
ملتے جلتے انداز
- Ui — دھندلا کاغذ پر طبی منصوبہ
- monopo saigon — ادارتی خاموشی کے پیچھے ایک مائع، چمکدار چمک - پگھلی ہوئی روشنی پر تیرتی ایک مونوکروم ایڈیٹوریل گیلری
- Ventriloc — گرم کاغذ پر اعداد و شمار کی ایک ادارتی رصدگاہ - مونوکروم کی درستگی کو نمایاں کرنے والا سنگل نارنجی امبر
- Hyer Aviation — پارچمنٹ کے اوپر کاک پٹ میں شام۔ پیلا صبح کا آسمان جسم کے سائز کے سیرف لوگو سے ملتا ہے، اور مٹی کا ایک ہی گرم لہجہ مونوکروم کی پابندی کو توڑ دیتا ہے۔
- Family — کریم پارچمنٹ پر پریوں کی کہانی کا پھیلاؤ
- OFF+BRAND. — گرم پارچمنٹ پر چمکدار کرہ
- Geniestudio — ایک نرم دن کی روشنی والی نوٹ بک — وسیع حاشیہ اور ایک موٹے قلم کے اسٹروک کے ساتھ
- xAI — کالی گولی کے ساتھ گرم کریم لیب
- Seed — لیبارٹری شیشے کے نیچے ایک زندہ جاندار
- Cosmos — ایک گیلری کی دیوار کتان سے لگی ہوئی ہے اور پولرائڈز کے ساتھ لٹکی ہوئی ہے۔
- Cal — مونوکروم عملییت، ایک انسانی نقطہ نظر. ایک ایسا نظام جو ایک سخت سیاہ اور سفید پیلیٹ کے ذریعے وضاحت اور فعالیت کو ترجیح دیتا ہے، لیکن اسے دوستانہ نوع ٹائپ اور گول شکلوں کے ساتھ نرم کرتا ہے۔
- T1 Energy — گرم پارچمنٹ پر پیداواری سہولت کی ڈرائنگ ایک پرسکون، مونوکروم منظر ہے جہاں صنعتی پیمانہ اور ٹھیک ٹھیک نوع ٹائپ پورے برانڈ کو مجسم بناتی ہے۔