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.
- پنهنجي پراڻي سائيٽ تان مواد منتقل ڪريو - صرف پتو بيان ڪريو.
- بهترين انجن تي جديد ڊيزائن: سرور رينڊرنگ ۽ ايس اي او آپٽمائيزيشن سان React ( Next.js).
- ڳولا جي نتيجن ۽ نيورل نيٽ ورڪ سفارشن لاءِ مڪمل طور تي خودڪار SEO اصلاح.
هڪجهڙا انداز
- Ui — ميٽ پيپر تي ڪلينڪل پلان
- monopo saigon — ادارتي خاموشي جي پويان هڪ مائع، چمڪندڙ چمڪ - پگھريل روشني تي ترندڙ هڪ مونوڪروم ايڊيٽوريل گيلري
- Ventriloc — گرم ڪاغذ تي ڊيٽا جي هڪ ايڊيٽوريل آبزرويٽري - هڪ نارنگي انگارو جيڪو مونوڪروم جي درستگي کي اجاگر ڪري ٿو
- Hyer Aviation — ڪاڪپٽ ۾ پارچمينٽ مٿان شام. پيلي صبح جو آسمان جسم جي سائيز جي سيريف لوگو سان ملي ٿو، ۽ هڪ گرم مٽيءَ جو تلفظ مونوڪروم پابندي کي ٽوڙي ٿو.
- Family — ڪريم پارچمينٽ تي هڪ پري جي ڪهاڻي مان هڪ اسپريڊ
- OFF+BRAND. — گرم پارچمينٽ تي چمڪندڙ گولو
- Geniestudio — هڪ نرم ڏينهن جي روشني وارو نوٽ بڪ - اهو قسم جنهن ۾ ويڪرا حاشيا ۽ هڪ ٿلهو قلم جو اسٽروڪ هجي.
- xAI — ڪاري گولي سان گرم ڪريم ليب
- Seed — ليبارٽري شيشي هيٺ هڪ جاندار
- Cosmos — هڪ گيلري جي ڀت جيڪا ڪپڙي سان ڍڪيل آهي ۽ پولارائيڊ سان لٽڪيل آهي.
- Cal — مونوڪروم عمليت، هڪ انساني طريقو. هڪ اهڙو نظام جيڪو سخت ڪاري ۽ اڇي پيليٽ ذريعي وضاحت ۽ ڪارڪردگي کي ترجيح ڏئي ٿو، پر ان کي دوستانه ٽائيپوگرافي ۽ گول شڪلن سان نرم ڪري ٿو.
- T1 Energy — گرم پارچمينٽ تي پيداوار جي سهولت جو ڊرائنگ هڪ خاموش، مونوڪروم منظر آهي جتي صنعتي پيماني ۽ نفيس ٽائپوگرافي پوري برانڊ کي ظاهر ڪري ٿي.