Calendly
ٹھنڈے ماربل پر گہری نیلی سیاہی
Calendly ایک پرسکون، پراعتماد منصوبہ بندی کے کام کی جگہ کی طرح محسوس ہوتا ہے: ایک قریب سفید کینوس جس میں کافی سانس لینے کے کمرے ہیں، کرکرا سفید پروڈکٹ کارڈز ٹھنڈے سرمئی پس منظر میں تیر رہے ہیں، اور تمام نوع ٹائپ خالص سیاہ کی بجائے گہری نیلی سیاہی میں پیش کی گئی ہیں۔ وضاحت کرنے والا عنصر گہرا نیلا رنگ ہے (#0b3558)، ہر جگہ متن ظاہر ہوتا ہے — ہیڈ لائنز، بٹن، آئیکنز، لنکس — جو پورے انٹرفیس کو نرم کرتا ہے، اسے عام SaaS لینڈنگ پیج سے زیادہ گرم اور زیادہ سجیلا بناتا ہے۔ تمام بنیادی کارروائیوں کے لیے ایک ہی روشن نیلا (#006bff) استعمال کیا جاتا ہے، اور آرائشی گلابی اور نیلے رنگ کے چھینٹے پروڈکٹ کے لے آؤٹ سے باہر تک پھیلے ہوئے بے ترتیبی پیدا کیے بغیر گرمی بڑھاتے ہیں۔ اجزاء کو کم نہیں رکھا جاتا ہے: پتلی 1px بارڈرز، ٹھیک ٹھیک نیلے رنگ کے سائے، بڑے 24px کارڈ ریڈی، اور 8px بٹن کونوں کو ہلکا ہونے کی بجائے جان بوجھ کر محسوس ہوتا ہے۔
زیادہ سے زیادہ چوڑائی 1200px، مرکز میں، ڈیسک ٹاپ پر وسیع مارجن کے ساتھ۔ مرکزی اسکرین کو دو کالموں میں تقسیم کیا گیا ہے: بائیں کالم میں ایک 80px ہیڈر + باڈی ٹیکسٹ + اسٹیکڈ لاگ ان بٹن ہیں، جب کہ دائیں کالم میں بیک گراؤنڈ میں آرائشی عناصر کے ساتھ بکنگ ویجیٹ کارڈ ہوتا ہے۔ مرکزی اسکرین کے نیچے ٹرسٹ لوگو کے ساتھ ایک واحد، پوری چوڑائی والی پٹی ہے۔ بعد کے حصے سینٹرڈ ہیڈر بلاکس (H2 + سب ٹیکسٹ + اختیاری کال ٹو ایکشن) کے درمیان متبادل ہوتے ہیں، اس کے بعد دو کالم بلاکس ہر پروڈکٹ کی تصویر کے پیچھے آرائشی لہجے والے عناصر کے ساتھ خصوصیات (متن بائیں/پروڈکٹ کے دائیں یا پروڈکٹ بائیں/متن دائیں) کو بیان کرتے ہیں۔ کارڈ گرڈز شاذ و نادر ہی استعمال کیے جاتے ہیں — لے آؤٹ ملٹی کالم گرڈ کے بجائے ایک دوسرے کے ساتھ رکھے ہوئے جوڑے والے حصوں کی حمایت کرتا ہے۔ حصوں کے درمیان فاصلہ 48 سے 64px تک ہے۔ نیویگیشن ایک 64px فکسڈ ٹاپ بار ہے جس میں بائیں طرف لوگو، ایک سینٹرڈ مینو، اور دائیں طرف کالز ٹو ایکشن کا ایک گروپ ہے۔
مرکزی بصری عنصر پروڈکٹ کے اسکرین شاٹس ہیں—بکنگ کیلنڈر کے صارف انٹرفیس کے سادہ موک اپس، جو چوڑے، گول کونوں کے ساتھ کرکرا سفید کارڈز پر پیش کیے گئے ہیں۔ آرائشی ڈیزائن: ہر پروڈکٹ کارڈ کو کورل پرپل (#e55cff) یا آزور بلیو (#0099ff) کے نرم دھبے سے گھرا ہوا ہے، تھوڑا سا آفسیٹ اور دھندلا، فلیٹ اسکرین شاٹ کے بجائے کولیج اثر پیدا کرتا ہے۔ کوئی تصویر نہیں، طرز زندگی کی کوئی تصویر نہیں—تمام بصری عناصر پروڈکٹ کے صارف انٹرفیس، خلاصہ لہجے کی شکلیں، یا ٹرسٹ بار پر مونوکروم پارٹنر لوگو کی نمائندگی کرتے ہیں۔ شبیہیں 1.5–2px کی لکیر کی چوڑائی کے ساتھ لکیری ہیں، مونوکروم، گہرے نیلے (انک نیوی) یا نیلے (سگنل بلیو) میں۔
پیلیٹ
برانڈ
- Ink Navy
#0b3558— مین ٹیکسٹ، ہیڈنگز، آئیکنز، کال ٹو ایکشن کے لیے گہرا پس منظر، نیویگیشن لنکس۔ - Signal Blue
#006bff— پرائمری کال ٹو ایکشن (CTA)، فعال نیویگیشن، لنک زور، منتخب ریاستیں۔
غیر جانبدار
- Carbon
#0a0a0a— خالص سیاہ میں متن (فال بیک)، لوگو گلیف، آئیکن فل۔ - Slate Gray
#476788— اضافی مرکزی متن، معاون متن، خاموش لیبلز۔ - Mist Gray
#a6bbd1— غیر فعال متن، غیر فعال فنکشن لیبلز، لائٹ آئیکن آؤٹ لائنز - Cloud
#f8f9fb— صفحہ کینوس، فوٹر کا پس منظر، اضافی سطح - Paper
#ffffff— گہرے پس منظر پر کارڈ کی سطحیں، ابھرے ہوئے پینل، بٹن کا متن۔ - Pebble
#f0f3f8— شبیہیں، ان پٹ فیلڈ شیڈنگ، لطیف الگ کرنے والے، ہوور اثرات کے لیے پس منظر کی تصاویر۔
نوع ٹائپ
12 سے 80px تک · 10 مراحل
- Gilroy — متبادل: Manrope · خاکہ 400, 500, 600, 700 · تمام انٹرفیس متن۔ گلروئے ایک جیومیٹرک ہیومنسٹ سینز سیرف ہے جس میں وسیع اپرچرز اور یکساں اسٹروک کنٹراسٹ ہے۔ اس کے بولڈ وزن (700) عنوانات کے لیے استعمال ہوتے ہیں، جبکہ 500-600 بٹنوں اور ذیلی سرخیوں کے لیے استعمال ہوتے ہیں۔ مینروپ یا انٹر سے بدلیں۔
- Gilroy — متبادل: Inter · خاکہ 400 · باڈی ٹیکسٹ اور عام مقصد کے UI لیبلز - 400 پوائنٹ فونٹ کا وزن اس بات کو یقینی بناتا ہے کہ لمبے متن کو بھاری محسوس کیے بغیر پڑھا جا سکتا ہے۔
- Gilroy — متبادل: Inter · خاکہ 500 · ثانوی عنوانات اور نمایاں کردہ باڈی ٹیکسٹ - 14/500 فونٹ کارڈ ہیڈنگز اور ان لائن لیبلز کے لیے بنیادی ٹول ہے۔
وقفے اور شکل
| مقصد | مطلب |
|---|---|
| کثافت | گھنے |
| بنیادی قدم | 8-16px |
| بٹن کا رداس | 8px |
| کارڈ کا رداس | 24px |
| سائے | نہیں - سائے کی بجائے سرحدیں |
| حصوں کے درمیان | 48-64px |
| صفحہ کی چوڑائی | 1200px |
AI آپ کی ویب سائٹ کو Calendly کے انداز میں بنائے گا اور اسے بھرے گا۔
- لنک کے ذریعے پروڈکٹس اور پوسٹس بھریں - Instagram, TikTok, Facebook.
- اپنی پرانی سائٹ سے مواد منتقل کریں—بس پتہ کی وضاحت کریں۔
- بہترین انجن پر جدید ڈیزائن: سرور رینڈرنگ اور SEO آپٹیمائزیشن کے ساتھ React ( Next.js) باکس سے باہر۔
- تلاش کے نتائج اور نیورل نیٹ ورک کی سفارشات کے لیے مکمل طور پر خودکار SEO کی اصلاح۔
ملتے جلتے انداز
- ElevenLabs — لطیف سرخیوں کے ساتھ گرم کریم ٹونز میں ایک تصویری مضمون۔ بوہاؤس طرز کی نوٹ بک — انڈے کے شیل کے رنگ کا کاغذ، سیاہ سیاہی، اور مصنوعات کی نمائش کے لیے ایک جامنی اور نارنجی لہجہ۔
- Awesomic — ادارتی زنک میش نارنجی رموز اوقاف کے ساتھ کنفیٹی کی یاد دلاتی ہے
- Monad — گرم پارچمنٹ پر ادارتی تکنیکی جریدہ
- Dub — لنک کا میٹ رائس پیپر کنٹرول پینل
- Seline Analytics — گرم کاغذ پر ایک پرسکون تجزیاتی میز
- Notion — دوپہر کی دھوپ میں ایک گرم کاغذ کی نوٹ بک
- Anthropic — گرم ویلم پر ایک سائنسی فیلڈ جرنل — پرسکون ہاتھی دانت کی سطحیں، سیریفڈ ادارتی عنوانات، اور ایک واحد مٹی کا لہجہ جو صرف اس وقت ظاہر ہوتا ہے جب کارروائی کی ضرورت ہو۔
- Augen Pro — ایپل کی سفید پریزنٹیشن میں کلینکل، بے وزن، برقی نیلے رنگ کو ایک مونوکروم اسپیس میں واحد لہجے کے طور پر دکھایا گیا ہے۔
- Antimetal — کریم پیپر پر ایک ادارتی کرانیکل — ایک سائنسی جریدے میں ایک پرسکون صبح، جہاں تحمل اعتماد کا اظہار کرتا ہے اور سیریف بھاری وزن اٹھاتے ہیں۔
- Perk — گرم پارچمنٹ پیپر پر برقی چونا
- Ditto — سورج کی روشنی والی ورکشاپ جو جنگلی پھولوں کے نمونے تیار کرتی ہے۔ گرم کریم کی سطحیں، ایک متحرک پیلے رنگ کا بنیادی رنگ، گہری بحریہ نیلی سیاہی، ٹکڑے کے پیچھے کھلتے ہوئے نامیاتی رنگ کی شکلیں۔
- Officevibe — گرم کریم رنگ کے کاغذ پر ایک ادارتی رسالہ۔ HR مینجمنٹ پر ایک سوچے سمجھے مضمون کا تصور کریں، جسے ایک پروڈکٹ کے طور پر پیش کیا گیا ہے — ایک جدید نیلے انٹرفیس کے ذریعے سرگوشی کرنے والا کرسیو فونٹ۔